[HTML]Categoria de 4 foros en 2 lineas

Hola, aqui les dejo el tutorial de esta famosa categoria, pero con una edicion especial para TutoZone, espero que lo entiendan y les guste.

Primero editaremos el codigo, que es lo mas importante para la creacion de la categoria, y pones el link de los foros y de las imagenes que queremos que salgan en nuestra categoria, ademas de los Nombres y Descripciones.

<a href="http://tutozone.foroactivo.net/reglas-del-foro-f1/reglas-del-foro-t1.htm" style="float: left;"><img src="http://img237.imageshack.us/img237/6318/sinti26hi2.png" alt=""></a><span style="float: left; width: 30%; margin-left: 5px;"><a href="http://tutozone.foroactivo.net/reglas-del-foro-f1/reglas-del-foro-t1.htm" class="forumtitle">Reglamento</a><br />Aqui podras ver las reglas de el foro</span><span style="float: right; width: 35%; margin-left: 10px;"><a href="http://tutozone.foroactivo.net/anuncios-actualizaciones-f3/" class="forumtitle">Anuncios/Actualizaciones</a><br />Todas las Actualizaciones de TutoZone podras verlas aqui</span><a href="http://tutozone.foroactivo.net/anuncios-actualizaciones-f3/" style="float: right;"><img src="http://www.iconlook.com/icondb/oxygen/48x48/actions/messagebox_warning.png"alt=""></a><span style="border-top: 1px solid rgb(255, 255,255); clear: both; display: block; margin-bottom:10px;"></span><a href="http://tutozone.foroactivo.net/sugerencias-y-quejas-f5/" style="float: left;"><img src="http://img83.imageshack.us/img83/1169/configuretoolbarsck4.png" alt=""></a><span style="float: left; width: 30%; margin-left: 5px;"><a href="http://tutozone.foroactivo.net/sugerencias-y-quejas-f5/" class="forumtitle">Sugerencias y Quejas</a><br />Cualquier Sugerencia o Queja tiene su lugar aqui</span><span style="float: right; width: 35%; margin-left: 5px;"><a href="http://tutozone.foroactivo.net/tutoriales-foroactivo-f30/" class="forumtitle">Tutoriales</a><br />Podras ver todos los Tutoriales para las webs de ForoActivo</span><a href="http://tutozone.foroactivo.net/tutoriales-foroactivo-f30/" style="float: right;"><img src="http://www.iconlook.com/icondb/oxygen/48x48/apps/preferences_system.png" alt=""></a>

En color Rojo: Los link de tus foros
En color Azul: Link de las imagenes
En color naranja: Nombre del foro
En color Verde: Descripcion de los foros.

Luego despues de editar nuestro codigo correctamente, nos vamos a nuestra Gestion de Foros, para eso nos dirigimos a Panel de Administracion-General-Categorias y foros y creamos una categoria nueva, luego le creamos un foro a esta categoria el cual llevara un "Nombre Provisional" que sera cambiado despues de terminar todo, luego a ese foro le agregamos como sub-foro los foros que queremos en la Categoria de 4 foros en 2 lineas y se edita este foro y se le pone en el "Nombre del Foro"

Código:

<no>

Luego de esto, les quedara asi antes de darle a Registrar.



Luego en la Gestion de Foros le quedara asi



Y en el foro les quedara la famosa Categoria que tanto queremos en nuestros foros.




Detalles

Para que la categoria quede bien tienen que tener la Jeraquia correcta, para eos se van a Panel de Adminsitracion-Visualizacion-Estructura y Jeraquia y selecciona la imagen de abajo en el medio



Tambien deben tener instalado en su foro un tema/estilo version phpbb3 o cambiar el que tienen en phpbb2 a phpbb3 en Panel de Administracion-Visualizacion-Elegir un Tema y le dan a la pestaña "Version"



Si tienen un CSS en su foro deben copiarlo antes de cambiar su tema/estilo a version phpbb3 y despues de pasarlo pegarlo de nuevo en la Hoja de CSS.

Tutorial by Joseph

Saludos.

Yo he puesto ese tutorial en mi foro y me ha ayudado mucho gracias...

Hola, no sera que lo pusiste a prueba, porque n puedes copiar el tutorial sin permiso.


Saludos.

Eso mismo, perdon por la equivocacion...

Samus escribió:Eso mismo, perdon por la equivocacion...

Hola, sin preocupaciones, lo que pasa es que este es un Tutorial de edicion exclusiva para TutoZone, ya que el de Club Namco es un exito como ya esta, este es para TutoZone.


Saludos.

xtech escribió:Muchas Gracias Probando

Hola, primeramente deberias presentarte, ya que haci te conoceremos mejor, otra cosa es que evita escribir en negritas, ya que esta reservado para la moderacion.


Saludos.

Hola, les quisiera recuerdar que tambien existe el VideoTutorial de este Tutorial, espero que lo disfruten.


Saludos.

Joseph escribió:Hola, les quisiera recuerdar que tambien existe el VideoTutorial de este Tutorial, espero que lo disfruten.


Saludos.

si ya lo sabiamos

Hola, lo digo para los usuarios nuevos, para que lo vean tambien.


Saludos.

Ah, vale, no me di cuenta.

Saludos