Editar Footer

L

Lucas Guerrero Seguir

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
28 Jun 2009
Mensajes
25
como dejar asi mi footer?
ejemploc.png
 
I

imported_NkC

Delta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
4 Feb 2010
Mensajes
706
Estaria interesante hacer algo asi. Voy a intentarlo y te digo como me fue :)

PD: Se hace modificando la plantilla footer con HTML
 
I

imported_NkC

Delta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
4 Feb 2010
Mensajes
706
Ya mira por ahora y por tiempo logre:

1.- Dejar los selectores sobre el cuadro.
2.- En el cuadro cree una tabla que incluye 2 partes: el logo y el copyright.

Entonces, primero ir: Estilos y plantillas > administrar estilos > "el estilo" > Plantillas comunes > Footer

Identifica lo siguiente:
PHP: 
<div id="footer" class="floatcontainer footer">

Entonces para mover los selectores sobre el cuadrado, como la imagen. Busca:
PHP: 
<form action="{vb:raw vboptions.forumhome}.php" method="get" id="footer_select" class="footer_select">

			
		<vb:if condition="$show['quickchooser']">
			<select name="styleid" onchange="switch_id(this, 'style')">
				<optgroup label="{vb:rawphrase quick_style_chooser}">
					{vb:raw quickchooserbits}
				</optgroup>
			</select>	
		</vb:if>
		
		<vb:if condition="$show['languagechooser']">
			<select name="langid" onchange="switch_id(this, 'lang')">
				<optgroup label="{vb:rawphrase quick_language_chooser}">
					{vb:raw languagechooserbits}
				</optgroup>
			</select>
		</vb:if>
	</form>

Y lo mueves para dejarlo antes del div que te mostre arriba.

Ahora busca:
PHP: 
<ul id="footer_links" class="footer_links">

Y antes de eso pega lo siguiente:
PHP: 
<table width="100%" heigh="100%">
<tr>
<td><img src="ruta de tu logo"></td>
<td align="right">

Busca:
PHP: 
	<!-- Do not remove this copyright notice -->
	{vb:rawphrase powered_by_vbulletin}
	<!-- Do not remove this copyright notice -->

Cortalo, elimina las etiquetas div que lo envuelven (<div id="footer_copyright" class="shade footer_copyright"></div>).

Ahora pegalo despues de:
PHP: 
</ul>

Busca:
PHP: 
	<!-- Do not remove cronimage or your scheduled tasks will cease to function -->
	{vb:raw cronimage}
	<!-- Do not remove cronimage or your scheduled tasks will cease to function -->
	{vb:raw vboptions.copyrighttext}

Cortalo y elimina las div que lo envuelven al igual que el anterior.

Y lo pegas despues del copyright movido anteriormente:
PHP: 
<!-- Do not remove this copyright notice -->
	{vb:rawphrase powered_by_vbulletin}
	<!-- Do not remove this copyright notice -->

Ahora finalmente debemos achicar la letra del copyright para que no se confunda con los links, para esto envolveremos los 2 codigos agregados despues de </ul> y envolverlos con la siguiente etiqueta div:
PHP: 
<p style="font-size:x-small;"></p>

Quedando así:
PHP: 
<p style="font-size:x-small;">
<!-- Do not remove this copyright notice -->
	{vb:rawphrase powered_by_vbulletin}
	<!-- Do not remove this copyright notice -->
<!-- Do not remove cronimage or your scheduled tasks will cease to function -->
	{vb:raw cronimage}
	<!-- Do not remove cronimage or your scheduled tasks will cease to function -->
	{vb:raw vboptions.copyrighttext}
</p>

Queda pendiente lo de los bordes redondos ^^

PD: Se viene tuto con más opciones de optimización !
 
Hay que estar conectado o registrado para responder aquí.
Arriba