[Tutorial] Numero de mensajes, etc. dentro de un cuadro.
Perdonen por el titulo, no sabia que ponerle x"D
A pedido de algunos de mis users les traigo este tutorial, es el primer post que hago y es que... en ves de decircelo a ellos solos porque no compartirlo con todos? ^^
Bueno, para los que no entendieron el titulo lo que voy a explicar es como hacer esto:
Lindo nop? ^^
Antes de seguir voy a aclarar algo, para hacer eso tienes que modificar el codigo del template, si no estas seguro o nunca modificaste algo con html olvidalo, podrias terminar descuadrando por completo el foro... quedas advertido, luego no me vengas con "el foro se me rompio" x"D.
Otra cosa, esto no funciona con la mayoria de los estilos y puede darte error (por ejemplo el estilo de cs y cs expanded) no probe (ni pienso probar) cual funciona y cual no, tambien decir que el codigo de cada estilo puede variar, para este tutorial use el subBlack.
Vas a ACP > Menu Forogratis > Templates Propios"
Descargas el archivo "viewtopic_body.tpl" y lo abres con cualquier editor de texto (nada de bloc de notas eh? que se te van los tabs xdd)
Una ves abierto buscas la siguiente linea:
Una ves que ubiques en donde empieza el postrow, te centras en la segunda linea abajo de este:
Solo vamos a usar esa linea, has de cuenta que todas las demas no existen.
Esa linea es la del perfil de cualquiera que publique un mensaje en el foro, si miramos bien podemos encontrar el nombre de usuario, rango, imagen del rango... estos en orden de izquierda a derecha que vendria a ser de arriba a abajo en el perfil, estos son algunos:
Intenta ubicarlos a todos antes de seguir para que no te marees ^^
Una ves los ubiques, veamos un ejemplo, imaginemos que no me gusta como se ve el nombre de usuario y quiero que este este encerrado en un cuadro... bien, entonces buscamos el siguiente codigo:
Este esta encerrado por 2 parentesis "{ }"
Justo antes del primer parentesis pega este codigo, ponle un "<" al principio y ">" al final (sino no me sale xD)
Al final del segundo parentesis pega esta etiqueta:
Deberia quedarte asi:
Para cambiarle los colores al cuadro modifica estos valores hexadecimales:
* "solid #808080" Color del borde
* "background-color:#4B4B4B" Color de fondo del cuadro
* "color:#4B4B4B" Color de las letras dentro del cuadro
Aca una pagina con algunos colores en hexadecimal, podes encontrar mas buscando en google ^^:
http://www.webtaller.com/utilidades/css ... olores.php
Si quieres el mismo cuadro que tengo yop...deja eso como esta.
Una ves modifiques los campos que te gusten le das a guardar y te vas otra ves a templates propios, lo subes con el mismo nombre que tenia cuando lo bajaste y listo, enhorabuena !!! ^^
Para terminar una recomendacion: Deshabilita la opcion "dejar que mis usuarios elijan su propio estilo" esto podria causarles errores dependiendo del estilo que usen, por ejemplo el cs o el cs expanded (confirmado), tampoco cambies de estilo a cada rato, modifica el que estes seguro que vas a usar.
(Antes de que pregunten porque tache la direccion de mi foro es... porque no esta listo y no quiero que lo vean jaja x"DDD, igual, si alguien quiere el link que me mande un mp, es un rol de naruto algo freak x"D)