Advertisement
VicariousHelpSite

STANDARD HTML 2 COLUMN LAYOUT 126

Sep 29th, 2013
5,002
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. !!!!!!!!!!!!Read It!!!!!!!!!!!!
  2.  
  3. (⊙.⊙(☉_☉)⊙.⊙)
  4.  
  5. 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.
  6.  
  7.  
  8. There are div ids/classes and tables (<table><tr><td>) 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. To replace the images in the hover panels, replace my image url with your own wherever you see div image urls like this:
  20.  
  21. <div class="panel1" style="background-image:url(http://i.imgur.com/522MVWS.png);">
  22.  
  23. .......................................
  24.  
  25.  
  26.  
  27. ///////////////////////////////////////////////////
  28. _______________________________________________
  29.  
  30.  
  31.  
  32.  
  33. Don't forget to replace the XXXXX with your friend ID number.
  34.  
  35. (>‿◠)✌
  36.  
  37.  
  38. *****************************SAVE YOUR WORK AS YOU GO.*******************************
  39.  
  40.  
  41.  
  42.  
  43.  
  44. DO NOT REMOVE THE .VICARIOUS MARKERS FROM ANY VICARIOUS LAYOUT.
  45.  
  46. -----------------------------ABOUT ME---------------------------------
  47. <style type="text/css">
  48.  
  49. @import url(http://fonts.googleapis.com/css?family=Arapey:400italic,400|Six+Caps|Tangerine:400,700);
  50.  
  51. /* - -DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE - - */
  52.  
  53. .vicarious{ Background Properties }
  54. body {
  55. background-image: url(" ");
  56. background-attachment:fixed;
  57. background-repeat:no-repeat;
  58. background-position:top left;
  59. }
  60.  
  61.  
  62. .vicarious { Table Properties }
  63. table, tr, td { background-color:transparent; border:0;}
  64. table table {
  65. background-color:transparent;
  66. border-left:0px double #000000 ;
  67. border-right:0px double #000000;
  68. }
  69.  
  70. table table table { background-color:transparent; display: inline-table; border:0px; }
  71.  
  72. .vicarious{Like To Meet Tables Placement (Up/Down/Left/Right) Codes}
  73. td.text table {position:relative; top:-9px; left:25px; }
  74. td.text table table {position:static;}
  75.  
  76. .vicarious{Interests Tables Placement (Up/Down/Left/Right) Codes}
  77. table table table { position:relative; top:xxpx; left:25px;}
  78. table table table table{border:0px; position:static;}
  79.  
  80.  
  81. .vic_table {
  82. margin-bottom:5px;
  83. border:1px solid; }
  84. .vic_table tr { margin:0px; }
  85. .vic_table td { margin:0px; width:100%; }
  86.  
  87.  
  88. .vicarious { Additional Table Properties. Do not adjust. }
  89. table table table td img { display:inline; }table td td{ width:0; } table { width:500px; } table table { width:auto; } table table td { padding:3px; } table table table td { padding:0; } table table table { width:auto!important; height:0; } td.text td a img { width:auto!important; } table table table table table, table table table table table td { width:0!important; padding:0!important; } td.text a img { width:100px!important; } td.text td.text a img { width:35px!important; } td td td div strong { width:auto!important; display:block; } table table td img, td.text td.text .orangetext15, td.text td.text table table div { display:none; }
  90.  
  91.  
  92. .vicarious{ Google Chrome Scrollbar }
  93. ::-webkit-scrollbar {width: 10px;}
  94. ::-webkit-scrollbar-track {border: 1px solid ;}
  95. ::-webkit-scrollbar-thumb {border: 1px solid ;}
  96.  
  97.  
  98. .vicarious { Font Styles }
  99.  
  100. a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input, p, i, b, em {
  101. font-family: tahoma;
  102. font-size: 8pt ;
  103. line-height: 90% ;
  104. text-decoration:none;
  105. }
  106.  
  107. P { text-align:justify; }
  108.  
  109. I {
  110. font-size:12pt;
  111. font-family: brushscript mt;
  112. text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
  113. }
  114.  
  115. EM {
  116. font-size:11pt;
  117. font-family: brushscript mt;
  118. text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
  119.  
  120. }
  121.  
  122. B, .B2 {
  123. font-family:arial narrow;
  124. font-size:7pt;
  125. font-weight:bold;
  126. text-transform:uppercase;
  127. line-height:100%;
  128. letter-spacing: 0pt;
  129. }
  130.  
  131. .B2, .B3 {
  132. display:block;
  133. text-align:center;
  134. margin:5px 0px;
  135. }
  136.  
  137.  
  138.  
  139. a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited {
  140. font-family: courier new;
  141. font-size:9pt;
  142. text-align:center;
  143. text-transform:uppercase;
  144. letter-spacing:-1px;
  145. display:block;
  146. font-weight:bold;
  147. text-decoration:none;
  148. -webkit-transition: all 1.6s ease-out;
  149. -moz-transition: all 1.6s ease-out;
  150. -ms-transition: all 1.6s ease-out;
  151. -o-transition: all 1.6s ease-out;
  152. transition: all 1.6s ease-out;
  153. margin-bottom:4px;
  154. }
  155.  
  156. a.first, a.first:link, a.first:active, a.first:visited{
  157. line-height:50px;
  158. height:50px;
  159. width:75px;
  160. border:5px solid;
  161. letter-spacing:2px;
  162. transition:All 1s ease;
  163. -webkit-transition:All 1s ease;
  164. -moz-transition:All 1s ease;
  165. -o-transition:All 1s ease;
  166. transform: scale(1) ;
  167. -webkit-transform: scale(1);
  168. -moz-transform:scale(1) ;
  169. -o-transform: scale(1);
  170. -ms-transform: scale(1);
  171. }
  172.  
  173. a.second, a.second:link, a.second:active, a.second:visited {
  174. font-family: copperplate gothic light;
  175. font-size:6pt;
  176. text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);
  177. line-height:80%;
  178. margin-bottom:2px;
  179. }
  180.  
  181. a.first:hover {
  182. transform: scale(0.67) ;
  183. -webkit-transform: scale(0.67) ;
  184. -moz-transform: scale(0.67) ;
  185. -o-transform: scale(0.67) ;
  186. -ms-transform: r scale(0.67) ;
  187. }
  188.  
  189.  
  190. a.second:hover {
  191. letter-spacing:8px;
  192. }
  193.  
  194.  
  195. .h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9 {
  196. font-family: copperplate gothic light;
  197. text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);
  198. text-transform:uppercase;
  199. line-height:100%;
  200. text-align:center;
  201. display:block;
  202. font-size: 11pt ;
  203. }
  204.  
  205. .h1 {
  206. font-family: 'Quattrocento', serif;
  207. font-size: 20pt ;
  208. margin:10px 0px;
  209. letter-spacing:2pt;
  210. border-top:5px solid;
  211. border-bottom:4px double;
  212. border-right:25px solid;
  213. border-left:25px solid;
  214. }
  215.  
  216. .h2 {
  217. margin:10px 0px;
  218. letter-spacing:4pt;
  219. }
  220.  
  221. .h3 {
  222. text-align:left;
  223. padding-left:5px;
  224. margin-top:5px;
  225. font-size: 9pt ;
  226. border-right:15px solid;
  227. text-shadow: 3px 3px 3px rgba(0, 0, 0, 3);
  228. }
  229.  
  230. .h4 {
  231. text-align:center;
  232. line-height:35%;
  233. font-size: 22pt ;
  234. }
  235.  
  236. .h5 {
  237. font-size: 12pt ;
  238. letter-spacing:1pt;
  239. margin:10px 0px;
  240. text-align:center;
  241. border-top:5px solid;
  242. border-bottom:4px double;
  243. border-right:25px solid;
  244. border-left:25px solid;
  245. }
  246.  
  247. .h6 {
  248. font-family: trajan pro;
  249. color:3d2f2f;
  250. font-size:16pt;
  251. line-height:90%;
  252. padding-top:5px;
  253. padding-left:5px;
  254. text-transform:uppercase;
  255. text-align:left;
  256. letter-spacing:-1pt;}
  257.  
  258. .h7{
  259. font-family: 'Six Caps', sans-serif;
  260. color:4e454b;
  261. font-size:11pt;
  262. line-height:35%;
  263. padding-right:5px;
  264. text-transform:lowercase;
  265. text-align:right;
  266. letter-spacing:4pt;
  267. }
  268.  
  269. .h8{
  270. font-family:georgia;
  271. color:4e454b;
  272. font-size:14pt;
  273. line-height:55%;
  274. text-transform:lowercase;
  275. text-align:left;
  276. padding-left:5px;
  277. }
  278.  
  279. .h9{
  280. font-family:brushcript mt;
  281. color:4e454b;
  282. font-size:12pt;
  283. line-height:75%;
  284. padding-right:5px;
  285. text-transform:lowercase;
  286. text-align:right;
  287. margin-bottom:8px;
  288. }
  289.  
  290. .lyric, .lyric2, .lyric3, .lyric4, .lyric5, .lyric6, .lyric7 {
  291. display:block;
  292. text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
  293. }
  294.  
  295.  
  296. .lyric {
  297. font-family:brush script mt;
  298.  
  299. text-align:left;
  300. font-size:12.75pt;
  301. line-height:55%;
  302. margin-top:5px;
  303. padding-left:4px;
  304. font-weight:light;
  305. letter-spacing:3pt;}
  306.  
  307. .lyric2 {
  308. font-family:courier new;
  309. text-align:center;
  310. font-size:12.25pt;
  311. line-height:90%;
  312. letter-spacing:2.5pt;}
  313.  
  314. .lyric3 {
  315. font-family:courier new;
  316. text-align:right;
  317. padding-right:4px;
  318. font-size:14pt;
  319. line-height:35%; }
  320.  
  321. .lyric4 {
  322. font-family: 'Arapey', serif;
  323. font-size:12.5pt;
  324. text-align:center;
  325. line-height:75%;
  326. letter-spacing:2pt;}
  327.  
  328. .lyric5 {
  329. font-family: 'Six Caps', sans-serif;
  330. font-size:12pt;
  331. text-align:left;
  332. padding-left:4px;
  333. line-height:25%;
  334. font-weight:light;
  335. letter-spacing:7pt;}
  336.  
  337. .lyric6 {
  338. font-family: 'Tangerine', cursive;
  339. font-size:18pt;
  340. text-align:center;
  341. line-height:40%;
  342. font-weight:light;
  343. letter-spacing:1.25pt;}
  344.  
  345. .lyric7 {
  346. font-family:times new roman;
  347. font-size:11pt;
  348. text-align:right;
  349. padding-right:4px;
  350. line-height:80%;
  351. font-weight:light;
  352. letter-spacing:1pt;}
  353.  
  354. .panel1 {
  355. width:162px;
  356. height:162px;
  357. overflow:hidden;
  358. }
  359.  
  360.  
  361.  
  362.  
  363. .panel1a {
  364. width:157px;
  365. height:162px;
  366. padding:0px 5px;
  367. overflow:hidden;
  368. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  369. filter: alpha(opacity=0);
  370. opacity: 0;
  371. -webkit-transition: all 1.6s ease-out;
  372. -moz-transition: all 1.6s ease-out;
  373. -ms-transition: all 1.6s ease-out;
  374. -o-transition: all 1.6s ease-out;
  375. transition: all 1.6s ease-out;
  376.  
  377. }
  378.  
  379. .panel1a:hover {
  380. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  381. filter: alpha(opacity=100);
  382. opacity: 1;
  383. overflow:auto;
  384. }
  385.  
  386. .about{
  387. width:490px;
  388. height:200px;
  389. overflow:auto;
  390. padding:0px 5px;
  391. }
  392.  
  393. .about2{
  394. width:260px;
  395. height:125px;
  396. overflow:auto;
  397. padding:0px 5px;
  398. }
  399.  
  400.  
  401.  
  402. .stats {
  403. width:190px;
  404. height:55px;
  405. overflow:auto;
  406. padding:0px 5px;
  407. text-align:left;
  408. }
  409.  
  410. .miscinfo {
  411. width:190px;
  412. height:180px;
  413. overflow:auto;
  414. padding:0px 5px;
  415. }
  416.  
  417. .connlinks {
  418. width:190px;
  419. height:95px;
  420. overflow:auto;
  421. padding:0px 5px;
  422. }
  423.  
  424.  
  425. #links{
  426. visibility:visible;
  427. left:50%;
  428. top:0%;
  429. margin-right:0px;
  430. margin-top:0px;
  431. position:fixed;
  432. z-index:1;
  433. width:auto;
  434. height:auto;
  435. padding:10px;
  436. margin-top:20px;
  437. margin-left:-480px;
  438. text-align:center;
  439. }
  440.  
  441. .pers{
  442. width:215px;
  443. height:110px;
  444. padding:0px 5px;
  445. overflow:auto;
  446. }
  447.  
  448.  
  449. .vicarious{ Color Palette}
  450.  
  451. body { background-color:000000; }
  452. ::-webkit-scrollbar-track {background-color:000000 ; border-color:000000 ;}
  453. ::-webkit-scrollbar-thumb {background-color:333333; border-color:000000 ;}
  454. a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input, p, i, b, em { color:333131; }
  455. I { color:888888; }
  456. EM { color:b5b5b5; }
  457. B {color:420807;}
  458. .B2{color:000000; background-color:b7b7b7; }
  459. .B3{ color:000000; background-color:430f0e; }
  460. a.first, a.first:link, a.first:active, a.first:visited {color:424242; background-color:171717;border-color: #430f0e; }
  461. a.first:hover{color:333333;background-color:191919; border-color:#630200;}
  462. a.second, a.second:link, a.second:active, a.second:visited { color:b5b5b5; background-color:630200;}
  463. a.second:hover{color:333333;background-color:191919; }
  464. .h1,.h5 {background-color:111111; border-top-color: #222222; border-bottom-color:#222222;border-left-color:#430f0e; border-right-color:#430f0e; }
  465. .h1, .h2 { color:7a7a7a; }
  466. .h3 { color:555555; background-color:191919; border-color: #121212; }
  467. .h4{ color:c6c6c6; background-color:630200; }
  468. .h5 { color:6d6d6d; }
  469. .h6 { color:710000; }
  470. .h8 { color:5c5c5c; }
  471. .h7 { color:c4c4c4; }
  472. .h9 { color:830000; }
  473. .lyric { color:a9a9a9;}
  474. .lyric2 {color:474242;}
  475. .lyric3 {color:c5c5c5; }
  476. .lyric4 {color:6b0200; }
  477. .lyric5 {color:a3a3a3; }
  478. .lyric6 {color:504d4d; }
  479. .lyric7 {color:700200; }
  480. .about, .about2, .miscinfo, .pers, .connlinks, .panel1a, .panel2a, .stats { background-color:11130e;border-color:312b33; }
  481. .line1, .line2 { background-color:201524; border-left-color:a49e8f; border-right-color:a49e8f; border-top-color:#201922}
  482. #links, .vic_table{background-color:121212; border-color:222222; }
  483.  
  484.  
  485.  
  486. .vicarious{ Hide Codes }
  487.  
  488. .userProfileURL, .profileInfo, .friendsComments, .friendSpace, .blurbs, .contactTable, .latestBlogEntry, .extendedNetwork, .interestsAndDetails, .userprofiledetail, .userAlbums, .whitetext12, .orangetext15, .lightbluetext8, .navigationBar, .profile, table tr td[id='footerWarpper'] { display:none !important;visibility:hidden!important; }
  489. table table table table td {width:0px;}
  490. .contactTable td, table table td.text table td,table table table table table td {width:auto;}
  491. div div select, div div form {display:none !important;}
  492. select { visibility:hidden!important; WIDTH:0px!important;}
  493. table div {display:none;}table table div {display:block;}
  494. .navigationBar { display: none; }
  495. div[id="googlebar"],div div select{opacity:0;filter:alpha(opacity=0);display:none !important;position:absolute !important; bottom:2000px !important;}
  496. .vicarious{Misc Codes}
  497. p.breakhere { page-break-after: always }
  498. br{line-height:10px!important;}
  499.  
  500. .vicarious {Layouts available @ http://vicarious-hs.tumblr.com/}
  501. </style>
  502.  
  503. .vicarious{Second Hide Blurbs Code}
  504. </td></tr></table><table style="display:none"><tr><td>
  505.  
  506.  
  507.  
  508.  
  509.  
  510. -----------------------------LIKE TO MEET---------------------------------
  511.  
  512.  
  513.  
  514. </td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:500px; display:block; word-wrap:break-word">
  515.  
  516.  
  517. <font class="h1">Character Name</font>
  518.  
  519. <img src="http://i.imgur.com/fZyTh7B.png">
  520.  
  521. <font class="h4">Verses</font>
  522.  
  523. <font class="b2">
  524. Verse 1 - Verse 2 - Verse 3 - Verse 4
  525. </font>
  526.  
  527.  
  528. </td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:500px; display:block; word-wrap:break-word">
  529.  
  530.  
  531. <table><tr><td valign="top">
  532.  
  533. <img src="http://i.imgur.com/pVr1Z8l.png">
  534.  
  535. <font class="h6">Resurrection...</font>
  536. <font class="h7">is for those</font>
  537. <font class="h8">who didn't get it right</font>
  538. <font class="h9">the first time </font>
  539.  
  540.  
  541. <div class="pers">
  542. <b>Traits:</b> Input Info
  543. <BR><b>Disorders:</b> Input Info
  544. <BR><b>Addictions:</b> Input Info
  545. <BR><b>Likes:</b> Input Info
  546. <BR><b>Dislikes:</b> Input Info
  547. <BR><b>Quirks:</b> Input Info
  548.  
  549. <p>Personality details here. 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.
  550.  
  551.  
  552. </div></td><td valign="top">
  553.  
  554. <p><font class="h5">Origins/History</font>
  555.  
  556. <div class="about2">
  557.  
  558. <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.
  559.  
  560. <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.
  561.  
  562.  
  563.  
  564. </div>
  565.  
  566. <p><font class="h5">Present Day</font>
  567.  
  568. <div class="about2">
  569.  
  570. <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.
  571.  
  572.  
  573. <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.
  574.  
  575.  
  576.  
  577. </div></td></tr></table>
  578.  
  579. </td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:500px; display:block; word-wrap:break-word">
  580.  
  581. <img src="http://i.imgur.com/6IHiI1m.png">
  582. <font class="h4">Main Connections</font>
  583. <font class="b2">THE SPECIAL ONES</font>
  584.  
  585.  
  586.  
  587. </td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:500px; display:block; word-wrap:break-word">
  588.  
  589. <table><tr><td valign="top">
  590. <div class="panel1" style="background-image:url(http://i.imgur.com/522MVWS.png);">
  591. <div class="panel1a">
  592.  
  593. <font class="b2">Connection Name</font>
  594.  
  595. <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.
  596.  
  597.  
  598. </div></div></td><td valign="top">
  599. <div class="panel1" style="background-image:url(http://i.imgur.com/522MVWS.png);">
  600. <div class="panel1a">
  601.  
  602. <font class="b2">Connection Name</font>
  603.  
  604. <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.
  605.  
  606.  
  607. </div></div></td><td valign="top">
  608. <div class="panel1" style="background-image:url(http://i.imgur.com/522MVWS.png);">
  609. <div class="panel1a">
  610.  
  611. <font class="b2">Connection Name</font>
  612.  
  613. <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.
  614.  
  615. </div></div></td></tr></table>
  616.  
  617.  
  618. </td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:500px; display:block; word-wrap:break-word">
  619.  
  620. <font class="lyric">my tongue is battered and bruised</font>
  621. <font class="lyric2">from all these attitudes</font>
  622. <font class="lyric3">sinner</font>
  623. <font class="lyric4">so teach me the magic of your sacred poems</font>
  624. <font class="lyric5">conjuring a voice of signs and omens</font>
  625. <font class="lyric6">prophecies guide the breeze</font>
  626. <font class="lyric7">with syllables symbols breed</font>
  627.  
  628.  
  629. -----------------------------INTERESTS---------------------------------
  630. </td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:200px; display:block; word-wrap:break-word">
  631.  
  632. <img src="http://i.imgur.com/lAIxvV0.png">
  633.  
  634.  
  635. </td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:200px; display:block; word-wrap:break-word">
  636.  
  637. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
  638. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  639. <param name="bgcolor" value="#121212" />
  640. <param name="FlashVars" value="mp3=http%3A//k002.kiwi6.com/hotlink/31w45660a6/sacrilege.mp3&autoplay=1&bgcolor=121212&loadingcolor=444444&buttoncolor=444444&slidercolor=444444" />
  641. </object>
  642.  
  643.  
  644. </td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:200px; display:block; word-wrap:break-word">
  645.  
  646. <div class="miscinfo">
  647. <p><font class="b3">Notations</font>
  648.  
  649. <BR>Multi-para Only
  650. <BR>Messages=OOC ; Comments=Roleplay
  651.  
  652. <p><font class="b3">Obligations</font>
  653. <BR>Owe a starter to ______
  654. <BR>Owe a comment to ______
  655.  
  656. <p><font class="b3">Contact</font>
  657. <B>
  658. <BR>AIM:______
  659. <BR>Yahoo:_______
  660. <BR>MSN:______
  661. </b>
  662.  
  663. </div>
  664. </td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:200px; display:block; word-wrap:break-word">
  665.  
  666. <font class="h3">Family</font>
  667. <div class="stats">
  668.  
  669. <b>MOTHER:</b> Input info
  670. <BR><b>FATHER:</b> Input info
  671. <BR><b>SISTER(S):</b> Input info
  672. <BR><b>BROTHER(S):</b> Input info
  673. <BR><b>Other Family:</b> Input info
  674.  
  675. </div>
  676.  
  677.  
  678. </td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:200px; display:block; word-wrap:break-word">
  679.  
  680. <font class="h3">Relationships</font>
  681.  
  682. <div class="stats">
  683.  
  684.  
  685. <b>SEXUAL ORIENTATION:</b> Input info
  686. <BR><b>RELATIONSHIP STATUS:</b> Input info
  687. <BR><b>CURRENT RELATIONSHIP(S):</b> Input info
  688. <BR><b>PAST RELATIONSHIP(S):</b> Input info
  689.  
  690. </div>
  691.  
  692.  
  693. </td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:200px; display:block; word-wrap:break-word">
  694.  
  695. <font class="h3">Legal</font>
  696. <div class="stats">
  697. <b>NAME:</b> Input info
  698. <BR><b>NICKNAMES:</b> Input info
  699. <BR><b>ALIASES:</b> Input info
  700. <BR><b>DATE OF BIRTH:</b> Input info
  701. <BR><b>PLACE OF BIRTH:</b> Input info
  702. <BR><b>CURRENT RESIDENCE:</b> Input info
  703. </div>
  704.  
  705.  
  706. </td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:200px; display:block; word-wrap:break-word">
  707.  
  708. <font class="h3">Physical</font>
  709. <div class="stats">
  710. <b>ETHNICITY:</b> Input info
  711. <BR><b>HAIR COLOR:</b> Input info
  712. <BR><b>EYE COLOR:</b> Input info
  713. <BR><b>HEIGHT:</b> Input info
  714. <BR><b>WEIGHT:</b> Input info
  715. <BR><b>BIRTHMARKS/SCARS:</b> Input info
  716. </div>
  717.  
  718.  
  719. </td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:200px; display:block; word-wrap:break-word">
  720.  
  721. <font class="h3">Education</font>
  722. <div class="stats">
  723. <b>High School</b> Input Info
  724. <br><b>College</b> Input Info
  725. <br><b>Major</b> Input Info
  726. <br><b>Degree</b> Input Info
  727.  
  728. </div>
  729.  
  730.  
  731. </td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:200px; display:block; word-wrap:break-word">
  732.  
  733.  
  734. <font class="h3">Employment</font>
  735. <div class="stats">
  736. <b>OCCUPATION:</b> Input info
  737. <BR><b>JOB DESCRIPTION:</b> Input info
  738. <BR><b>EMPLOYER:</b> Input info
  739. <BR><b>SKILLSET:</b> Input info
  740. </div>
  741.  
  742.  
  743. </td></tr></table></td></tr></table><table class="vic_table" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="left" style="width:200px; display:block; word-wrap:break-word">
  744.  
  745. <font class="h2">Connections</font>
  746.  
  747. <div class="connlinks">
  748. <a class="second" href="FRIEND LINK">Name</a>
  749. <a class="second" href="FRIEND LINK">Name</a>
  750. <a class="second" href="FRIEND LINK">Name</a>
  751. <a class="second" href="FRIEND LINK">Name</a>
  752. <a class="second" href="FRIEND LINK">Name</a>
  753. <a class="second" href="FRIEND LINK">Name</a>
  754. <a class="second" href="FRIEND LINK">Name</a>
  755. <a class="second" href="FRIEND LINK">Name</a>
  756. <a class="second" href="FRIEND LINK">Name</a>
  757. <a class="second" href="FRIEND LINK">Name</a>
  758. <a class="second" href="FRIEND LINK">Name</a>
  759.  
  760. </div>
  761.  
  762. -----------------------------MUSIC---------------------------------
  763.  
  764. </td></tr></table></td></tr></table><table cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="width:200px; display:block; word-wrap:break-word">
  765.  
  766. <div id="links">
  767.  
  768. <a class="first" href="/logincomplete.php">Home</a>
  769. <a class="first" href="/invite_friend.php?friend_id=xxxxxx">Add</a>
  770. <a class="first" href="/send_message.php?member_id=xxxxxx">Message</a>
  771. <a class="first" href="/add_testimonial.php?member_id=xxxxxx">Comment</a>
  772. <a class="first" href="/gallery.php?member_id=xxxxxx">Photos</a>
  773. <a class="first" href="/view_member_blog.php?member_id=xxxxxx">Blogs</a>
  774.  
  775. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement