Importante:

¿Como pedir soporte? (Marzo 18, 2015)

Botones como en MyBB-Es
Bueno, en este mini tutorial de dificultad facil les explicare como cambiar las imagenes de sus foros por botones CSS totalmente optimizados!! estos...

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 Google SEO (Español);
}

.postbitbutton:active {
	color: #007ecf;
	text-decoration: none;
	border: 1px solid Google SEO (Español);
}

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 Wink

Saludos
Archivos Adjuntos

0 0
Tema anterior Tema siguiente
jeje buen tutorial, hay mucha gente que lo lleva buscando desde hace tiempo Tongue (me incluyo XD) +rep
0
Muy buenos, aun que tienen la imagen muy abajo xD
0
Está muy bueno Big Grin
Habrá que editar harto xD
0
Una pregunta a que ruta debo subir la imagen?

Otra pregunta Big Grin

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>
0
Que buena onda por pasarlos. Muchas gracias! Smile
0
@likepop con agregar class="postbitbutton" adelante de <a basta
0
Y la imagen Cluster en donde la subo? Big Grin
0
la imagen es tu boton.... se encuentra en la carpeta de tu theme y en el sub directorio /espanol/
0
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.
0

Colaboradores: ZioGuE , xRockztar , Xpress , XEDE , storm , Perzeus17 , papi , MaTiiass , likepop , Leandro M. , Jaizu , Hearnett , FrancoBov , drackligth14 , DARKNESSDH , darkenix , Cluster , cacacolass , ::Leon::

This forum uses Lukasz Tkacz MyBB addons.