Caja de Identificacion al estilo SupernovaTema Solucionado

[Makoto]

Bueno aquí les mostrare como hacer para tener una caja de identificación al estilo Supernova





Abrir

Código: Seleccionar todo

styles/prosilver/template/overall_header.html

Buscar

Código: Seleccionar todo

</head>

Añadir Antes

Código: Seleccionar todo

<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('#sn-not-logged-in').mouseenter(function() {
		$('#sn-not-logged-in-hover').fadeIn('medium');
	});
	$('#sn-not-logged-in-hover').mouseleave(function() {
		$('#sn-not-logged-in-hover').fadeOut('medium');
	});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
	$("input:checkbox").each( function() {
		(this.checked) ? $("#fake"+this.id).addClass('fakechecked') : $("#fake"+this.id).removeClass('fakechecked');
	});
	$(".fakecheck").click(function(){
		($(this).hasClass('fakechecked')) ? $(this).removeClass('fakechecked') : $(this).addClass('fakechecked');
		$(this.hash).trigger("click");
		return false;
	});
});
</script>

Buscar

Código: Seleccionar todo

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<form action="{U_SEARCH}" method="post" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
		<!-- ENDIF -->

Añadir despues

Código: Seleccionar todo

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
		<div class="quick-login-supernova">
		<div id="sn-not-logged-in"></div>
		<div id="sn-not-logged-in-hover">
		<div id="sn-nli-content">

		<form method="post" action="{S_LOGIN_ACTION}">
		<fieldset style="margin-top: -5px;">
		<span class="sn-form-label">{L_USERNAME}:</span><br />
		<input type="text" name="username" class="sn-nli-form" title="{L_USERNAME}" />
		<span class="sn-form-label">{L_PASSWORD}:</span><br />
		<input type="password" name="password" class="sn-nli-form" title="{L_PASSWORD}" />

		<a href="ucp.php?mode=sendpassword">{L_FORGOT_PASS}</a> <!-- IF S_REGISTER_ENABLED -->| <a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
		<br /><br />
		<!-- IF S_AUTOLOGIN_ENABLED --><a href="#autologin2" class="fakecheck" id="fakeautologin2">{L_LOG_ME_IN}</a><input type="checkbox" name="autologin" id="autologin2" style="display: none;" /><!-- ENDIF -->
		<div style="clear: both;"><a href="#hidestatus" class="fakecheck" id="fakehidestatus">{L_HIDE_ME}</a><input type="checkbox" name="viewonline" id="hidestatus" style="display: none;" /></div>
		<input type="submit" name="login" value="" id="sn-nli-button" />
		</fieldset>
		</form>
		</div><!-- /sn-nli-content -->
		</div><!-- /sn-not-logged-in-hover -->
		</div>
		<!-- ENDIF -->

Abrir

Código: Seleccionar todo

styles/prosilver/theme/stylesheet.css

Buscar

Código: Seleccionar todo

@import url("colours.css");

Añadir despues

Código: Seleccionar todo

@import url("login-supernova.css");

Actualizar Plantillas, Temas y Galería de imágenes.

Descomprimir el .ZIP en el root de foro.

root.zip

(58.76 KiB) Descargado 180 veces