Xanga布局-气泡

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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. <!-- End Script by Mimz -->
  153.  
  154.  
  155.  
  156.  
  157. <center><b><a href=http://www.xanga.com/Got_Layed>Wanna get layed?</a>

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

HTML Xanga布局 - 橙色油漆

HTML Xanga布局 - 忙碌的蜜蜂

Xanga布局-橙色漆

Xanga布局-忙碌的蜜蜂

不可见的Xanga代码

Android 实现气泡布局/弹窗,可控制气泡尖角方向及偏移量