ACP --> estilos y plantillas --> selecciona en tu estilo, variables de estilo --> vete hasta: footer y en footer_link_color modificas
4Likes
Esta es una discusión para el tema Cambiar color links en footer_copyright en el foro vBulletin 4 - Preguntas, Problemas y Soluciones, bajo la categoría Soporte vBulletin; Mi problema es que los links del copyright tienen los mismos colores que los de todo el foro, pero quiero hacerlos diferentes a los del resto del foro.
Intente con CSS pero no me funciono ...
Página:
Mi problema es que los links del copyright tienen los mismos colores que los de todo el foro, pero quiero hacerlos diferentes a los del resto del foro.
Intente con CSS pero no me funciono muy bien xD.
Si alguien me puede hechar una mano, si no se entendio bien pongo una fotos luego con mas info
![]()
ACP --> estilos y plantillas --> selecciona en tu estilo, variables de estilo --> vete hasta: footer y en footer_link_color modificas
No es eso lo que busco ya que esa opcion de variables solo corre para los links superiores no los del copyright.
Link directo a la imagen: http://i48.tinypic.com/nnjv3q.jpg
En la imagen coloque 3 selecciones, la primera es el color del footer_link_color, el segundo es el color del link que quiero cambiar y el tercero es el hover. Los colores de los links del copyright son los mismos que los del body
Mira aca mi footer del skin:
Intente agregando el div footer a la parte del copright pero tambien me incluye las opciones de fondo, etc. También lo intente modificando el vbulletin-chrome.css en la parte de a link y el hover agregar el div "footer_copyright" pero no me lo reconoce :SCódigo PHP:{vb:raw ad_location.ad_footer_start}
{vb:raw ad_location.global_above_footer}
<div id="footer" class="floatcontainer footer">
<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>
<ul id="footer_links" class="footer_links">
<vb:if condition="$show['contactus']"><li><a href="{vb:raw vboptions.contactuslink}" rel="nofollow" accesskey="9">{vb:rawphrase contact_us}</a></li></vb:if>
<vb:if condition="$vboptions['hometitle']"><li><a href="{vb:raw vboptions.homeurl}">{vb:raw vboptions.hometitle}</a></li></vb:if>
<vb:if condition="$show['admincplink']"><li><a href="{vb:raw admincpdir}/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase admin}</a></li></vb:if>
<vb:if condition="$show['modcplink']"><li><a href="{vb:raw modcpdir}/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase mod}</a></li></vb:if>
<vb:if condition="$vboptions['archiveenabled']"><li><a href="archive/index.php">{vb:rawphrase archive}</a></li></vb:if>
{vb:raw template_hook.footer_links}
<vb:if condition="$vboptions['privacyurl']"><li><a href="{vb:raw vboptions.privacyurl}">{vb:rawphrase privacy_statement}</a></li></vb:if>
<vb:if condition="$vboptions['tosurl']"><li><a href="{vb:raw vboptions.tosurl}">{vb:rawphrase terms_of_service}</a></li></vb:if>
<li><a href="{vb:raw relpath}#top" onclick="document.location.hash='top'; return false;">{vb:rawphrase top}</a></li>
</ul>
<vb:if condition="$show['dst_correction']">
<!-- auto DST correction code -->
<form action="profile.php?do=dst" method="post" name="dstform">
<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="dst" />
</form>
<script type="text/javascript">
<!--
var tzOffset = {vb:raw bbuserinfo.timezoneoffset} + {vb:raw bbuserinfo.dstonoff};
var utcOffset = new Date().getTimezoneOffset() / 60;
if (Math.abs(tzOffset + utcOffset) == 1)
{ // Dst offset is 1 so its changed
document.forms.dstform.submit();
}
//-->
</script>
<!-- / auto DST correction code -->
</vb:if>
<script type="text/javascript">
<!--
// Main vBulletin Javascript Initialization
vBulletin_init();
//-->
</script>
{vb:raw template_hook.footer_javascript}
</div>
</div> <!-- closing div for body_wrapper -->
<div class="below_body">
<div class="ft">
<div id="footer_time" class="shade footer_time">{vb:rawphrase all_times_are_gmt_x_time_now_is_y}</div>
<div id="footer_copyright" class="shade footer_copyright">
<!-- Do not remove this copyright notice -->
{vb:rawphrase powered_by_vbulletin}
<!-- Do not remove this copyright notice -->
</div>
<div id="footer_morecopyright" class="shade footer_morecopyright">
<!-- 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}<br><br>
Rivendel Network recomienda el uso de <a href="http://www.mozilla-europe.org/es/firefox/">Mozilla Firefox</a>,<br>
para visualizar nuestros sitios. <img src="http://unclubdiferente.com.ar/firefox-small-icon.png">
</div>
</div>
{vb:raw ad_location.ad_footer_end}
</div>
Nadie me puede ayudar con esto?
AdminCP --> Estilos y Plantillas --> Selecciona en tu Estilo, la opción "Variables de Estilo" en la lista deplegable --> Baja hasta el apartado LINKS y lo que debes modificar es la variable links_color
Espero así te sirva.
PS: Debo hacerte saber que al cambiar esa variable estarás cambiando el color de TODOS los links de la web.
Hola,
Para añadir una variable de estilo al foro, es necesario habilitar el modo debug de vBulletin (aquel utilizado solo por programadores). Al habilitar este modo, tu sitio podría ser vulnerado fácilmente, así que haz la modificación teniendo el foro cerrado al público.
* Para hacer esto, descarga a tu ordenador el archivo /includes/config.php y edítalo. Justo debajo de <?php, coloca esto:
Ahora, ya tienes el modo debug habilitado.Código PHP:$config['Misc']['debug'] = true;
* Para añadir la nueva variable de estilo, dirígete a:
AdminCP -> Estilos y Plantillas -> Administrar Estilos
* Verás que ha aparecido un nuevo estilo llamado ESTILO MAESTRO. Selecciona del menú de opciones de ese estilo la opción "Variables de Estilos".
* Abajo a la izquierda verás dos botones, pulsa el botón 'Agregar Nueva Variable de Estilo' y especifica las siguientes opciones:
Producto: vBulletin
Grupo: Footer
ID de Variable de Estilo: lo_que_sea
Nombre Amigable: Links del Footer Personalizados (escribes lo que quieras)
Descripción: La que sea
Tipo de Dato: Color
Y guardas la nueva Variable de Estilo
* Ahora, edita la plantilla vbulletin-chrome.css en tu *estilo personalizado* y busca lo siguiente:
Añade debajo:Código:.footer_copyright, .footer_morecopyright { padding-bottom:{vb:math {vb:stylevar padding}/2}; color:{vb:stylevar footer_copyright_color}; font:{vb:stylevar footer_copyright_font}; margin-top: {vb:stylevar padding}; text-align:center; display:block; }
En donde reemplazas lo_que_sea por el ID de Variable de Estilo de la nueva variable de estilo que previamente has creado.Código:.footer_copyright a { color:{vb:stylevar lo_que_sea}; } .footer_copyright a:hover { color:{vb:stylevar lo_que_sea}; } .footer_morecopyright a { color:{vb:stylevar lo_que_sea}; } .footer_morecopyright a:hover { color:{vb:stylevar lo_que_sea}; }
* Posteriormente modifica la variable de estilo nueva y especifica el color que desees.
* Comenta o borra la línea colocada en el archivo config.php y abre de nuevo tu foro.
Saludos cordiales.
Y si quieres ahorrarte el trabajo de crear la variable de estilo, pues simplemente sigue desde aquí en adelante:
Edita la plantilla vbulletin-chrome.css en tu *estilo personalizado* y busca lo siguiente:
Añade debajo:Código:.footer_copyright, .footer_morecopyright { padding-bottom:{vb:math {vb:stylevar padding}/2}; color:{vb:stylevar footer_copyright_color}; font:{vb:stylevar footer_copyright_font}; margin-top: {vb:stylevar padding}; text-align:center; display:block; }
En donde #XXXXXX sera el código hexadecimal del color que quieras agregar (ejemplo #FF0000).Código:.footer_copyright a { color:#XXXXXX; } .footer_copyright a:hover { color:#XXXXXX; } .footer_morecopyright a { color:#XXXXXX; } .footer_morecopyright a:hover { color:#XXXXXX; }
Muchas gracias a ambos.
Andres lo que colocas aca, hay una guia disponible aca en los foros de vbhispano? porque con el buscador al menos no lo encontre. Si no esta podrias crearla porque la verdad es que esta muy util la información para aquellos que queremos lograr un skin propio y bien logrado para nuestros foros.