CSS- Redondear algunas partes del Foro y un bonito efecto para el cuadro de amigos (phpBB2)
Página 1 de 1.
CSS- Redondear algunas partes del Foro y un bonito efecto para el cuadro de amigos (phpBB2)
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
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
Temas similares
» nuevas reglas para el foro
» nuevas medallas ´para los ayudantes del foro
» CSS - efecto en botones de bbcodes
» [código] Efecto encendido y apagado en imágenes
» foro xDDDDDD
» nuevas medallas ´para los ayudantes del foro
» CSS - efecto en botones de bbcodes
» [código] Efecto encendido y apagado en imágenes
» foro xDDDDDD
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|