Invitado, ¡Bienvenido!

Pon tus datos en ENTRAR o CONECTARSE.

Si no estás registrado entras como invitado, puedes pasar a leer o regístrarte.

Para navegar dispones del ÍNDICE, el foro de ayuda INFORMACIÓN Y REGISTRO y la sección FAQ.

El contenido incluye tutoriales poéticos y de ayuda informática. Visita la SALA DE LECTURA en el FORO COMÚN o los blogs de cada poeta del foro.

Para DESCONECTAR este cartel pincha en \"NO ANUNCIAR\".

CSS- Redondear algunas partes del Foro y un bonito efecto para el cuadro de amigos (phpBB2)

Ir abajo

biggri CSS- Redondear algunas partes del Foro y un bonito efecto para el cuadro de amigos (phpBB2)

Mensaje por -Admin el Jue Ene 06, 2011 9:23 pm

Hola a todos.

Bueno yo sé que este tutorial para algunos es sencillo, pero no lo hago para esas personas que ya conocen de esto sino hago este tutorial para aquellos que son novatos y quieren aprender.

También en este tutorial les daré el código para darle un bonito efecto al bloque de amigos del foro. Estos códigos son exclusivos yugioh20 y para la versión phpBB2 y el efecto en el bloque de amigos es para todas las versiones.

En este tutorial les daré los códigos para redondear algunas partes del foro como lo son:

El Borde del foro
El Borde de las categorías
El borde de la respuesta rápida
Bonito efecto en el bloque de amigos


Empecemos: (Todo los códigos que voy a dar a continuación los pegan en la misma ruta)-

Van a seguir esta ruta:

Panel de Administración---->Visualización----->Imágenes y Colores----->Colores----->Css Stylesheet

Redondear el foro:
Redondear el foro:

CÓDIGO:
.bodyline {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}


Redondear las categorías:
CÓDIGO:
.forumline {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}



Redondear la caja de respuestas rápidas:
#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post{
background: #000000;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
}



Efecto en el bloque de amigos:
.friend-block {
float: left;
width: 70px;
margin: 1px;
text-align: center;
overflow: hidden;
color: #969696;
padding: 3px;
background-color: #2E2E2E;
border: 1px solid #0043A8;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0px 0px 10px black;
-webkit-box-shadow: 0px 0px 10px black;
box-shadow: 0px 0px 15px #69A5FF;
}



Espero les sea de gran ayuda estos códigos a los usuarios con versión phpBB2.
Si les gusto mi tutorial por favor hagan clic en el signo en mi mensaje.

Los códigos están en Hide, así que deben postear para verlo, peor por favor nada de spam o flood

Sobra decirles que jueguen con los colores y si tienen alguna duda, no duden en postearla en la sección correspondiente.


Creditos a webmasterforum
avatar
-Admin
Administrador
Administrador

Mensajes Mensajes : 564
Fecha de inscripción : 26/11/2010
Edad : 20
Localización Localización : mexico

http://todoparatuforo.foroactivo.mx

Volver arriba Ir abajo

Volver arriba

- Temas similares

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