API tools faq
paste
Advertisement
VicariousHelpSite

CSS/DIV LAYOUT 130

VicariousHelpSite
Oct 18th, 2013
3,333
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.55 KB | None | 0 0
raw download clone embed print report diff
  1. !!!!!!!!!!!!Read It!!!!!!!!!!!!
  2.  
  3. (⊙.⊙(☉_☉)⊙.⊙)
  4.  
  5.  
  6. ALL COLORS CAN BE CHANGED.For color changes, see the color palette section in About Me. There are a ton of color schemes online. It won't take you long to change the color set-up on this profile.
  7.  
  8. There are div ids/classes in this layout. Be VERY, VERY, VERY careful not to drop off any of the coding.
  9.  
  10.  
  11. ............................
  12. MUSIC PLAYER
  13.  
  14. REPLACE MY MUSIC PLAYER WITH YOUR OWN.
  15.  
  16. .......................................
  17.  
  18. Hover Image Panels
  19.  
  20. To replace the images in the hover panels, replace my image url with your own wherever you see div image urls like this:
  21.  
  22. <div class="v250w250h_a" style="background-image:url(http://i.imgur.com/fFMgYaG.png);">
  23.  
  24. To find out the width and height for the picture in that section, look at the code. In this case the code says v250w250h. That means the width is 250px and the height is 250px. Make your picture using those dimensions. NOTE that the connection images are 160px width by 60px height in that section. They will scroll so you can add more if need be.
  25.  
  26.  
  27. Every image has a scrollbox underneath it. If you decide you want less hover boxes (just leaving the pics instead), do the following:
  28.  
  29. Example:
  30.  
  31. <div class="v250w250h_a" style="background-image:url(http://i.imgur.com/fFMgYaG.png);">
  32. <div class="HBox1">
  33. <p>Put whatever you want here.
  34. </div></div>
  35.  
  36. To leave just the image, remove:
  37. <div class="HBox1">
  38. <p>Lorem ipsum, etc.
  39. </div>
  40.  
  41. So that you are left with only this:
  42. <div class="v250w250h_a" style="background-image:url(http://i.imgur.com/fFMgYaG.png);">
  43. </div>
  44.  
  45. Again, be very, very careful not to leave or take away </div> tags. Make sure if you remove a div you remove a closed div tag too.
  46. .......................................
  47.  
  48.  
  49.  
  50. ///////////////////////////////////////////////////
  51. _______________________________________________
  52.  
  53.  
  54.  
  55.  
  56. Don't forget to replace the XXXXX with your friend ID number.
  57.  
  58. (>‿◠)✌
  59.  
  60.  
  61. *****************************SAVE YOUR WORK AS YOU GO.*******************************
  62.  
  63.  
  64.  
  65.  
  66.  
  67. DO NOT REMOVE THE .VICARIOUS MARKERS FROM ANY VICARIOUS LAYOUT.
  68.  
  69. -----------------------------ABOUT ME---------------------------------
  70.  
  71.  
  72. </td></tr></table></td></tr></table></td></tr></table></div>
  73.  
  74. <style type="text/css">
  75.  
  76. @import url(http://fonts.googleapis.com/css?family=Raleway:400,300|Yanone+Kaffeesatz:400,700);
  77.  
  78. /* - -DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE - - */
  79.  
  80. .vicarious { CSS/DIV Layout 130 // Layouts available @ http://vicarious-hs.tumblr.com/ }
  81.  
  82. /* - -DO NOT REARRANGE MY CODING. ORDER IS IMPORTANT. - - */
  83.  
  84. .vicarious{Background Properties // BODY COLOR IS IN THE COLOR PALETTE SECTION}
  85. body {
  86. background-image:url( );
  87. background-repeat:repeat;
  88. background-position: top center;
  89. background-attachment:fixed;
  90. }
  91. .vicarious{ Google Chrome Scrollbar }
  92. ::-webkit-scrollbar {width: 15px;}
  93. ::-webkit-scrollbar-track {border: 1px solid ;}
  94. ::-webkit-scrollbar-thumb {border: 1px solid ;}
  95.  
  96. .vicarious { Font Styles }
  97.  
  98. a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input, p, i, b, em {
  99. font-family: tahoma;
  100. font-size: 8pt ;
  101. line-height: 90% ;
  102. text-decoration:none;
  103. }
  104.  
  105. P { text-align:justify; }
  106. I { font-size:12pt;font-family: Tangerine; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }
  107. EM {font-size:13pt; font-family: times new roman; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }
  108.  
  109. B {
  110. font-family: arial narrow;
  111. font-size:8pt;
  112. font-weight:bold;
  113. text-transform:uppercase;
  114. line-height:100%;
  115. letter-spacing: 0pt;
  116. }
  117.  
  118. a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited {
  119. font-family: arial narrow;
  120. font-size:9pt;
  121. text-align:center;
  122. text-transform:uppercase;
  123. line-height:50px;
  124. height:50px;
  125. font-weight:bold;
  126. text-decoration:none;
  127. -webkit-transition: all 1s ease-out 0s;
  128. -moz-transition: all 1s ease-out 0s;
  129. -ms-transition: all 1s ease-out 0s;
  130. -o-transition: all 1s ease-out 0s;
  131. transition: all 1s ease-out 0s;
  132. margin:0px;
  133. padding:0px;
  134. display:block;
  135. letter-spacing:0pt;
  136. text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
  137. }
  138.  
  139. a.first, a.first:link, a.first:active, a.first:visited{width:165px; }
  140. a.second, a.second:link, a.second:active, a.second:visited {font-size:8pt;line-height:19px;height:19px; }
  141. a.first:hover, a.second:hover { text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);}
  142.  
  143. .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
  144. text-transform:uppercase;
  145. line-height:100%;
  146. text-align:center;
  147. display:block;
  148. font-size: 11pt ;
  149. }
  150. .h1, h1 {
  151. font-size:50px;
  152. font-family: trajan pro;
  153. text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
  154. text-decoration:none;
  155. line-height:60%;
  156. padding:0px;
  157. margin-top:10px;
  158. display:block;
  159. }
  160. .h2, h2 {
  161. font-size:30px;
  162. font-family: georgia;
  163. text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
  164. text-decoration:none;
  165. line-height:45%;
  166. padding:0px;
  167. margin:0px;
  168. display:block;
  169. letter-spacing:3pt;
  170. }
  171. .h3, h3 {
  172. font-size:12px;
  173. font-family: georgia;
  174. text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
  175. text-decoration:none;
  176. line-height:100%;
  177. padding:0px;
  178. margin:0px;
  179. display:block;
  180. }
  181. .h4, h4 {
  182. font-size:55px;
  183. font-family: times new roman;
  184. text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
  185. text-decoration:none;
  186. line-height:85%;
  187. padding:0px;
  188. margin:0px;
  189. display:block;
  190. letter-spacing:1pt;
  191. }
  192. .h5, h5 {
  193. font-family: 'Raleway', sans-serif;
  194. font-size: 12pt ;
  195. line-height:125%;
  196. letter-spacing:1pt;
  197. text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
  198. }
  199. .h6, h6 {
  200. font-family: 'Yanone Kaffeesatz', sans-serif;
  201. font-size: 14pt ;
  202. margin:10px 0px;
  203. padding:10px 0px;
  204. letter-spacing:2pt;
  205. text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
  206. }
  207. .vicarious { Div IDS/Class Styles }
  208. .top, .vbanner, .vlinks, .v200w485h, .connlinks, .music, .titleA, .titleB, .titleC, .titleD, .titleE, .titleF, .v290w145h, .v500w355h, .v290w125h_a, .v290w125h_b, .v290w125h_c, .personality, .about, .copyright, .line1, .line2, .bottom {
  209. left:50%;
  210. top:0%;
  211. position:absolute;
  212. overflow:hidden;
  213. z-index:1;
  214. }
  215. .top, .bottom, .vbanner {width:1000px;margin-left:-500px; }
  216. .top { height:20px; margin-top:0px; }
  217. .bottom { height:50px; margin-top:1185px; }
  218. .vbanner { height:350px; margin-top:25px; }
  219. .vlinks {width:1000px;height:50px;margin-left:-500px;margin-top:380px; }
  220. .personality, .about, .connlinks, .copyright { overflow:auto; }
  221. .personality {width:195px; height:190px;margin-left:0px;margin-top:830px; }
  222. .about {width:300px;height:190px;margin-left:200px;margin-top:830px;}
  223. .connlinks {width:200px;height:180px;margin-left:-500px;margin-top:1000px; }
  224. .copyright {width:500px;height:95px;margin-left:0px;margin-top:1085px; }
  225. .v200w485h, .Hbox1 {width:200px;height:485px;}
  226. .v200w485h {margin-left:-500px;margin-top:435px; }
  227. .music {width:200px;height:20px;margin-left:-500px;margin-top:925px; }
  228. .v290w145h, .Hbox3 {width:290px;height:145px;}
  229. .v290w145h { margin-left:-295px;margin-top:540px; }
  230. .v500w355h, .Hbox2 {width:500px;height:355px;}
  231. .v500w355h { margin-left:0px;margin-top:435px; }
  232. .v290w125h_a, .v290w125h_b, .v290w125h_c, .Hbox4 {width:290px;height:125px;}
  233. .v290w125h_a {margin-left:-295px;margin-top:795px; }
  234. .v290w125h_b {margin-left:-295px;margin-top:925px; }
  235. .v290w125h_c {margin-left:-295px;margin-top:1055px; }
  236. .titleA, .titleB {width:290px;height:100px;margin-left:-295px;}
  237. .titleA { margin-top:435px; }
  238. .titleB { margin-top:690px; }
  239. .titleC, .titleD, .titleE, .titleF { text-align:center;display:block text-decoration:none;text-transform:uppercase;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);font-family: 'Yanone Kaffeesatz', sans-serif;}
  240. .titleC { width:500px;height:50px;margin-left:0px; margin-top:1030px; line-height:50px; height:50px;font-size:45px; }
  241. .titleD { width:200px;height:45px;margin-left:-500px;margin-top:950px; line-height:45px; height:45px;font-size:40px; }
  242. .titleE { width:195px;height:30px;height:190px;margin-left:0px;margin-top:795px; line-height:30px; height:30px;font-size:25px; }
  243. .titleF { width:300px;height:30px;height:190px;margin-left:200px;margin-top:795px; line-height:30px; height:30px;font-size:25px; }
  244.  
  245. .Hbox1, .Hbox2, .Hbox3, .Hbox4 {
  246. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  247. filter: alpha(opacity=0);
  248. opacity: 0;
  249. overflow:hidden;
  250. text-align:left;
  251. -webkit-transition: all 1s ease-out 0s;
  252. -moz-transition: all 1s ease-out 0s;
  253. -ms-transition: all 1s ease-out 0s;
  254. -o-transition: all 1s ease-out 0s;
  255. transition: all 1s ease-out 0s;
  256. }
  257.  
  258. .Hbox1:hover , .Hbox2:hover , .Hbox3:hover , .Hbox4:hover {
  259. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  260. filter: alpha(opacity=100);
  261. opacity: 1;
  262. overflow:auto;
  263. }
  264.  
  265. .line1, .line2 {width:50px;height:100%;margin-top:0px; position:fixed; }
  266. .line1 { margin-left:-570px;border-left:15px solid ;}
  267. .line2 { margin-left:505px;border-right:15px solid;}
  268.  
  269. .vicarious{ Color Palette}
  270.  
  271. body{ background-color:0c1724; }
  272.  
  273. ::-webkit-scrollbar-track {background-color:000000 ; border-color:171717;}
  274. ::-webkit-scrollbar-thumb {background-color:212933; border-color:171717 ;}
  275.  
  276. .vbanner, .vlinks, .v200w485h, .connlinks, .music, .v290w145h, .v500w355h, .v290w125h_a, .v290w125h_b, .v290w125h_c, .personality, .about, .copyright, .Hbox1, .Hbox2, .Hbox3, .Hbox4 {background-color: 161e28; }
  277.  
  278. .bottom, .top, .titleA, .titleB, .titleC, .titleD, .titleE, .titleF {
  279. background: rgb(12, 23, 36);
  280. background: -moz-linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  281. background: -webkit-linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  282. background: -o-linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  283. background: -ms-linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  284. background: linear-gradient(180deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  285. }
  286.  
  287. .titleC, .titleD, .titleE, .titleF { color:54555a; }
  288.  
  289. a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input, p, i, b, em { color:333333; }
  290. I { color:979797; }
  291. EM { color:555555; }
  292. B { color:383b3e; }
  293.  
  294. .h1, h1 { color:484e54; }
  295. .h2, h2 { color:7d8287; }
  296. .h3, h3 { color:60656a; }
  297. .h4, h4 { color:60656a; }
  298. .h5, h5 { color:7a7a7a; background-color:293038; }
  299.  
  300. .h6, h6, a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited {
  301. color:54555a;
  302. background: rgb(12, 23, 36);
  303. background: -moz-linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  304. background: -webkit-linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  305. background: -o-linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  306. background: -ms-linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  307. background: linear-gradient(180deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  308. }
  309.  
  310. a.first:hover, a.second:hover {
  311. color:222222;
  312. background: rgb(12, 23, 36);
  313. background: -moz-linear-gradient(270deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  314. background: -webkit-linear-gradient(270deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  315. background: -o-linear-gradient(270deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  316. background: -ms-linear-gradient(270deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  317. background: linear-gradient(0deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  318. }
  319.  
  320. .line1, .line2 {border-color: 0c131b; }
  321.  
  322. .line1 {
  323. border-color: 0c131b;
  324. background: rgb(12, 23, 36);
  325. background: -moz-linear-gradient(0deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  326. background: -webkit-linear-gradient(0deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  327. background: -o-linear-gradient(0deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  328. background: -ms-linear-gradient(0deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  329. background: linear-gradient(90deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  330. }
  331.  
  332. .line2 {
  333. border-color: 0c131b;
  334. background: rgb(12, 23, 36);
  335. background: -moz-linear-gradient(180deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  336. background: -webkit-linear-gradient(180deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  337. background: -o-linear-gradient(180deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  338. background: -ms-linear-gradient(180deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  339. background: linear-gradient(270deg, rgb(12, 23, 36) 26%, rgb(54, 59, 65) 92%);
  340. }
  341.  
  342.  
  343. /* - - CSS!! NO TOUCHY!!! - - */
  344.  
  345. img {border:0px;}
  346. table, tr, td {background:transparent; border:0px;}
  347. img, .contactTable { display:none; }
  348. .vicholder img, .comt img { display:inline; }
  349. table div, td td td, table div div { visibility:hidden; }
  350. font, a, .vicsc a { visibility:hidden; }
  351. .hidenav {display:none}
  352. div.profileWidth {margin-top: -30px !important;}
  353. div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}
  354. div.profileWidth div.clearfix, hidenav hidenav hidenav,
  355. div.profileWidth div div {filter:none; opacity:0.9999}
  356. div.profileWidth div.clearfix {position:relative; top:30px}
  357. table table embed {display:block; width:202px; height:35px; position:absolute; top:0px; left:0px; visibility:visible;}
  358. table table table embed, .vicholder div embed {position:static !important; width:auto; height:auto; }
  359. .text, table table table table a,table table table table div,table table table table div a {visibility:visible;}
  360. .vicsc { display:none; }
  361. .text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;}
  362. table table, table table td {padding:0px; height:0px;}
  363. marquee { z-index:8; }
  364. table div, span, td td td, table div div { visibility:hidden !important; }
  365. .vicholder div, .vicholder div font, .vicholder div a, .vicholder div div, .vicholder font a, .vicholder span, .vicholder div table a, .vicholder div table img, .vicholder div
  366.  
  367. table font, .vicholder div table, .vicholder div table td, .comt, .comt td, .comt span, .comt a, .comt div {visibility:visible !important;}
  368. .vicDiv {content:"Layouts available @ http://vicarious-hs.tumblr.com";}
  369. /* - - - - - - - */
  370.  
  371.  
  372. .vicarious{ Hide Codes }
  373. .userProfileURL { display:none; }
  374. .profileInfo { display:none; }
  375. .friendsComments { display:none; }
  376. .friendSpace { display:none; }
  377. .blurbs {display: none;}
  378. .contactTable {display: none;}
  379. .latestBlogEntry {display: none;}
  380. .extendedNetwork {display: none;}
  381. .interestsAndDetails {display: none;}
  382. .userprofiledetail {display: none;}
  383. .userAlbums { display:none; }
  384. .whitetext12{visibility:hidden; display:none;}
  385. .orangetext15{visibility:hidden; display:none;}
  386. .lightbluetext8{visibility:hidden; display:none}
  387. table table table table td {width:0px;}
  388. .contactTable td, table table td.text table td,table table table table table td {width:auto;}
  389. .profile { display:none !important;visibility:hidden!important; }
  390. table tr td[id='footerWarpper']{display:none !important;visibility:hidden!important;}
  391.  
  392.  
  393.  
  394. </style>
  395.  
  396. <div style="display:none;"><table><tr><td><table><tr><td><table><tr><td>
  397.  
  398.  
  399.  
  400.  
  401.  
  402. -----------------------------LIKE TO MEET---------------------------------
  403.  
  404. </td></tr></table></td></tr></table></td></tr></table></div><DIV class="vicholder"><div class="top"></div><div class="line1"></div><div class="line2"></div>
  405.  
  406.  
  407. <div class="vbanner" style="background-image:url(http://i.imgur.com/sFVZeMv.png);"></div>
  408.  
  409. <div class="vlinks"><table><tr>
  410.  
  411. <TD><a class="first" href="/logincomplete.php">HOME</a></TD>
  412. <TD><a class="first" href="/invite_friend.php?friend_id=xxxxxx">ADD</a></TD>
  413. <TD><a class="first" href="/send_message.php?member_id=xxxxxx">MESSAGE</a></TD>
  414. <TD><a class="first" href="/add_testimonial.php?member_id=xxxxxx">COMMENT</a></TD>
  415. <TD><a class="first" href="/gallery.php?member_id=xxxxxx">PHOTOS</a></TD>
  416. <TD><a class="first" href="/view_member_blog.php?member_id=xxxxxx">BLOGS</a></TD>
  417.  
  418. </tr></table></div>
  419.  
  420. <div class="v200w485h" style="background-image:url(http://i.imgur.com/wwbKgnF.png);">
  421.  
  422. <div class="Hbox1">
  423.  
  424. <font class="h6">STATISTICAL</font>
  425.  
  426. <p><font class="h3">Legal</font>
  427. <BR><b>NAME:</b> Input info
  428. <BR><b>NICKNAMES:</b> Input info
  429. <BR><b>ALIASES:</b> Input info
  430. <BR><b>DATE OF BIRTH:</b> Input info
  431. <BR><b>PLACE OF BIRTH:</b> Input info
  432. <BR><b>CURRENT RESIDENCE:</b> Input info
  433.  
  434. <p><font class="h3">Physical</font>
  435. <BR><b>ETHNICITY:</b> Input info
  436. <BR><b>HAIR COLOR:</b> Input info
  437. <BR><b>EYE COLOR:</b> Input info
  438. <BR><b>HEIGHT:</b> Input info
  439. <BR><b>WEIGHT:</b> Input info
  440. <BR><b>BIRTHMARKS/SCARS:</b> Input info
  441.  
  442. <p><font class="h3">Education</font>
  443. <BR><b>High School</b> Input Info
  444. <br><b>College</b> Input Info
  445. <br><b>Major</b> Input Info
  446. <br><b>Degree</b> Input Info
  447.  
  448. <p><font class="h3">Employment</font>
  449. <BR><b>OCCUPATION:</b> Input info
  450. <BR><b>JOB DESCRIPTION:</b> Input info
  451. <BR><b>EMPLOYER:</b> Input info
  452. <BR><b>SKILLSET:</b> Input info
  453.  
  454. <p><font class="h3">Family</font>
  455. <BR><b>MOTHER:</b> Input info
  456. <BR><b>FATHER:</b> Input info
  457. <BR><b>SISTER(S):</b> Input info
  458. <BR><b>BROTHER(S):</b> Input info
  459. <BR><b>Other Family:</b> Input info
  460.  
  461. <p><font class="h3">Relationships</font>
  462. <BR><b>SEXUAL ORIENTATION:</b> Input info
  463. <BR><b>RELATIONSHIP STATUS:</b> Input info
  464. <BR><b>CURRENT RELATIONSHIP(S):</b> Input info
  465. <BR><b>PAST RELATIONSHIP(S):</b> Input info
  466.  
  467.  
  468. </div></div>
  469.  
  470. <div class="titleA">
  471. <font class="h1">One</font>
  472. <font class="h2">Crazy</font>
  473. <font class="h4">Bastard</font>
  474. </div>
  475.  
  476. <div class="v290w145h" style="background-image:url(http://i.imgur.com/AaNnTQN.png);">
  477.  
  478. <div class="Hbox3">
  479.  
  480. <font class="h5">Title or Name</font>
  481.  
  482. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  483.  
  484.  
  485. </div></div>
  486.  
  487. <div class="v500w355h" style="background-image:url(http://i.imgur.com/v1fMT2f.png);">
  488.  
  489. <div class="Hbox2">
  490.  
  491. <font class="h6">Title</font>
  492.  
  493. <p><b>Bold</b> <i>Italic</i> <em>Emphasized</em> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  494.  
  495.  
  496.  
  497. </div></div>
  498.  
  499. <div class="music">
  500.  
  501. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
  502. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  503. <param name="bgcolor" value="#12161a" />
  504. <param name="FlashVars" value="mp3=http%3A//k002.kiwi6.com/hotlink/3lt62lz882/crazier.mp3&autoplay=0&bgcolor=12161a&loadingcolor=54555a&buttoncolor=54555a&slidercolor=54555a" />
  505. </object>
  506.  
  507. </div>
  508.  
  509.  
  510.  
  511. <div class="titleD">CONNECTIONS</div>
  512. <div class="connlinks">
  513. <a class="second" href="/FriendId">Connection Name</a>
  514. <a class="second" href="/FriendId">Connection Name</a>
  515. <a class="second" href="/FriendId">Connection Name</a>
  516. <a class="second" href="/FriendId">Connection Name</a>
  517. <a class="second" href="/FriendId">Connection Name</a>
  518. <a class="second" href="/FriendId">Connection Name</a>
  519. <a class="second" href="/FriendId">Connection Name</a>
  520. <a class="second" href="/FriendId">Connection Name</a>
  521. <a class="second" href="/FriendId">Connection Name</a>
  522.  
  523. </div>
  524.  
  525. <div class="titleB">
  526. <font class="h1">The</font>
  527. <font class="h2">Dinner</font>
  528. <font class="h4">Guests</font>
  529. </div>
  530.  
  531. <div class="v290w125h_a" style="background-image:url(http://i.imgur.com/nmvwLfE.png);"><div class="Hbox4">
  532. <font class="h5">Title or Name</font>
  533.  
  534. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  535.  
  536.  
  537. </div></div>
  538.  
  539. <div class="v290w125h_b" style="background-image:url(http://i.imgur.com/XCgGmNg.png);"><div class="Hbox4">
  540.  
  541. <font class="h5">Title or Name</font>
  542.  
  543. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  544.  
  545. </div></div>
  546.  
  547. <div class="v290w125h_c" style="background-image:url(http://i.imgur.com/ZzHjo36.png);"><div class="Hbox4">
  548.  
  549. <font class="h5">Title or Name</font>
  550.  
  551. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  552.  
  553. </div></div>
  554.  
  555.  
  556. <div class="titleE">
  557. Personality
  558. </div>
  559.  
  560. <div class="personality">
  561.  
  562. <p><b>Traits:</b> Input Info
  563. <BR><b>Disorders:</b> Input Info
  564. <BR><b>Addictions:</b> Input Info
  565. <BR><b>Likes:</b> Input Info
  566. <BR><b>Dislikes:</b> Input Info
  567. <BR><b>Quirks:</b> Input Info
  568.  
  569. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  570.  
  571. </div>
  572.  
  573. <div class="titleF">
  574. Title Goes Here
  575. </div>
  576.  
  577. <div class="about">
  578.  
  579. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  580.  
  581.  
  582. </div>
  583.  
  584. <div class="titleC">Copyright & Disclaimer</div>
  585.  
  586. <div class="copyright">
  587. <b>COPYRIGHT 2013. ALL RIGHTS RESERVED.</b>
  588. <p>This page contains material protected under International and Federal Copyright Laws and Treaties. Any unauthorized reprint or use of this material is prohibited. No part of this page may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording, or by any information storage and retrieval system without express written permission from the author.
  589. <p>I am not the person in the photographs. This profile is for creative purposes only.
  590.  
  591.  
  592. </div>
  593.  
  594. <div class="bottom"></div></div><div class="ficsc"><table><tr><td><table><tr><td><table><tr><td>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!