LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Tema Ubuntu
[Todas las versiones] Stylish toolbar (Re-codeado 22/2 - Página 2 EmptyMar Feb 27, 2024 10:22 am por hoanglongnhatbao

» [PHPBB3] Fondo y otros efectos al texto llamado "Por X" debajo de los titulos de los post.
[Todas las versiones] Stylish toolbar (Re-codeado 22/2 - Página 2 EmptyMar Mayo 30, 2023 8:52 am por hoanglongnhatbao

» Skin: Academy [Adaptado por: 15-tronos]
[Todas las versiones] Stylish toolbar (Re-codeado 22/2 - Página 2 EmptyMar Mayo 30, 2023 8:47 am por hoanglongnhatbao

» [PHPBB3] KN-Anime - VAngel.
[Todas las versiones] Stylish toolbar (Re-codeado 22/2 - Página 2 EmptyMar Mayo 30, 2023 8:46 am por hoanglongnhatbao

» [PHPBB3] Element Professional Style
[Todas las versiones] Stylish toolbar (Re-codeado 22/2 - Página 2 EmptyMar Mayo 30, 2023 8:45 am por hoanglongnhatbao

» Menu minimalista
[Todas las versiones] Stylish toolbar (Re-codeado 22/2 - Página 2 EmptyMar Mayo 30, 2023 8:44 am por hoanglongnhatbao

» [Todas] Efecto Slider Transition en el Logo
[Todas las versiones] Stylish toolbar (Re-codeado 22/2 - Página 2 EmptyMar Mayo 30, 2023 8:43 am por hoanglongnhatbao

» [PHPBB3] Mejores Posteadores flotantes.
[Todas las versiones] Stylish toolbar (Re-codeado 22/2 - Página 2 EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

» [phpbb3] Agrandar el nombre de usuario en el perfil
[Todas las versiones] Stylish toolbar (Re-codeado 22/2 - Página 2 EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

Estadísticas
Tenemos 2351 miembros registrados
El último usuario registrado es Jhunky

Nuestros miembros han publicado un total de 41254 mensajes en 3360 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

Ir a la página : Precedente  1, 2

Ver el tema anterior Ver el tema siguiente Ir abajo  Mensaje [Página 2 de 2.]


NirDine

NirDine
+100 post
Recuerdo del primer mensaje :

Bien, bien, Foroactivo añadió una increíble toolbar con muchísimas funcionalidades, nuevo sistema de notificaciones, configurable, y utiliza los mismos códigos en todas las versiones por lo cual cualquier código CSS funcionara en cualquier versión de foro... pero, por qué esa apariencia tan poco trabajada? why forumotion, why?

Ahí es donde entra WD. Hoy señores, les traigo un código CSS para que den un poco de vida a esa tan maravillosa toolbar de foroactivo.

[Todas las versiones] Stylish toolbar (Re-codeado 22/2 - Página 2 Toolba10


El código simplemente reorganiza y oculta ciertas partes del toolbar de Foroactivo, da un mejor aspecto de fondo, redimenciona algunos sectores y alinea todo.


Primero asegurate de tener activada la toolbar de Foroactivo dirigiendote a:

[Panel de administración] -> [Módulos] -> [Toolbar] -> [Configuración]

y asegurate de que [Activar toolbar] este activado. Si no lo está, activalo. La siguiente opción, [Colocar toolbar] nos permite elegir si queremos que el toolbar baje con nosotros al navegar por la pagina o no. Es algo que cada quien debe decidir según sus gustos, personalmente lo activaría.

Una vez que estamos seguros de que el toolbar aparecera en nuestro foro, nos dirigiremos a :

[Panel de administración] -> [Visualización] -> [Imágenes y Colores] -> [Colores] -> [CSS Stylesheet]

Colocaremos el siguiente código y registraremos los cambios. Obviamente debes publicar para poder ver el código.



Pueden toquetear el código, publicarlo, utilizarlo y todo lo que se les ocurra hacer. Hagan lo que quieran con el. Y em, no estoy diciendo que la barra de foroactivo se vea horrenda, solamente le falta estilo.

Edit--

Había un error en el código donde el logo de foroactivo se separaba del resto de la barra.

Reubicado el avatar en la barra.



Última edición por NirDine el Sáb Feb 23, 2013 12:28 am, editado 10 veces



EleKtra

EleKtra
+300 post
a ver?

http://forodeforos.foroactivo.com/

Ghermy11

Ghermy11
Soy new user
Gracias man :3


onbush

onbush
Miembro activo
muy interesante esto eh.

http://www.psdco.org

onbush

onbush
Miembro activo
ya la prove queda muy buena , se ve mucho mas elegante,
solo me gustaria poder modficar el color y no encontré la forma.
si sabes decirme te lo agradecería.

http://www.psdco.org

dosh

dosh
+200 post
veamos que tal..


cruzitovlf

cruzitovlf
Soy new user
posteando


FON

FON
Miembro activo
Gracias


Vexal

Vexal
Miembro activo
Veo


krph

krph
Soy new user
veo


Becker

Becker
Soy new user
posteo para ver gracias por el aporte


Invitado

avatar
Muchas gracias, haber como queda tan bien con tu apariencia css Canchero


Simbelmynë

Simbelmynë
Soy new user
¡Gracias por compartirlo!


Poetucas

Poetucas
Soy new user
majestuoso y funcional


rokit

rokit
+100 post
gracias, realmente magnífico


deroikas

deroikas
Soy new user
Por fin algo para mejorar la maldita barra


Nietzsche

Nietzsche
Soy new user
Posteo para ver. <3


Faxter

Faxter
Miembro activo
Gracias, gran aporte!

http://tutorialesdepc.foro-activo.com/

onbush

onbush
Miembro activo
hola, como puedo cambiar el color de la tobar en negro? gracias de antemano.

http://www.psdco.org

NirDine

NirDine
+100 post
onbush escribió:hola, como puedo cambiar el color de la tobar en negro? gracias de antemano.

¿Qué tal? Hay seis lineas de código que deberías cambiar. En div#fa_toolbar span#fa_left, div#fa_toolbar span#fa_right y div#fa_toolbar span#fa_share busca el siguiente código:
Código:
background-image: -webkit-linear-gradient( rgba(242, 242, 242, 0.9), rgba(222, 222, 222, 0.9));
background-color: rgb(231, 231, 231);
y cambia los rgba por lo que prefieras o bien podrías usar http://www.colorzilla.com/gradient-editor/ para crear los degradados y simplemente remplazar cada uno de los códigos por lo que sea que cierre visualmente. Cheers.


ciacova

ciacova
Soy new user
Posteo para ver


amdl

amdl
Soy new user
Gracias


Kangraejae

Kangraejae
Soy new user
Publico para ver owo


Contenido patrocinado


Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 2 de 2.]

Ir a la página : Precedente  1, 2

Permisos de este foro:
No puedes responder a temas en este foro.