LOG IN
Usuario:

Contraseña:


Últimos temas
» Skin: Glow Theme [Adaptado por: 15-tronos]
Miér Mayo 09, 2018 1:08 am por profesional

» Hola, me presento
Mar Abr 24, 2018 7:31 pm por Jhunky

» [PUNBB] Powerfull Mystic Skin + Templates Premium [Exclusivo Shutskins]
Lun Ene 15, 2018 7:20 pm por Ivanaruto

» Skin MyApp [ Punbb ]
Sáb Ene 06, 2018 10:54 pm por yeisergs

» Plantilla Game portal v2
Sáb Ene 06, 2018 10:50 pm por yeisergs

» [1.6.x] [Theme/Tema] Glix (MyBB 2013 Gratuito)
Sáb Ene 06, 2018 10:47 pm por yeisergs

» info del user al dar clic al nombre del user en el index
Sáb Ene 06, 2018 10:22 pm por yeisergs

» RPG Forum Ranks (Double Pack)
Jue Nov 23, 2017 9:14 pm por golfete

» Efecto Lightbox automatico en imagenes [Foroactivo]
Mar Nov 21, 2017 3:01 am por djblah

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

Nuestros miembros han publicado un total de 41220 mensajes en 3360 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.