Bueno, en este mini tutorial de dificultad facil les explicare como cambiar las imagenes de sus foros por botones CSS totalmente optimizados!!
estos aparte de que se ven lindos a la vista en foros claros y oscuros, no pesan ni dificultan la carga del servidor.
para empezar abran su global.css ( ACP -> Estilos y Plantillas -> "Tu Theme" -> global.css ) y al final de todo pegar
estos aparte de que se ven lindos a la vista en foros claros y oscuros, no pesan ni dificultan la carga del servidor.
para empezar abran su global.css ( ACP -> Estilos y Plantillas -> "Tu Theme" -> global.css ) y al final de todo pegar
Código PHP:
<?php
.postbitbutton {
font-weight: bold;
font-size: 11px;
background: url(images/TarBorder.gif) repeat-x bottom left!important;
color: #000;
padding: 2px 3px;
border: 1px solid #bababa;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.postbitbutton:link, .postbitbutton:visited {
color: #000;
text-decoration: none;
}
.postbitbutton:hover {
color: #007ecf;
text-decoration: none;
border: 1px solid #777;
}
.postbitbutton:active {
color: #007ecf;
text-decoration: none;
border: 1px solid #777;
}
despues suban la imagen que adjunto al final. . .
como ultimo les toca a ustedes localizar sus plantillas postbit_XXXX en las cuales remplazaran el contenido por el siguiente (tomando como ejemplo postbit_www que es la que muestra el link del foro de los usuarios)
Código PHP:
<?php
<a class="postbitbutton" href="{$post['website']}" target="_blank">www</a>
esto solo mostrara el boton sin icono a lado. . . para montarle un icono basta con agregar
Código PHP:
<?php
<a class="postbitbutton" href="{$post['website']}" target="_blank"><img src="{$theme['imglangdir']}/postbit_www.gif" alt="{$lang->postbit_website}" title="{$lang->postbit_website}" /> www</a>
en este ultimo caso uso las variables clasicas de MyBB para que el icono sea el boton y ya solo me di a la tarea de remplazar el boton por el icono
Y asi tendran unos lindos botones como los de MyBB
Saludos
:)
(me incluyo XD) +rep
