Botones como en MyBB-Es
En línea Cluster
Mensaje: #1
MyBB Botones como en MyBB-Es
Administrador
*******
Administradores

Avatar de Cluster

Info del foro de este user
Mensajes: 4,274
Registro en: Feb 2009
Reputación: 233

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-weightbold;
    
font-size11px;
    
backgroundurl(images/TarBorder.gifrepeat-x bottom left!important;
    
color#000;
    
padding2px 3px;
    
border1px solid #bababa;
    
border-radius5px;
    -
moz-border-radius5px;
    -
webkit-border-radius5px;
}

.
postbitbutton:link, .postbitbutton:visited {
    
color#000;
    
text-decorationnone;
}

.
postbitbutton:hover {
    
color#007ecf;
    
text-decorationnone;
    
border1px solid #777;
}

.
postbitbutton:active {
    
color#007ecf;
    
text-decorationnone;
    
border1px 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:
<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:
<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



Archivo(s) adjuntos
.gif  TarBorder.gif (Tamaño: 327 bytes / Descargas: 283)


El dolor es inevitable, el sufrimiento es opcional. Thumbsup


16-01-2012 02:59 AM
Visita su sitio web Encuentra todos sus mensajes Responder
Publicidad
*******
Sin conexión drackligth14
Mensaje: #2
RE: Botones como en MyBB-Es
Miembro Avanzado
****

Avatar de drackligth14

Mensajes: 95
Registro en: Dec 2011
Reputación: 0

jeje buen tutorial, hay mucha gente que lo lleva buscando desde hace tiempo Lengua (me incluyo XD) +rep


16-01-2012 08:44 AM
Encuentra todos sus mensajes Responder
Sin conexión Jaizu
Mensaje: #3
RE: Botones como en MyBB-Es
┌∩┐(◕_◕)┌∩┐
******

Avatar de Jaizu

Info del foro de este user
Mensajes: 872
Registro en: Sep 2010
Reputación: 53

Muy buenos, aun que tienen la imagen muy abajo xD


¿<!-- Firma eliminada -->? ¿lol?
16-01-2012 01:29 PM
Visita su sitio web Encuentra todos sus mensajes Responder
Sin conexión ::Leon::
Mensaje: #4
RE: Botones como en MyBB-Es
Miembro Avanzado
****

Avatar de ::Leon::

Info del foro de este user
Mensajes: 85
Registro en: Dec 2011
Reputación: 3

Está muy bueno Gran sonrisa
Habrá que editar harto xD


05-02-2012 12:53 AM
Visita su sitio web Encuentra todos sus mensajes Responder
Sin conexión likepop
Mensaje: #5
RE: Botones como en MyBB-Es
Usuario Vip
*****

Avatar de likepop

Info del foro de este user
Mensajes: 149
Registro en: Jan 2012
Reputación: 4

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:27 PM
Encuentra todos sus mensajes Responder
Sin conexión ZioGuE
Mensaje: #6
RE: Botones como en MyBB-Es
Miembro VIP
*****

Avatar de ZioGuE

Mensajes: 980
Registro en: Apr 2010
Reputación: 36

Que buena onda por pasarlos. Muchas gracias! Sonrisa



1 Coin Videojuegos | Dragon Ball Rol
¿Te sirvió de algo mi mensaje? +Rep

12-02-2012 12:28 PM
Visita su sitio web Encuentra todos sus mensajes Responder
En línea Cluster
Mensaje: #7
RE: Botones como en MyBB-Es
Administrador
*******
Administradores

Avatar de Cluster

Info del foro de este user
Mensajes: 4,274
Registro en: Feb 2009
Reputación: 233

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



El dolor es inevitable, el sufrimiento es opcional. Thumbsup


12-02-2012 12:48 PM
Visita su sitio web Encuentra todos sus mensajes Responder
Sin conexión likepop
Mensaje: #8
RE: Botones como en MyBB-Es
Usuario Vip
*****

Avatar de likepop

Info del foro de este user
Mensajes: 149
Registro en: Jan 2012
Reputación: 4

Y la imagen Cluster en donde la subo? Gran sonrisa


12-02-2012 12:50 PM
Encuentra todos sus mensajes Responder
En línea Cluster
Mensaje: #9
RE: Botones como en MyBB-Es
Administrador
*******
Administradores

Avatar de Cluster

Info del foro de este user
Mensajes: 4,274
Registro en: Feb 2009
Reputación: 233

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



El dolor es inevitable, el sufrimiento es opcional. Thumbsup


12-02-2012 01:00 PM
Visita su sitio web Encuentra todos sus mensajes Responder
Sin conexión likepop
Mensaje: #10
RE: Botones como en MyBB-Es
Usuario Vip
*****

Avatar de likepop

Info del foro de este user
Mensajes: 149
Registro en: Jan 2012
Reputación: 4

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.


12-02-2012 01:21 PM
Encuentra todos sus mensajes Responder




Usuario(s) navegando en este tema: 1 invitado(s)

Hora: 18-05-2012, 07:56 PM