LOG IN
Usuario:

Contraseña:


Estadísticas
Tenemos 2352 miembros registrados.
El último usuario registrado es golfete.

Nuestros miembros han publicado un total de 41213 mensajes en 3358 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.]


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.



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

Ver perfil de usuario


a ver?

Ver perfil de usuario http://forodeforos.foroactivo.com/

Gracias man :3

Ver perfil de usuario

muy interesante esto eh.

Ver perfil de usuario http://www.psdco.org

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.

Ver perfil de usuario http://www.psdco.org

veamos que tal..

Ver perfil de usuario

posteando

Ver perfil de usuario

Gracias

Ver perfil de usuario

Veo

Ver perfil de usuario

veo

Ver perfil de usuario

posteo para ver gracias por el aporte

Ver perfil de usuario

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

Ver perfil de usuario http://yoshifansclub.com

¡Gracias por compartirlo!

Ver perfil de usuario

majestuoso y funcional

Ver perfil de usuario

gracias, realmente magnífico

Ver perfil de usuario

Por fin algo para mejorar la maldita barra

Ver perfil de usuario

Posteo para ver. <3

Ver perfil de usuario

Gracias, gran aporte!

Ver perfil de usuario http://tutorialesdepc.foro-activo.com/

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

Ver perfil de usuario http://www.psdco.org

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.

Ver perfil de usuario

Posteo para ver

Ver perfil de usuario

Gracias

Ver perfil de usuario

Publico para ver owo

Ver perfil de usuario

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.