Fondo(beky_5)

454 views
415 views

Published on

Hoja de Estilos del kesar.org/beky_5

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
454
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Fondo(beky_5)

  1. 1. /* EJEMPLO DE HOJA DE ESTILO */ .principal { background-color:#e3f1fb; width: 720px; border: 1px dashed #CCCCCC; min-height:300px; padding: 5px 5px 5px 5px } .logo { border: 1px dashed #CCCCCC; width:730px; background-color:#e3f1fb; text- align:center } .logo IMG { border:0px; margin:0px 0px -2px 0px; } .menu { width: 720px; border: 1px dashed #CCCCCC; vertical-align:middle } table { border-collapse:collapse; } .menuizda { height:193px; width:150px; background- image:url(http://www.kesar.org/fotos/468831.gif); background-color:#e3f1fb; } .menudrxa { height:193px; width:150px; background- image:url(http://www.kesar.org/fotos/468831.gif); background-color:#e3f1fb; } .menucentro { text-align:center; height:80px; width:260px; background- image:url(http://picasion.com/pic6/6461c01d1de56020d3fa7ae9a8d61279.gif); background-color:#e3f1fb; } .abajostats { font: 9px tahoma, Verdana, sans-serif; border-width: 0px; vertical- align: bottom; height: 15px; padding-left: 10px; } .botonlogin { font: 9px tahoma; background-color: #e3f1fb; width: 60px; border- color: #e3f1fb; } .registro { border: 1px dashed #CCCCCC; margin:0px 0px 0px 0px; width:100%; text- align:left } .rojo { color:red } /* aqui puedes cambiar el fondo por uno personalizado... url(http://tal.com/tufondochulixD.gif) */ BODY { background : #C0D9D9 url(http://www.kesar.org/fotos/453804.jpg) repeat; FONT-SIZE: 11px; FONT-FAMILY: tahoma, Verdana, sans-serif; BACKGROUND-COLOR: #ffffff; /* aqui puedes cambiar el color de las barras de desplazamiento */ scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #DDDDDD; scrollbar-3dlight-color: #DDDDDD; scrollbar-darkshadow-color: #242424; scrollbar-shadow-color: #808080; scrollbar-arrow-color: #DDDDDD; scrollbar-track-color: #FFFFFF; } TD { FONT-SIZE: 11px; FONT-FAMILY: tahoma, Verdana, sans-serif; padding: 0px; margin: 0px; } /* los botones */ .button{ FONT-SIZE: 11px; FONT-FAMILY: tahoma, Verdana, sans-serif; background- color: #ebeced; padding-top: 0px; padding-bottom: 0px; } .button:hover,.button:focus{ background-color: #ebeced; color: #f8fbff; } .button:active{ background-color: #ebeced; color: #40576c; border-color: #ffffff; } /* las entradas donde meter texto*/ input.bordes { WIDTH: 80px; FONT-SIZE: 11px; FONT-FAMILY: tahoma, Verdana, sans- serif; background-color: #FFFFFF; border:1px solid #000; border-collapse:collapse; } input:focus{ FONT-SIZE: 11px; FONT-FAMILY: tahoma, Verdana, sans-serif; background- color: #ebeced; } input.login { padding-left:4px; padding-right:1px; font-size:11px; height:15px; width:100px; background-color:#FFFFFF; border:1px solid #000000; border-collapse:collapse;
  2. 2. } input.noborde { border:0px solid #000; } .gris { padding: 1px 4px 1px 4px; text-align:left } textarea { FONT-SIZE: 10px; FONT-FAMILY: tahoma, Verdana, sans-serif; background- attachment: fixed; background-color: #FFFFFF; border:1px solid #000; border-collapse:collapse; height: 50px; width: 175px; border-width:1px; } .dentro { margin: 5px; text-align: left; } .oscuro { COLOR: #999999; border-bottom-style: dashed; text-decoration: none; FONT-SIZE: 9px; border-bottom-width: 1px; } /* enlaces del menu principal */ A.menuprincipal:link { COLOR:#FFFFFF; text-decoration: none; FONT-SIZE: 13px; margin:0px 3px 0px 3px; padding:0px 2px 0px 2px; } A.menuprincipal:visited { COLOR: #FFFFFF; text-decoration: none; FONT-SIZE: 13px; margin:0px 3px 0px 3px; padding:0px 2px 0px 2px; } A.menuprincipal:hover { COLOR:#000066; FONT-SIZE: 13px; margin:0px 2px 0px 2px; background-color:#9DBCEA; border:1px solid #999999; padding:0px 2px 0px 2px; } /* PERFILES */ #frase { text-align:center; font-size:32px; width:700px; color:#000066; margin:5px 5px 5px 5px; padding:5px 5px 5px 5px } /* apariencia de los bordes de los elementos del menu izdo */ .minis { margin: 3px 1px 3px 1px; border-bottom: 1px dashed #CCCCCC; text- align:center; } /* color de los enlaces de tu perfil, link-> normal, visited: una vez visitado, hover: cuando estas encima */ A.miniss:link { COLOR: #FFFFFF; border-bottom-style: dashed; text-decoration: none; FONT-SIZE: 10px; border-bottom-width: 1px; border-bottom-color: #999999; } A.miniss:visited { COLOR: #FFFFFF; border-bottom-style: dashed; text-decoration: none; FONT-SIZE: 10px; border-bottom-width: 1px; border-bottom-color: #999999; } A.miniss:hover { COLOR: #333333; border-bottom-style: solid; border-bottom-width: 1px; border- bottom-color: #666666; FONT-SIZE: 10px; } /* apariencia de los bordes que ponen AMIGOS, FOTOS, IGNORADOS, DATOS ... */ .titular { margin: 3px 1px 3px 1px; border: 1px solid #999999; background- color:#CCCCFF; text-align:center; color:#000099; font-weight:bold; } /* apariencia de los bordes que aparecen donde pone titulo descripcion comentarios */ .secciones, .secciones2, .secciones3 { border:1px solid #CCCCCC; margin-left: 10px; padding: 3px 3px 3px 3px; margin-top: 4px;} /* el menu de la izda */ #menufotos { } /* bordes para comentarios */ .comentario { margin:3px 3px 3px 3px; padding:3px 3px 3px 3px; border:2px solid #000000 } A.normal:link { text-decoration:none; } A.normal:visited { text-decoration:none; } A.normal:hover { text-decoration:none; }

×