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

.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)

<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

<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

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

Muy buenos, aun que tienen la imagen muy abajo xD

Está muy bueno
Habrá que editar harto xD

Una pregunta a que ruta debo subir la imagen?

Otra pregunta

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>

Que buena onda por pasarlos. Muchas gracias!

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

Y la imagen Cluster en donde la subo?

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

No entendi :S

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.