LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Estadísticas Y ¿Quien esta en Linea? como PUNBB.
Dom Ago 20, 2017 1:29 am por +Luigi!

» [PHPBB3] Recuadro a el contenido y el titulo de "¿Quien esta en Linea?".
Dom Ago 20, 2017 1:27 am por +Luigi!

» Free Forum Ranks
Lun Ago 14, 2017 3:10 am por sukerwold

» RPG Forum Ranks (Double Pack)
Lun Ago 14, 2017 3:09 am por sukerwold

» [MEGAPACK] Todos los iconos que necesitas para tu foro en un solo lugar!! -Proximamente PSD- INCLUYE EPS
Lun Ago 14, 2017 1:33 am por osmardj

» info del user al dar clic al nombre del user en el index
Vie Ago 04, 2017 10:22 pm por tyhr

» Nebula Resource Pack
Jue Ago 03, 2017 6:41 pm por Aikazen

» Skin Teen Pro9x [ PunBB ]
Lun Jun 05, 2017 3:39 am por profesional

» Ranks 3
Miér Mayo 31, 2017 11:17 pm por zotinyx

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

Nuestros miembros han publicado un total de 41211 mensajes en 3358 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

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


1 Fondo para los widgets: PhpBB3 el Miér Nov 02, 2011 12:51 am



Fondo para los Widgets

En este tutorial aprenderan a como poner los widgets de sus foros de tipo RPG. Primero deben tener en cuenta que en esta astucia deben tener la mayor creatividad posible para que asi sus modulos queden de lo mas lujosos y geniales! Continuemos:

1er Paso.

Ocultar los titulos de los widgets.
Para realizar esta accion solo deben colocar el siguiente codigo en su CSS:

Código:
.module .h3 {
visibility:hidden;
}

2do Paso.

Color de fondo para los widgets.
Si desean que sus widgets tengan un color de fondo y no una imagen agreguen este codigo a su CSS:


Con color

#content-container div#right {
width: 190px;
background-color: #212121;
border-left:0px solid;
-moz-border-radius:40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
border-radius: 40px 40px 40px 40px;
}

Edicion:

Lo que esta en rojo es el lugar donde se encuentran sus widgets, puede ser right(derecha) o left(izquierda).

Lo que esta en color verde es el ancho de sus widget que tienen en la edicion de los mismos. Para saber su ancho van a esta ruta:

PA > Modulos > Portal & Widgets > Gestion de los Widgets del Foro > Anchura de la columna izq o dcha > Observan la cantidad que sale en pixeles y la ponen en el color verde.

Lo que esta de color indigo es el color de fondo que desees, en google puedes buscar "Colores Hexadecimales" y ahi buscas uno que te agrade.

Y lo que esta en color naranja es el tamaño de la curva que quieres para tus widgets.

2do Paso/2.

Fondo del Widget con imagen.
Para realizar esta accion que es que sus widgets tendran una imagen de fondo toda extravagante o como la deseen crear solo deben agregar este codigo a su CSS:


Con imagen

#content-container div#right {
width: 190px;
background:url('LINK IMAGEN');
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}

Editan los datos al igual que el codigo de arriba. El right por el lugar de sus widgets, el width por el ancho de sus widgets, donde dice "Link de la imagen" ponen el link de su imagen y los pixeles de el final los editan a su gusto.

Tutorial creado por George Black
Publicado en Web Design Foro.
01/11/11
Copyright. Todos los derechos reservados.



Última edición por George Black el Miér Nov 02, 2011 1:32 am, editado 1 vez

Ver perfil de usuario

2 Re: Fondo para los widgets: PhpBB3 el Miér Nov 02, 2011 1:14 am

Muy buen tutorial solo que creo que ese efecto lo vi en algún lado

>.> mi skin ¬3¬

Ver perfil de usuario http://www.designforum.foroactivo.com/

3 Re: Fondo para los widgets: PhpBB3 el Sáb Nov 05, 2011 12:01 am

Muchas gracias por el Tutorial y el CSS!
Saludos.

Ver perfil de usuario

4 Re: Fondo para los widgets: PhpBB3 el Lun Dic 05, 2011 9:03 pm

no me funciona :(

Ver perfil de usuario

5 Re: Fondo para los widgets: PhpBB3 el Miér Dic 21, 2011 7:31 pm

Gracias por el tutorial!!

Ver perfil de usuario

6 Re: Fondo para los widgets: PhpBB3 el Jue Dic 22, 2011 2:27 am

Esta super xD

Ver perfil de usuario http://animepng.blogspot.com

7 Re: Fondo para los widgets: PhpBB3 el Mar Dic 27, 2011 9:53 pm

Buen aporte george ;D, Sigamos asi.
PD : Aguante majo?

Ver perfil de usuario http://www.aikayweb.activo.ws

8 Re: Fondo para los widgets: PhpBB3 el Jue Dic 29, 2011 2:01 pm

gracias!

Ver perfil de usuario http://www.webdesignforo.net/

9 Re: Fondo para los widgets: PhpBB3 el Lun Abr 16, 2012 2:45 pm

thats cool!

Ver perfil de usuario

10 Re: Fondo para los widgets: PhpBB3 el Lun Mar 04, 2013 6:56 pm

muy util ^^ gracias!

Ver perfil de usuario http://www.anshigraphics.com

Contenido patrocinado


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

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