MyBB-Es.com

4,274 · 16-01-2012 02:59 AM

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

Código 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:

<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:

<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 Guiño

Saludos

16-01-2012 08:44 AM

jeje buen tutorial, hay mucha gente que lo lleva buscando desde hace tiempo Lengua

(me incluyo XD) +rep

16-01-2012 01:29 PM

Muy buenos, aun que tienen la imagen muy abajo xD

05-02-2012 12:53 AM

Está muy bueno Gran sonrisa

Habrá que editar harto xD

12-02-2012 12:27 PM

Una pregunta a que ruta debo subir la imagen?

Otra pregunta Gran sonrisa

Absolutamente todas las plantilla que digan postbit_xxxx debo cambiarlas solamente por esta línea? : <a class="postbitbutton" href="{$post['website']}" target="_blank">www</a>

12-02-2012 12:28 PM

Que buena onda por pasarlos. Muchas gracias! Sonrisa

4,274 · 12-02-2012 12:48 PM

@likepop con agregar class="postbitbutton" adelante de <a basta

12-02-2012 12:50 PM

Y la imagen Cluster en donde la subo? Gran sonrisa

4,274 · 12-02-2012 01:00 PM

la imagen es tu boton.... se encuentra en la carpeta de tu theme y en el sub directorio /espanol/

12-02-2012 01:21 PM

No entendi Confundido

Yo seguí tus pasos. Ya puse el código en el global.css y puse <a class="postbitbutton" en cada plantilla con la rama postbit_xxx

Ahora el paso que me falta es poner esa imagen que adjuntaste pero no te entendi donde y con que nombre debo guardarla.

PD: Aún no se ven los botones, creo que lo unico que me falta es esa imagen.

PD2: Lo de descargar pdf no sirve el link.

MyBB-Es.com

Iniciar sesión

MyBB-Es.com

Más..

MyBB-Es.com

Iniciar sesión

MyBB-Es.com

Copyright ©

Más..