HTML Xanga布局 - 橙色油漆

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML Xanga布局 - 橙色油漆相关的知识,希望对你有一定的参考价值。

<!-- Script by Mimz -->
<!-- Orange Paint -->
<STYLE type="text/css">
body {
background-image:  URL(http://img228.imageshack.us/img228/9644/orangepaint6vh.jpg);
background-repeat: repeat;
background-attachment: fixed;
background-position: center;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color:#000000;
scrollbar-3dlight-color:#000000;
}
.left, .blogbody, table.footer, .standard, td, p {
/* edits main text */
font:normal 12px arial;
line-height:12px;
color: #000000;
letter-spacing:0px;
text-align:left;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color:#000000;
}
.left b,{
font-weight:bold;
color:#000000;
}
.blogbody u, .standard u, {
text-decoration: underline;
color:#000000;
}
.blogbody i, .standard i, em {
text-decoration:italic;
color:#000000;
font-weight:normal;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
font-family: arial;
text-transform: lowercase;
background-color: #FF9900;
font-size:12px;
font-weight:none;
line-height: 12px;
letter-spacing:2px;
color: #000000;
text-align:center;
padding:3px;
width: 280px;
border:2px solid #000000;
border-bottom:1px solid #000000;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#FF6A00;
font:12px arial;
font-weight:bold;
line-height:12px;
text-decoration: none;
text-spacing:0px;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#FF6A00;
font:bold 12px arial;
line-height:12px;
text-decoration: line-through;
text-spacing:0px;
}
a:hover {
/* edits when user mouseovers the links */
font:14px arial;
line-height:14px;
text-decoration: none;
font-weight: bold;
color:#000000;
letter-spacing:2px;
}

a:hover img {
filter: gray;
padding: 0px;
}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 2px solid #000000;
font:normal 12px arial;
background-color: transparent;
letter-spacing:0px;
color:#000000;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 2px solid #000000;
border-top: 2px solid #000000;
width: 280px;
background-color: white;
{filter: alpha(opacity=70); -moz-opacity:70%;}
}
table.left {
/* this edits the menu module */
border: 2px solid #000000;
width: 170px;
background-color: white;
{filter: alpha(opacity=70); -moz-opacity:70%;}
text-align:center;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color: #FF9900;
font: 12px arial;
line-height:12px;
text-transform:lowercase;
text-align:center;
color:#000000;
border: 1px solid #000000;
border-bottom: 0px solid #000000
letter-spacing:2px;
}
table.left TD {
/* on your menu module, this edits the body part of it */
font:normal 12px arial;
color:#000000;
text-align:center;
LINE-HEIGHT:10PX;
border-top:2px solid #000000;
width: 170px;
background-color: transparent;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: transparent;
border: 2px solid #000000;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 2px solid #000000;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 470px;
}
hr {
/* horizontal divider */
border:3px #000000;
}
</style>
<!-- End Script by Mimz -->


<center><b><a href=http://www.xanga.com/Got_Layed>Wanna get layed?</a>

Xanga布局-橙色漆

One of my xanga layouts
  1. <!-- Script by Mimz -->
  2. <!-- Orange Paint -->
  3. <STYLE type="text/css">
  4. body {
  5. background-image: URL(http://img228.imageshack.us/img228/9644/orangepaint6vh.jpg);
  6. background-repeat: repeat;
  7. background-attachment: fixed;
  8. background-position: center;
  9. scrollbar-arrow-color: #000000;
  10. scrollbar-track-color: #FFFFFF;
  11. scrollbar-shadow-color:#000000;
  12. scrollbar-face-color: #FFFFFF;
  13. scrollbar-highlight-color: #000000;
  14. scrollbar-darkshadow-color:#000000;
  15. scrollbar-3dlight-color:#000000;
  16. }
  17. .left, .blogbody, table.footer, .standard, td, p {
  18. /* edits main text */
  19. font:normal 12px arial;
  20. line-height:12px;
  21. color: #000000;
  22. letter-spacing:0px;
  23. text-align:left;
  24. }
  25. .blogbody b, .standard b, p b, strong {
  26. /* edits bolded text in your entry */
  27. font-weight: bold;
  28. color:#000000;
  29. }
  30. .left b,{
  31. font-weight:bold;
  32. color:#000000;
  33. }
  34. .blogbody u, .standard u, {
  35. text-decoration: underline;
  36. color:#000000;
  37. }
  38. .blogbody i, .standard i, em {
  39. text-decoration:italic;
  40. color:#000000;
  41. font-weight:normal;
  42. }
  43. table.footer TD {
  44. /* this makes the footer at the bottom centered */
  45. /* leave it alone unless you know what to do*/
  46. text-align: center;
  47. }
  48. div.blogheader, .caption {
  49. /* edits the dates */
  50. font-family: arial;
  51. text-transform: lowercase;
  52. background-color: #FF9900;
  53. font-size:12px;
  54. font-weight:none;
  55. line-height: 12px;
  56. letter-spacing:2px;
  57. color: #000000;
  58. text-align:center;
  59. padding:3px;
  60. width: 280px;
  61. border:2px solid #000000;
  62. border-bottom:1px solid #000000;
  63. }
  64. a:link, .footernav.link, a.footernav:link, a.footernav:active {
  65. /* edits all links */
  66. color:#FF6A00;
  67. font:12px arial;
  68. font-weight:bold;
  69. line-height:12px;
  70. text-decoration: none;
  71. text-spacing:0px;
  72. }
  73. a:visited, a.footernav:visited, {
  74. /* edits the links that the user has visited */
  75. color:#FF6A00;
  76. font:bold 12px arial;
  77. line-height:12px;
  78. text-decoration: line-through;
  79. text-spacing:0px;
  80. }
  81. a:hover {
  82. /* edits when user mouseovers the links */
  83. font:14px arial;
  84. line-height:14px;
  85. text-decoration: none;
  86. font-weight: bold;
  87. color:#000000;
  88. letter-spacing:2px;
  89. }
  90.  
  91. a:hover img {
  92. filter: gray;
  93. padding: 0px;
  94. }
  95.  
  96. input, select, textarea, iframe.htmleditor, .textfield, .button {
  97. /* this edits the buttons, dropdowns, etc. */
  98. border: 2px solid #000000;
  99. font:normal 12px arial;
  100. background-color: transparent;
  101. letter-spacing:0px;
  102. color:#000000;
  103. }
  104. table.blogbody {
  105. /* this edits the other the place where the blog is */
  106. border: 2px solid #000000;
  107. border-top: 2px solid #000000;
  108. width: 280px;
  109. background-color: white;
  110. {filter: alpha(opacity=70); -moz-opacity:70%;}
  111. }
  112. table.left {
  113. /* this edits the menu module */
  114. border: 2px solid #000000;
  115. width: 170px;
  116. background-color: white;
  117. {filter: alpha(opacity=70); -moz-opacity:70%;}
  118. text-align:center;
  119. }
  120. table.left th {
  121. /* on your menu module, this edits the title part of it */
  122. /* like BLOGRINGS, POSTING CALENDAR, etc */
  123. background-color: #FF9900;
  124. font: 12px arial;
  125. line-height:12px;
  126. text-transform:lowercase;
  127. text-align:center;
  128. color:#000000;
  129. border: 1px solid #000000;
  130. border-bottom: 0px solid #000000
  131. letter-spacing:2px;
  132. }
  133. table.left TD {
  134. /* on your menu module, this edits the body part of it */
  135. font:normal 12px arial;
  136. color:#000000;
  137. text-align:center;
  138. LINE-HEIGHT:10PX;
  139. border-top:2px solid #000000;
  140. width: 170px;
  141. background-color: transparent;
  142. }
  143. table.search TD, table.search, table.announcements {
  144. /* border of search bar (if you have it) */
  145. background-color: transparent;
  146. border: 2px solid #000000;
  147. }
  148. table.search TD, table.announcements TH {
  149. /* this should be left alone */
  150. /* unless you know what to do */
  151. border: 2px solid #000000;
  152. }
  153. table.navigation, table.main, table.footer {
  154. /* the width of your blog with modules */
  155. width: 470px;
  156. }
  157. hr {
  158. /* horizontal divider */
  159. border:3px #000000;
  160. }
  161. <!-- End Script by Mimz -->
  162.  
  163.  
  164. <center><b><a href=http://www.xanga.com/Got_Layed>Wanna get layed?</a>

以上是关于HTML Xanga布局 - 橙色油漆的主要内容,如果未能解决你的问题,请参考以下文章

HTML Xanga布局 - 泡沫

HTML Xanga布局 - 忙碌的蜜蜂

Xanga布局-气泡

Xanga布局-忙碌的蜜蜂

HTML Xanga右对齐

溢出框 RenderBox 未布局:RenderRepaintBoundary#7796e 需要-布局需要-油漆