[Rendimiento]  Cambiós en theme ProNavy Efecto 3D y Header nuevo
* URL del foro: http://villawarez.saapy.com * Versión del foro: 1.6.1 * Actualización: Ninguna Buenas. Me gustaría hacer unos cambiós man en mi t...


Buenas.
Me gustaría hacer unos cambiós man en mi theme, ProNavy.

Serían 2 cambiós en mi foro, para darle un efecto óptico de "3D" y nuevo Header
Os explico :

1º Cambió :

El primero, seria cambiar el header por completo.
Yo borré el que venia en el theme ProNavy, desde la plantilla header, y me gustaría poner uno parecido a este :

http://img340.imageshack.us/i/dibujo3ye.jpg/

Me gustaría ponerlo debajo del logo.
Las imagenes del header, ya las tengo yo, pero no se como hacer para ponerlo.

2º Cambió :

Me gustaría, poner despues de agregar el nueov header, un efecto 3D, parecido a este :

http://img151.imageshack.us/i/dibujoqic.jpg/

Ese effecto, seria para el menú.

Gracias Big Grin

Última modificación: 2 Mar, 2011, 1:56 pm por BlackFox.
No se ven las imágenes... :S
Dejo los links, ya que no se por que no van xD

Saludos.
El header por qué no copias el código de donde sacaste ese? Ese theme creo que es libre si mal no recuerdo.
Esque, el header lo saque de una web vBulletin, no se si es algún inconveniente.
Y esque no se exactamente cual es el código del header de la web.
(2 Mar, 2011, 2:54 pm)TheZeuS escribió: Esque, el header lo saque de una web vBulletin, no se si es algún inconveniente.
Y esque no se exactamente cual es el código del header de la web.

Ah ok. Es que el theme de ese header lo había para MyBB, y era gratis. Pero no recuerdo su nombre... :S
Cierto, el theme se llama blueevolution.

Y al parecer solamente estaba posteado en Mybb-es, pero cerro.
En la segunda imagen yo lo hice así:
Código:
<div id="toolbar" style="margin-top:-13px;">
    <div id="toolbar_l">
    <div id="toolbar_r">     
        <ul>
                <li><a href="http://enlace.com">Ayuda</a>
        </ul>
    </div>
    </div>
</div>

CSS:
Código:
#toolbar { background: url(images/saintanime/toolbar.png) repeat-x; height: 43px; width: 100%; position: relative;}
#toolbar_l { background: url(images/saintanime/toolbar_l.png) 0 left no-repeat; height: 50px; margin-left: -8px;}
#toolbar_r { background: url(images/saintanime/toolbar_r.png) 0 right no-repeat; height: 50px; margin-right: -8px; height: 49px;}

Cambia el ancho y alto por el tamaño de tus imágenes :p

EDITO: Blueevolution esta en el foro de mybb vietnam.
Última modificación: 6 Mar, 2011, 1:26 pm por Azagthoth.
(6 Mar, 2011, 1:25 pm)Survivor21 escribió: En la segunda imagen yo lo hice así:
Código:
<div id="toolbar" style="margin-top:-13px;">
    <div id="toolbar_l">
    <div id="toolbar_r">     
        <ul>
                <li><a href="http://enlace.com">Ayuda</a>
        </ul>
    </div>
    </div>
</div>

CSS:
Código:
#toolbar { background: url(images/saintanime/toolbar.png) repeat-x; height: 43px; width: 100%; position: relative;}
#toolbar_l { background: url(images/saintanime/toolbar_l.png) 0 left no-repeat; height: 50px; margin-left: -8px;}
#toolbar_r { background: url(images/saintanime/toolbar_r.png) 0 right no-repeat; height: 50px; margin-right: -8px; height: 49px;}

Cambia el ancho y alto por el tamaño de tus imágenes :p

EDITO: Blueevolution esta en el foro de mybb vietnam.

Buenas.

Al parecer ese menú no lo pude conseguir por ninguna manera.
Así que decidí hacer otra cosa.

Quedria poner un menú como la segunda, imagen.
Osea, hacer un menú como este : http://img151.imageshack.us/img151/5408/dibujoqic.jpg
Y luego, poner lo de Índice etc...

¿Como puedo hacer eso?
Si la manera de hacerlo es como me dijiste tu, podrias detallar un poco mas?
Donde poner eso etc...

Saludos, y lo siento soy nuevo.
(12 Mar, 2011, 10:03 am)TheZeuS escribió:
(6 Mar, 2011, 1:25 pm)Survivor21 escribió: En la segunda imagen yo lo hice así:
Código:
<div id="toolbar" style="margin-top:-13px;">
    <div id="toolbar_l">
    <div id="toolbar_r">     
        <ul>
                <li><a href="http://enlace.com">Ayuda</a>
        </ul>
    </div>
    </div>
</div>

CSS:
Código:
#toolbar { background: url(images/saintanime/toolbar.png) repeat-x; height: 43px; width: 100%; position: relative;}
#toolbar_l { background: url(images/saintanime/toolbar_l.png) 0 left no-repeat; height: 50px; margin-left: -8px;}
#toolbar_r { background: url(images/saintanime/toolbar_r.png) 0 right no-repeat; height: 50px; margin-right: -8px; height: 49px;}

Cambia el ancho y alto por el tamaño de tus imágenes :p

EDITO: Blueevolution esta en el foro de mybb vietnam.

Buenas.

Al parecer ese menú no lo pude conseguir por ninguna manera.
Así que decidí hacer otra cosa.

Quedria poner un menú como la segunda, imagen.
Osea, hacer un menú como este : http://img151.imageshack.us/img151/5408/dibujoqic.jpg
Y luego, poner lo de Índice etc...

¿Como puedo hacer eso?
Si la manera de hacerlo es como me dijiste tu, podrias detallar un poco mas?
Donde poner eso etc...

Saludos, y lo siento soy nuevo.

Modificaste el CSS para que quede con el nombre de la carpeta de tus imagenes?