Agregar BARRA FOOTER tipo face book

Hola me gustaria que agreguen la barra footer tipo face book al foro, bueno ya es hora que tenga cambios cheveres y que el foro se vea algo moderno elegante no....

bueno para hacerlo les dare un tuto xD:

Para crear nuestra barra, primero debermos crear una nueva página html :
Panel de Administración ==> Módulos ==> HTML ==> Gestion de
las páginas HTML

Ahora en nuestra página HTML colocamos; "¿Deseas utilizar la parte alta y
la parte baja de la página de tu foro?" la opción "No"
y en nuestra segunda opción (Utilizar como índice) "No".

Ahora
pegamos el siguiente código:

Código:


a
{
color: [color=red]#368AD2[/color];
}
a:visited
{
color: [color=red]#368AD2[/color];
}
a:active
{
color: [color=red]#368AD2[/color];
}
a:hover
{
color: [color=red]#368AD2[/color];
}

[font=Arial][color=#000000][b][url=http://www.yoshifansclub.com/[color=red]%22http://rincondemario.foroactivo.com/general-f1/reglamento-general-de-mario-fans-club-rincon-de-mario-t1.htm%22][color=red]Reglas[/color][/url][/b][b]

    [/b]    [img(1px,33px)]http://hitskin.com/themes/15/00/11/i_header_bg.gif[/img]      [b]   

[url=http://www.yoshifansclub.com/[color=red]http://rincondemario.foroactivo.com/manejo-del-foro-mfc-f6/[/color]][color=red]Manual MFC[/color][/url][/b][/color][/font][b]

          [img(1px,33px)]http://img4.imageshack.us/img4/7130/mitu3.png[/img][b]  [/b][b][/b][url=http://www.yoshifansclub.com/[color=red]http://rincondemario.foroactivo.com/foyo-de-ayuda-f8/[/color]][color=red]Foro de Ayuda[/color][/url]

[color=red][color=black]          [img(1px,33px)]http://img4.imageshack.us/img4/7130/mitu3.png[/img][b]  [/b][b][/b][url=http://www.yoshifansclub.com/[color=red]http://www.foroactivo.com/[/color]][color=red]foroactivo.com[/color][/url][/color]
[/color]

          [img(1px,33px)]http://img4.imageshack.us/img4/7130/mitu3.png[/img][b]  [/b][b][/b][url=http://www.yoshifansclub.com/[color=red]http://rincondemario.foroactivo.com/mario-anuncios-f3/[/color]][color=red]Auncios[/color][/url]


          [img(1px,33px)]http://img4.imageshack.us/img4/7130/mitu3.png[/img][b]  [/b][b][/b][url=http://www.yoshifansclub.com/[color=red]http://rincondemario.foroactivo.com/denuncias-f5/[/color]][color=red]Denuncias[/color][/url]


          [img(1px,33px)]http://img4.imageshack.us/img4/7130/mitu3.png[/img][b]  [/b][b][/b][url=http://www.yoshifansclub.com/[color=red]http://rincondemario.foroactivo.com/cambios-de-nick-f7/[/color]][color=red]Cambios de Nick[/color][/url][/b]


          [img(1px,33px)]http://img4.imageshack.us/img4/7130/mitu3.png[/img][b]  [/b][b][/b][url=http://www.yoshifansclub.com/[color=red]http://rincondemario.foroactivo.com/centro-comercial-f17/[/color]][color=red]Tienda[/color][/url]

          [img(1px,33px)]http://img4.imageshack.us/img4/7130/mitu3.png[/img][b]  [/b][b][/b][url=http://www.yoshifansclub.com/[color=red]http://rincondemario.foroactivo.com/general-f1/rangos-generales-del-rincon-de-mario-marc-t26.htm[/color]][color=red]Rangos del foro[/color][/url]

Leyenda: lo que esta en rojo lo cambias por links, nombres, etc

Una vez modificada registramos los cambios y copiamos la dirección URL
de la página HTML que acabos de crear.

2. Instalando la Barra:

Ahora nos dirigimos a nuestro Panel de Administración
==>Visualización ==> Índice ==> General.

Ahi en el
"Mensaje del Índice" pegamos el siguiente código:

Código:

 

Reemplaza lo que esta en rojo xD.

Si has seguido al pie de la letra el tutorial tendrás algo como esto:

Spoiler:

Bueno solo es una sugerencia:

Creditos por la barra:

Spoiler:

Imagenes y modificaciones: MarioSM
Por la barra: foroactivo

si no les gusta la idea, ya que dejenlo jeje, solo digo que seria mas elegante y moderno el forito xD.

Me gusta la idea, creo que la implementare x3, solo necesitare seguir el tuto al pie de la letra.

Sugerencia Aceptada!