Your SlideShare is downloading. ×
Folla de Estilos / Hoja de Estilos de kesar.org
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Folla de Estilos / Hoja de Estilos de kesar.org

444
views

Published on

Uala

Uala


0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
444
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. /* EJEMPLO DE HOJA DE ESTILO */ .principal { bacground-color: trasparent; width: 720px; border: 0px dashed #abecd; padding: 5px 5px 5px 5px } .logo { border: 0px dashed #CCCCCC; width:0px; background-color:#000000; text- align:center; text-decoration: blink } .logo IMG { border:0px; margin:0px 0px -2px 0px; } .menu { width: 500px; border: 0px dashed #CCCCCC; vertical-align:middle } table { border-collapse:collapse; } .menuizda { height:20px; width:70px; background-image: url(http://www.picasion.com/ pic6/1cd83599ec8eaa6fd68c71478480b413.gif); background-color:transparent; } .menudrxa { height:20px; width:70px; background-image: url(http://www.picasion.com/ pic6/1cd83599ec8eaa6fd68c71478480b413.gif); background-color:transparent; } .menucentro { text-align:center; height:20px; width:195px; background-image: url(http://picasion.com/pic6/3305d025bd1e93db7220589ca1faa1a9.gif); background- color:transparent; } .abajostats { font: 18px Comic Sans MS, Arial Rounded MT Bold , sans-serif; border- radius: 0px; vertical-align: bottom; height: 15px; padding-left: 10px; } .botonlogin { font: 9px arial; background-color: #e3f1fb; width: 60px; border- color: #9000c7; } .registro { border: 0px 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/455934.jpg); FONT-SIZE: 14px; FONT-FAMILY: Comic Sans MS, Arial Rounded MT Bold , sans-serif; BACKGROUND-COLOR: #ffffff; /* aqui puedes cambiar el color de las barras de desplazamiento */ scrollbar-face-color: #ffffff; scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #DDDDDD; scrollbar-darkshadow-color: #242424; scrollbar-shadow-color: #808080; scrollbar-arrow-color: #DDDDDD; scrollbar-track-color: #FFFFFF; } TD { FONT-SIZE: 14px; FONT-FAMILY: Comic Sans MS, Arial Rounded MT Bold , sans- serif; padding: 0px; margin: 0px; } /* los botones */ .button{ FONT-SIZE: 14px; FONT-FAMILY: Comic Sans MS, Arial Rounded MT Bold , 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: 14px; FONT-FAMILY: Comic Sans MS, Arial Rounded MT Bold , sans-serif; background-color: #FFFFFF; border-radius:0px solid #000; border- collapse:collapse; } input:focus{ FONT-SIZE: 14px; FONT-FAMILY: Comic Sans MS, Arial Rounded MT Bold , sans-serif; background-color: #ebeced; } input.login { padding-left:4px; padding-right:1px; font-size:14px; height:15px; width:100px; background-color:#FFFFFF; border-radius:1px solid #000000;
  • 2. border-collapse:collapse; } input.noborde { border:0px solid #000; } .gris { padding: 1px 4px 1px 4px; text-align:left } textarea { FONT-SIZE: 13px; FONT-FAMILY: Comic Sans MS, Arial Rounded MT Bold , sans-serif; background-attachment: fixed; background-color: #FFFFFF; border-radius:0px 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: blink; FONT-SIZE: 12px; border-bottom-width: 1px; } /* enlaces del menu principal */ A.menuprincipal:link { COLOR:#FFFFFF; text-decoration: blink; FONT-SIZE: 16px; margin:0px 3px 0px 3px; padding:0px 2px 0px 2px; } A.menuprincipal:visited { COLOR: #FFFFFF; text-decoration: none; FONT-SIZE: 16px; margin:0px 3px 0px 3px; padding:0px 2px 0px 2px; } A.menuprincipal:hover { COLOR:#000000; FONT-SIZE: 20px; margin:0px 2px 0px 2px; background-color:#9DBCEA; border-radius:1px solid #999999; padding:0px 2px 0px 2px; } /* PERFILES */ #frase { text-align:center; font-size:35px; 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: 0px 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: blink; FONT-SIZE: 13px; border-bottom-width: 1px; border-bottom-color: #999999; } A.miniss:visited { COLOR: #FFFFFF; border-bottom-style: dashed; text-decoration: blink; FONT-SIZE: 13px; border-bottom-width: 1px; border-bottom-color: #999999; } A.miniss:hover { COLOR: url(http://www.kesar.org/fotos/467093.jpg); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #000000; FONT-SIZE: 13px; } /* apariencia de los bordes que ponen AMIGOS, FOTOS, IGNORADOS, DATOS ... */ .titular { margin: 3px 1px 3px 1px; border-radius: 0px solid #999999; background- image:url(http://www.via-news.es/images/stories/puntuaciones/4_5.gif); text- align:center; color:#000000; font-weight:bold; } /* apariencia de los bordes que aparecen donde pone titulo descripcion comentarios */ .secciones, .secciones2, .secciones3 { border-radius:1px solid #CCCCCC; margin- left: 10px; padding: 3px 3px 3px 3px; margin-top: 4px;} /* el menu de la izda */ #menufotos {width:120px; bacground-image: url(http://www.kesar.org/temas/tienda/1/45.gif) } /* bordes para comentarios */ .comentario { margin:3px 3px 3px 3px; padding:3px 3px 3px 3px; border-radius:0.5px solid #000000 }
  • 3. A.normal:link { text-decoration:blink; } A.normal:visited { text-decoration:blink; } A.normal:hover { text-decoration:blink; }body {cursor: move;}