[Tutorial] Efecto de 3D en los bordes de nuestro foro

Cody! a la(s) 21h33
22
Jul
2010
Efecto de 3D en los bordes de nuestro foro



Con este tutorial aprenderemos a hacer un efecto de 3D en los bordes de nuestro foro
:todos: :todos: :todos:


1.- Código a utilizar:


Lo que esta en color rojo , es el ancho del foro en pixeles, se recomienda no ponerlo a mas 1100 px ya que puede desconfigurar el ancho del foro.

PHPBB3
Código:
#wrap {
width : 1010px;
padding : 5px;
border : 6px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
}


PHPBB2
Código:
.bodyline  {
width : 1010px;
padding : 5px;
border : 6px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
}


PUNBB
Código:
.pun {
width : 1010px;
padding : 5px;
border : 6px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
}


INVISION
Código:
body {
width : 1010px;
padding : 5px;
border : 6px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
}





2.- Poner el código:

Como siempre este código se pone en nuestra hoja de CSS Stylesheet:

Panel de Administración => Modo Avanzado => Visualización => Colores => Pestaña CSS Stylesheet


3.- Muestra:

Una vez hechos estos simples pasos, obtendremos un efecto sensacional en los bordes de nuestro foro de foroactivo


Clic aquí para ver cual sera el efecto:
Vista del foro:

http://img8.imageshack.us/img8/5724/tuto001.jpg



Espero que el tutorial haya sido de su agrado.


Atte,
~Staff FDF~


Tutorial Creado por : Center y Rey! - 22.07.10
Copyrigth © FOROACTIVO.COM

Contestar
Temas similares
bordes de imagenes... y efecto movimiento
Saludos colegas sketcheros... tengo una pequeña inquietud con un modelo q estoy armando, inserté una imagen png y al renderizar me crea un borde blanco cuando lo q quiero es que parezca q la imagen esta pintada en la pared... ... El otro problem
[Tutorial] Texto 3D en Photoshop [Tutorial]
1) Creamos un nuevo documento en el que introducimos una nueva capa dónde estará el texto al que queramos dar efecto 3D. A continuación con la tecla "control" pulsada, haremos click sobre ésta capa, con lo que conseguiremos que el texto quede
***EL MISMO BRUSH EFECTO 3D,EFECTO PASTEL,EFECTO CARBON..***
Sabias que puedes utilizar el mismo Brush pero con diferentes efectos?Bueno pues para quienes no lo sepan va este pequeño tuto que espero les sea de ayuda en las composiciones. PASO 1 PASO 2 PASO 3 PASO 4 PASO 5 PASO 6 Y FINAL
A ver también
more_less
Informaciones

0 Respuestas Para el tema :
"[Tutorial] Efecto de 3D en los bordes de nuestro foro "

Este tema a sido visto 3641 veces.

Último mensaje escrito :
22/07/2010 a la(s) 21h33 por "Cody!"