HTML Xanga布局 - 忙碌的蜜蜂

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML Xanga布局 - 忙碌的蜜蜂相关的知识，希望对你有一定的参考价值。

<!-- Script by Mimz -->
<!-- Busy Bee -->
<STYLE type="text/css">
body {
background-image:  URL(http://img184.imageshack.us/img184/286/busybee10vb.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right;
scrollbar-arrow-color: #53C7EE;
scrollbar-track-color: #3A3A3A;
scrollbar-shadow-color:#00B5E2;
scrollbar-face-color: #53C7EE;
scrollbar-highlight-color: #FDD901;
scrollbar-darkshadow-color:#000000;
scrollbar-3dlight-color: #FFFFFF;
}
.left, .blogbody, table.footer, .standard, td, p {
/* edits main text */
font:normal 12px arial;
line-height:12px;
color: #FFFFFF;
letter-spacing:0px;
text-align:left;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color:#00B5E2;
}
.left b,{
font-weight:bold;
color:#00B5E2;
}
.blogbody u, .standard u, {
text-decoration: underline;
color:#53C7EE;
}
.blogbody i, .standard i, em {
text-decoration:italic;
color:#53C7EE;
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: transparent;
font-size:12px;
font-weight:none;
line-height: 12px;
letter-spacing:2px;
color: #00B5E2;
text-align:center;
padding:3px;
width: 280px;
border:2px dashed #FDD901;
border-top:4px dashed #FDD901;
border-right:4px dashed #FDD901;
border-left:4px dashed #FDD901;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#FDD901;
font:normal 12px arial;
line-height:12px;
text-decoration: none;
text-spacing:0px;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#FDD901;
font:12px arial;
line-height:12px;
text-decoration: line-through;
text-spacing:0px;
}
a:hover {
/* edits when user mouseovers the links */
font:12px arial;
font-weight:bold;
line-height:12px;
text-decoration: underline;
color:#FDD901
letter-spacing:1px;
}
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 2px dashed #FDD901;
font:normal 12px arial;
background-color: transparent;
letter-spacing:0px;
color:#FFFFFF;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 2px dashed #FDD901;
border-top: 2px dashed #FDD901;
width: 280px;
background-color: transparent;
}
table.left {
/* this edits the menu module */
border: 2px dashed #FDD901;
width: 170px;
background-color: transparent;
text-align:center;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color: transparent;
font: 12px arial;
line-height:12px;
text-transform:lowercase;
text-align:center;
font-color:#00B5E2;
border: 2px dashed #FDD901;
letter-spacing:2px;
}
table.left TD {
/* on your menu module, this edits the body part of it */
font:normal 12px arial;
color:#FFFFFF;
text-align:center;
LINE-HEIGHT:10PX;
border-top:2px dashed #FDD901;
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 dashed #FDD901;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 2px dashed #FDD901;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 470px;
}
hr {
/* horizontal divider */
border:5px dashed #FDD901;
}
</style>
<!-- End Script by Mimz -->



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

Xanga布局-气泡

One of my xanga layouts
  1. <!-- Script by Mimz -->
  2. <!-- Bubbles -->
  3. <STYLE type="text/css">
  4. body {
  5. background-image:  URL(http://img91.imageshack.us/img91/2021/bubbles15qn.jpg);
  6. background-repeat: repeat;
  7. background-attachment: fixed;
  8. background-position: center;
  9. scrollbar-arrow-color: #C3B9FF;
  10. scrollbar-track-color: transparent;
  11. scrollbar-shadow-color:#000000;
  12. scrollbar-face-color: #FFFFFF;
  13. scrollbar-highlight-color: #C3B9FF;
  14. scrollbar-darkshadow-color:#000000;
  15. scrollbar-3dlight-color:#C3B9FF;
  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:#DD95FB;
  29. }
  30. .left b,{
  31. font-weight:bold;
  32. color:#DD95FB;
  33. }
  34. .blogbody u, .standard u, {
  35. text-decoration: underline;
  36. color:#F97AED;
  37. }
  38. .blogbody i, .standard i, em {
  39. text-decoration:italic;
  40. color:#F7B9AC;
  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: transparent;
  53. font-size:12px;
  54. font-weight:none;
  55. line-height: 12px;
  56. letter-spacing:2px;
  57. color: #DD95FB;
  58. text-align:center;
  59. padding:3px;
  60. width: 280px;
  61. border:2px solid #C3B9FF;
  62. border-top:4px solid #C3B9FF;
  63. border-right:4px solid #C3B9FF;
  64. border-left:4px solid #C3B9FF;
  65. }
  66. a:link, .footernav.link, a.footernav:link, a.footernav:active {
  67. /* edits all links */
  68. color:#000000;
  69. font:normal 12px arial;
  70. line-height:12px;
  71. text-decoration: none;
  72. text-spacing:0px;
  73. }
  74. a:visited, a.footernav:visited, {
  75. /* edits the links that the user has visited */
  76. color:#000000;
  77. font:bold 12px arial;
  78. line-height:12px;
  79. text-decoration: none;
  80. text-spacing:0px;
  81. }
  82. a:hover {
  83. /* edits when user mouseovers the links */
  84. font:12px arial;
  85. line-height:12px;
  86. text-decoration: none;
  87. color:#F7B9AC;
  88. letter-spacing:0px;
  89. }
  90. input, select, textarea, iframe.htmleditor, .textfield, .button {
  91. /* this edits the buttons, dropdowns, etc. */
  92. border: 2px solid #C3B9FF;
  93. font:normal 12px arial;
  94. background-color: transparent;
  95. letter-spacing:0px;
  96. color:#000000;
  97. }
  98. table.blogbody {
  99. /* this edits the other the place where the blog is */
  100. border: 2px solid #C3B9FF;
  101. border-top: 2px solid #C3B9FF;
  102. width: 280px;
  103. background-color: transparent;
  104. }
  105. table.left {
  106. /* this edits the menu module */
  107. border: 2px solid #C3B9FF;
  108. width: 170px;
  109. background-color: transparent;
  110. text-align:center;
  111. }
  112. table.left th {
  113. /* on your menu module, this edits the title part of it */
  114. /* like BLOGRINGS, POSTING CALENDAR, etc */
  115. background-color: transparent;
  116. font: 12px arial;
  117. line-height:12px;
  118. text-transform:lowercase;
  119. text-align:center;
  120. color:#000000;
  121. border: 2px solid #C3B9FF;
  122. letter-spacing:2px;
  123. }
  124. table.left TD {
  125. /* on your menu module, this edits the body part of it */
  126. font:normal 12px arial;
  127. color:#000000;
  128. text-align:center;
  129. LINE-HEIGHT:10PX;
  130. border-top:2px solid #C3B9FF;
  131. width: 170px;
  132. background-color: transparent;
  133. }
  134. table.search TD, table.search, table.announcements {
  135. /* border of search bar (if you have it) */
  136. background-color: transparent;
  137. border: 2px solid #C3B9FF;
  138. }
  139. table.search TD, table.announcements TH {
  140. /* this should be left alone */
  141. /* unless you know what to do */
  142. border: 2px solid #C3B9FF;
  143. }
  144. table.navigation, table.main, table.footer {
  145. /* the width of your blog with modules */
  146. width: 470px;
  147. }
  148. hr {
  149. /* horizontal divider */
  150. border:2px #C3B9FF;
  151. }
  152. </style>
  153. <!-- End Script by Mimz -->
  154.  
  155.  
  156.  
  157.  
  158. <center><b><a href=http://www.xanga.com/Got_Layed>Wanna get layed?</a>

以上是关于HTML Xanga布局 - 忙碌的蜜蜂的主要内容，如果未能解决你的问题，请参考以下文章

HTML Xanga布局 - 泡沫

HTML Xanga布局 - 橙色油漆

Xanga布局-气泡

Xanga布局-橙色漆

蚂蚁和蜜蜂的故事告诉我们啥道理

Hive 是啥意思?