Ver Mensaje Individual
  #5 (permalink)  
Antiguo 01/11/2010, 16:13
celineadiction
 
Fecha de Ingreso: octubre-2010
Mensajes: 93
Antigüedad: 13 años, 6 meses
Puntos: 0
Respuesta: Ayuda con diseño

Este es el código de la hoja de estilo

Código HTML:
Ver original
  1. #enc
  2. {
  3.     font-family:Tahoma;
  4.     text-align:center;
  5. }
  6.  
  7. table
  8. {
  9.     margin-left:auto;
  10.     margin-right:auto;
  11. }
  12.  
  13. th
  14. {
  15.     background-color:#CEF6F5;
  16.     font-family:Verdana;
  17.     font-size:12px;
  18. }
  19.  
  20. .ver,.ver2,.io,.al
  21. {
  22.     padding-top:5px;
  23.     padding-bottom:5px;
  24.     padding-left:5px;
  25.     padding-right:5px;
  26. }
  27.  
  28. .ver,.ver2,.io,.ed,.al,.m1
  29. {
  30.     font-size:12px;
  31.     font-family:Tahoma;
  32. }
  33.  
  34. .msg
  35. {
  36.     width:400px;
  37.     height:150px;
  38.     border-style:solid;
  39. }
  40.  
  41. .m1
  42. {
  43.     text-align:center;
  44. }
  45. .ver1
  46. {
  47.     margin-left:auto;
  48.     margin-right:auto;
  49.     border-style:solid;
  50. }
  51. .ver
  52. {
  53.     background-color:#CEF6F5;
  54. }
  55.  
  56. .io
  57. {
  58.     background-color:#D0A9F5;
  59. }
  60.  
  61. .ed
  62. {
  63.     text-align:center;
  64.     background-color:#D0A9F5;
  65. }
  66.  
  67. #Field2,#Datos,#cuerpo,#registrar,#enca,#encabe,#encabezado,#enc,#titulo
  68. {
  69.     margin-left:auto;
  70.     margin-right:auto;
  71.    
  72. }
  73.  
  74. #Field1
  75. {
  76.     background-color:#610B0B;
  77.     width:700px;
  78.     float:left;
  79.     height:50px;
  80.     font-family:Tahoma;
  81.     font-size:13px;
  82.     text-align: center;
  83. }
  84.  
  85. .ver2
  86. {
  87.     width:110px;
  88. }
  89.  
  90. #leg
  91. {
  92.     color:#A4A4A4;
  93.     font-family:Tahoma;
  94.     font-weight:bold;
  95.     font-size:14px;
  96. }
  97.  
  98. #dato
  99. {
  100.     border-left-style:dotted;
  101. }
  102. #Datos
  103. {
  104.     border-left-style: dotted;
  105.     border-right-style:dotted;
  106.     border-bottom-style:dotted;
  107.     border-top-style:dotted;
  108.     border-color:green;
  109.     width:400px;   
  110. }
  111.  
  112. #cierra
  113. {
  114.     font-family:Tahoma;
  115.     font-size:13px;
  116.     font-weight:bold;
  117.     background:transparent url(link1.png)  no-repeat;
  118.     background-position:center;
  119.     text-decoration:None;
  120.     color:black;
  121.     display:block;
  122.     width:150px;
  123. }
  124.  
  125. #cierra:hover
  126. {
  127.     font-family:Tahoma;
  128.     font-size:13px;
  129.     font-weight:bold;
  130.     background:transparent url(link1.png)  no-repeat;
  131.     background-position:center;
  132.     Text-decoration:none;
  133.     color:gray;
  134.     display:block;
  135.  
  136. }
  137. #cierra:active
  138. {
  139.     font-family:Tahoma;
  140.     font-size:13px;
  141.     font-weight:bold;
  142.     background:transparent url(link2.png) 0 0 no-repeat;
  143.     background-position:center;
  144.     Text-decoration:none;
  145.     color:blue;
  146.     display:block;
  147.     width:150px;
  148. }
  149.  
  150. #encabezado
  151. {
  152.     border-bottom-style: double;
  153.     background-color:#610B0B;
  154.     width:1200px;
  155.     height:50px;
  156.     color:#D8D8D8;
  157. }
  158.  
  159. #cuerpo
  160. {
  161.     width:600px;
  162.     float:left;
  163. }
  164.  
  165. .logi
  166. {
  167.     font-family:Tahoma;
  168.     font-size:13px;
  169.     color:#D8D8D8;
  170. }
  171. #encabe, #encabezado{
  172.     width:1200px;
  173.     background-color: #3b0b0b;
  174.     border-bottom-style: solid;
  175.     border-top-style: none;
  176.     font-family: Tahoma;
  177.     height: 80px;
  178. }
  179.  
  180. #imagen
  181. {
  182.     width:300px;
  183.     float:left;
  184.     text-align:right;
  185.     background-color:#3B0B0B;
  186. }
  187.  
  188. #enca
  189. {
  190.     width:600px;
  191.     font-family:Tahoma;
  192.     text-align:center;
  193.     border-bottom-style: double;
  194.     color:white;
  195. }
  196.  
  197. p
  198. {
  199.     text-align:center;
  200. }
  201.  
  202. #Field2
  203. {
  204.     width:1200px;
  205.     height:650px;
  206.     background-image:url(gradiente-listo.jpg);
  207.     background-repeat:repeat-x;
  208. }
  209. #cuervo
  210. {
  211.     background-image: url(cuervo2.png);
  212.     background-position: center;
  213.     background-repeat: no-repeat;
  214.     float:left;
  215. }
  216.  
  217. #cuerpo,#cuervo
  218. {
  219.     width:600px;
  220.     height:600px;
  221. }
  222.  
  223. h2
  224. {
  225.     text-align:center;
  226.     font-family: Tahoma;
  227.     font-style: normal;
  228.     font-weight: bold;
  229.     background-color:red;
  230. }
  231.  
  232. h1
  233. {
  234.     text-align:center;
  235.     font-family:Tahoma;
  236.     font-weight:bold;
  237.     line-height:50px;
  238.     width:1200px;
  239. }
  240.  
  241. #pie
  242. {
  243.     text-align:right;
  244.     font-family: Tahoma;
  245.     font-size:12px;
  246.     width:1200px;
  247.     height:50px;
  248.     line-height:100px;
  249. }
  250.  
  251. .alu
  252. {
  253.     width:1200px;
  254. }
  255.  
  256. #leyendaBien
  257. {
  258.     font-family:Teen Light;
  259.     font-weight:bold;
  260.     font-size:30px;
  261.     text-align:center;
  262.     height:100px;
  263.     line-height:50px;
  264. }
  265.  
  266. #titulo
  267. {
  268.    
  269.     line-height:70px;
  270.     color:white;
  271.     text-align:center;
  272.     Font-family:Tahoma;
  273.     font-size:40px;
  274.     width:1200px;
  275.     background-color: #3b0b0b;
  276.     border-bottom-style:double;
  277. }