Beeline

AMH layout

Jul 29th, 2014
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.82 KB | None | 0 0
  1. <style> body, html { background: #979880; background-repeat: repeat; background-attachment: fixed; } </style> <style> .maintop, .leftnav, .profilename, .profilepages, .topbar, .defaultpic, .thumbnail, .gallery, .videos, .userinfo, .journal_entry, .profile_title, .likes_title, .dislikes_title, .music_title, .buttons1, .buttons2, .buttons3, .friends, .rate, .comment_title, .comments, .tagline, .menu2, .profilepages, .footer_links { display: none; }
  2.  
  3. .holder { margin-top: -35px;
  4. margin-left: -50px;
  5. width: 1000px;
  6. height: 100%;
  7. overflow: hidden;
  8. text-align: center;
  9. border: 0px solid #333;
  10. }
  11. .header {
  12. margin-top: -70px;
  13. margin-left: -50px;
  14. width: 100%;
  15. height: 100%;
  16. overflow: hidden;
  17. align: center;
  18. }
  19.  
  20.  
  21.  
  22. .Bottom { margin-top: -75px;
  23. margin-left: -50px;
  24. width: 950px;
  25. height: 125px;
  26. overflow: hidden;
  27. text-align: center;
  28. border: 0px solid #333;
  29. }
  30. .heading {
  31. margin-top: -10px;
  32. margin-left: 30px;
  33. width: 900px;
  34. height: 145px;
  35. overflow: hidden;
  36. align: center;
  37. }
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44. h1{
  45. color: #eee;
  46. font-size: 10pt;
  47. font-weight: bold;
  48. padding-left:2px;
  49. width: 243px;
  50. background-color: #733C4E;
  51. display:block;
  52. text-align:center;
  53. text-transform: lowercase;
  54. margin:0px; padding:4px;
  55. border-radius: 10px;
  56. }
  57.  
  58. b {color:#953653;}
  59. i {color:#F70653;}
  60. u {color:#C92A5D;}
  61.  
  62. blockquote{
  63. padding:6px;
  64. background-color: #ccc;
  65. border-left:10px solid #bab6b6;
  66. color:#eee;
  67. }
  68.  
  69. .layouts {
  70. width: 250px;
  71. height: 250px;
  72. filter: alpha(opacity=100)
  73. -moz-opacity:.80;
  74. opacity: .80;
  75. margin: 3px;
  76. padding: 1px;
  77. margin-left: 2px;
  78. background: url('http://i.imgur.com/NhqNJK3.gif'); background-repeat: repeat; background-position:left top;
  79. background-attachment: fixed;
  80. border: 1px solid #0b0b0b;
  81. -webkit-transition: all 0.5s ease-out;
  82. -moz-transition: all 0.5s ease-out;
  83. }
  84.  
  85. .portlink:link, .portlink:visited, .portlink:active{
  86. color: white;
  87. font-family: tahoma;
  88. font-size: 12px;
  89. text-transform: uppercase;
  90. font-weight: lighter;
  91. border-right: 3px solid #953653;
  92. border-left: 3px solid #953653;
  93. line-height: 11px;
  94. text-align: center;
  95. padding:-5px;
  96. margin:5px;
  97. background: #837a7e;
  98. width:235px;
  99. height:11px;
  100. -webkit-transition: all 0.5s ease-out;
  101. -moz-transition: all 0.5s ease-out;
  102. display:block;
  103. }
  104. .portlink:hover{
  105. color: #fff;
  106. background-color: #733C4E;
  107. -webkit-border-radius: 8px;
  108. -moz-border-radius: 8px;
  109. border-radius: 8px;
  110. -webkit-transition: all 0.8s ease-out;
  111. -moz-transition: all 0.8s ease-out;
  112. }
  113.  
  114. a:link, a:visited, a:active {
  115. background-color: transparent;
  116. font: 12px Trebuchet MS;
  117. color: #fafdcd4;
  118. letter-spacing: 2px;
  119. -webkit-transition: color 0.5s ease-out;
  120. -moz-transition: color 0.5s ease-out;}
  121.  
  122. a:hover {
  123. background-color: transparent;
  124. font: 12px Trebuchet MS;
  125. color: #be3c3c;
  126. letter-spacing: 2px;
  127. -webkit-transition: color 0.5s ease-out;
  128. -moz-transition: color 0.5s ease-out;}
  129.  
  130. a:link img, a:visited img {
  131. border: 0px dotted #542574;
  132. -webkit-transition: color 0.5s ease-out;
  133. -moz-transition: color 0.5s ease-out;;
  134. }
  135. a:hover img {
  136. border: 0px dotted #a15ad1;
  137. opacity:.80; }
  138.  
  139. #content {
  140. top: 395px;
  141. left: 20px;
  142. width: 650px;
  143. height: 270px;
  144. border-radius: 10px;
  145. background-color:#5f6352;
  146. background-color:#dadada;
  147. background: url('http://i.imgur.com/B10CcNw.png');
  148. background-repeat: repeat;
  149. background-position:left top;
  150. background-attachment: fixed;
  151. border: 1px solid #33010e;
  152. }
  153. .anchor {
  154. position: absolute;
  155. overflow: hidden;
  156. border: none;
  157. background: ;
  158. }
  159. .section {
  160. overflow: auto;
  161. top: 395px;
  162. left: 20px;
  163. width: 650px;
  164. height: 270px;
  165. border-radius: 10px;
  166. background-color:#5f6352;
  167. background-color:#dadada;
  168. background: url('http://i.imgur.com/B10CcNw.png');
  169. background-repeat: repeat;
  170. background-position:left top;
  171. background-attachment: fixed;
  172. border: 1px solid #33010e;
  173. }
  174. #Navi- {
  175. top: 230px;
  176. left: 700px;
  177. width: 250px;
  178. height: 385px;
  179. border: 0px solid #333;
  180. position: absolute;
  181. float: left;
  182. background-color:#5f6352;
  183. background-color:#dadada;
  184. background: url('http://i.imgur.com/B10CcNw.png');
  185. background-repeat: repeat;
  186. background-position:left top;
  187. background-attachment: fixed;
  188. border: 1px solid #33010e;
  189. border-radius: 10px;
  190.  
  191. }
  192. </style>
  193.  
  194.  
  195. ----------------------
  196. Put everything above this line in your "Profile" section on your edit page (you can delete the lines and this part.)
  197. All the DIV stuff goes into the "like" section of your edit page. :)
  198.  
  199.  
  200.  
  201. <div class="holder"><div class="header"> <img src="http://i.imgur.com/bFmelJX.gif" style="width: 900px; z-index: 1;" /> </div>
  202.  
  203.  
  204.  
  205.  
  206.  
  207.  
  208. <div class="anchor" id="content">
  209. <a name="0"></a>
  210. <div class="section">
  211. <img src="http://i.imgur.com/ovupSPW.jpg" class="layouts" align="left" /><b>Age</b>: Number <br />
  212. <b>Sex</b>: What your sex is <br />
  213. <b>Relationship Status</b>: Status <br />
  214. <b>Add More</b>:Add <br />
  215. <b>Add More</b>: Add <br />
  216. <b>Add More</b>: Add <br /> (The display pic is set to 250x250. It automatically resizes. Just need to replace the url upbove in this DIV box.) Then you can put your about here underneath everything. <b>Bold</b> <i>Italic</i> <u>Underline</u>
  217. </div>
  218.  
  219.  
  220.  
  221. <a name="1"></a>
  222. <div class="section">
  223. <img src="http://i.imgur.com/ovupSPW.jpg" class="layouts" align="left" /> Likes likes likes</div>
  224.  
  225.  
  226.  
  227. <a name="2"></a>
  228. <div class="section"><img src="http://i.imgur.com/ovupSPW.jpg" class="layouts" align="left" />
  229. Put your dislikes here</div>
  230.  
  231.  
  232. <a name="3"></a>
  233. <div class="section"><img src="http://i.imgur.com/ovupSPW.jpg" class="layouts" align="left" />
  234. Put your cults here</div>
  235.  
  236.  
  237. <a name="4"></a>
  238. <div class="section">
  239. <img src="http://i.imgur.com/ovupSPW.jpg" class="layouts" align="left" />Anything else here</div>
  240.  
  241.  
  242.  
  243.  
  244.  
  245. </div></div>
  246.  
  247.  
  248.  
  249.  
  250.  
  251. <div class="innerbox" id="Navi-"><h1>Site Navi</h1>
  252. <a href="http://vampirefreaks.com/profiles/home.php" class="portlink">VF Home</a>
  253. <a href="http://vampirefreaks.com/edituser.php" class="portlink">Edit</a>
  254. <a href="http://vampirefreaks.com/profile_action.php?user=musagirl96" class="portlink">Add Friend</a>
  255. <a href="http://vampirefreaks.com/user_comment.php?user=musagirl96&amp;rate=1" class="portlink">Comment</a>
  256. <a href="/journal/musagirl96" class="portlink">Journal</a>
  257. <a href="http://vampirefreaks.com/gallery/musagirl96" class="portlink">Gallery</a>
  258. <br />
  259. <h1>Profile Navi</h1>
  260. <a href="#0" class="portlink">About</a>
  261. <a href="#1" class="portlink">Likes</a>
  262. <a href="#2" class="portlink">Dislikes</a>
  263. <a href="#3" class="portlink">Cults</a>
  264. <a href="#4" class="portlink">Extra box</a><br />
  265. <p>
  266. <br />
  267. <p>
  268. <br />
  269. <br />
  270. <br />
  271. <center><font size="-5">Made by:Beeline</font></center>
  272. </div>
  273.  
  274. <div class="Bottom"><div class="heading"> <img src="http://i.imgur.com/oyM85dD.jpg" style="width: 900px; z-index: 1;" /> </div>
Advertisement
Add Comment
Please, Sign In to add comment