Crear Bordes en el estilo

raven91 · 3 Sep 2010

Os dejo una imagen y con las flechas os marco como puedo poner yo esos bordes, ya que necesito saberlo para colocarlo en mi web

En que plantilla, osea, variable de remplazo o algo
Explicármelo please

La web es esta
http://www.playerstation.es/foro.php

Y 2 preguntas mas
Como quito los enlances por ejemplo
de nuevo mensaje , mensajes privados, es decir el 2 navbar que hay y que no se vea en el portal CMPS

Donde pone editar mensaje responder, citar, etc, el fondo el color que tiene donde se cambia ?
Gracias

raven91 · 4 Sep 2010

Please ayuda!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

raven91 · 5 Sep 2010

Ayuda... 🙁... porfa

imported_Agustin · 6 Sep 2010

Alguien por favor ayude a este chico, yo tambien quiero saber como se hace.

imported_Ryuk · 6 Sep 2010

Es muy facil de hacer, te voy a dar unos ejemplos basicos para que no te compliques y asi aprendes un poco de css.

Vas a admincp Ver el archivo adjunto 4196 administrador de estilos Ver el archivo adjunto 4196 buscar

Buscas la plantilla additional.css y dentro coloca el siguiente codigo.

HTML:

body {
border:6px solid #E1E2E2;
}

Guardar y veraz que te agrego el borde en todo el cuerpo de la pagina.

Ahora bien, por ejemplo si deseas solo colocar bordes al lado derecho e izquierdo el codigo seria.

HTML:

body {
border-right:6px solid #E1E2E2;
border-left:6px solid #E1E2E2;
}

Ahora si quiero agregar bordes arriba y abajo.

HTML:

body {
border-top:6px solid #E1E2E2;
border-bottom:6px solid #E1E2E2;
}

Para modificar el ancho del borde debes cambiar el 6px que seria la medida de ancho del borde y el color #E1E2E2 el cual debes cambiar por colores hexadecimales AQUI

Ahora si no basta con eso, le puedes agregar bordes redondeados el codigo seria:

HTML:

body {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:6px double #E1E2E2;
}

Nota: no todos los navegadores visualizaran el efecto de borde redondeado por ejemplo.

El prefijo -moz solo afectara a Firefox y el -webkit en los navegadores Safari y Google Chrome, existe una nueva especificacion pero solo afecta a las nuevas versiones de todos los navegadores, que seria.

HTML:

body {
border-radius:10px;
border:6px double #E1E2E2;
}

Podria darte muchos mas ejemplos pero me alargaria mucho. ^^

Espero te sea util.

Saludos. 😉

ZEL · 5 Ene 2012

eres un duro Enlace eliminado Enlace eliminado gracias

Crear Bordes en el estilo

raven91

raven91

raven91

imported_Agustin

imported_Ryuk

ZEL

Temas similares