View difference between Paste ID: PU230dSa and F1AYUwMP
SHOW: | | - or go back to the newest paste.
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, tables (table, tr, td) and img 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
 
19
PARAGRAPH - SPECIAL
20
 
21
Paragraph first letter and first line:
22
 
23
If you don't want the color to change for the first line of your paragraph, just delete this from the Color Palette near the end of About ME:
24-
p:first-line {color:8d9196;}
24+
p:first-line {color:444444;}
25
 
26
If you don't want any adjustments to the first line and letter of the paragraph, remove this from the Font Styles in About Me:
27
p:first-letter {font-size:12pt;}
28
p:first-line {font-size:10pt;}
29
 
30
.......................................
31
 
32
 FOR ROLEPLAYER.ME USERS:
33
 
34
For the below text font classes and all of the headers (1, 2, 3, etc) and lyrics, please note the following:  
35
I code for ALL sites.  Not every website will allow headers to be placed as <h1>Header 1</h1>.  For that reason, I turn them into font classes with a period in front (.h1) in About Me and script them in the tables as I have done below.  
36
 
37
<font class="h1">Header 1</font>
38
 
39
If you are on a website like RPer.me that allows regular header, underline, strong, etc coding, you can just use regular header coding for all of the header, lyric, special text labels like so:
40
<h1>Header</h1> <strike>Strike</strike> etc..
41
 
42
OR just leave them as they are.  They will work for you either way.  
43
 
44
 
45
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
  <style type="text/css">
72
 
73
@import url(http://fonts.googleapis.com/css?family=Special+Elite|Rancho|Qwigley|Dorsa|Voltaire|Righteous);
74
 
75
/* - -DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE - - */  
76
/* - -DO NOT REARRANGE MY CODING!! ORDER IS IMPORTANT! - - */
77
.vicarious{ Background Properties }
78
body {
79
background-image: url("");
80
background-attachment:fixed;
81
background-repeat:no-repeat;
82
background-position:center center;
83
}
84
 
85
.vicarious { Table Properties }
86
table, tr, td { background-color:transparent; border:0;}
87
table table {
88
background-color:transparent;
89
border-left:0px double #000000 ;
90
border-right:0px double #000000;
91
 }
92
 
93
table table table  { background-color:transparent; display: inline-table; border:1px solid; }
94
 
95
.vicarious{Like To Meet Tables Placement (Up/Down/Left/Right) Codes}
96
td.text table {position:relative; top:-12px; left:-3px;  }
97
td.text object, td.text embed, td.text table table {position:static;}
98
 
99
.vicarious{Interests Tables Placement (Up/Down/Left/Right) Codes}
100
object, embed, table table table { position:relative; top:xxpx; left:6px;}
101
table table table table{border:0px; position:static;}
102
 
103
.vic_table {
104
padding:5px;
105
margin-bottom:5px;
106
border:1px solid ;  
107
-webkit-box-shadow: 7px 7px 5px rgba(19, 4, 0, 0.75);
108
-moz-box-shadow:    7px 7px 5px rgba(19, 4, 0, 0.75);
109
box-shadow:         7px 7px 5px rgba(19, 4, 0, 0.75);
110
}
111
.vic_table tr { margin:0px; }
112
.vic_table td { margin:0px; width:100%; }  
113
 
114
.profileInfo{padding:5px; }
115
 
116
.vicarious{ Google Chrome Scrollbar }
117
::-webkit-scrollbar {width: 10px;}
118
::-webkit-scrollbar-track {border: 1px solid ;}
119
::-webkit-scrollbar-thumb {border: 1px solid ;}
120
 
121
 
122
.vicarious { Font Styles }
123
a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input, p, i, b, em  {
124
font-family: tahoma;
125
font-size: 8pt ;
126
line-height: 90% ;
127
text-decoration:none;
128
}
129
 
130
P { text-align:justify; }
131
p:first-letter {font-size:12pt;}
132
p:first-line {font-size:10pt;}
133
 
134
I {
135
font-size:12pt;
136
font-family: brushscript mt;
137
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
138
}
139
 
140
EM {
141
font-size:16pt;    
142
font-family: 'Qwigley', cursive;
143
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);  
144
}
145
 
146
.strike, strike {
147
text-decoration:line-through;
148
}
149
 
150
.u, u {
151
text-decoration:underline;
152
font-size:10pt;  
153
}
154
 
155
.strong, strong {
156
font-weight:bolder;
157
font-size:11pt;  
158
}
159
 
160
B, .B2, B2, .B3, B3, .B4, B4 {
161
font-family:copperplate gothic light;
162
font-size:7pt;
163
font-weight:bold;
164
text-transform:uppercase;
165
line-height:100%;
166
letter-spacing: 0pt;
167
text-shadow: 2px 2px 2px rgba(64, 30, 0, 1);  
168
}
169
 
170
B{font-family:georgia;}
171
 
172
.B2, B2  {  
173
letter-spacing:1pt;
174
}
175
 
176
.B3, B3, .B4, B4, .B5, B5 {  
177
display:block;
178
text-align:center;
179
}
180
 
181
.B3, B3 {  
182
font-size:9pt;  
183
letter-spacing:1pt;
184
margin:5px 0px;
185
}
186
 
187
.B4, B4 {
188
font-weight:bolder; 
189
margin:10px 0px 5px;
190
Text-transform:uppercase;
191
letter-spacing:1pt;
192
}
193
194
.B5, B5 {
195
font-weight:bolder;
196
font-size:11pt;  
197
margin:10px 0px 5px;
198
Text-transform:uppercase;
199
letter-spacing:1pt;
200
}
201
 
202
a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited {
203
font-family: 'Special Elite', cursive;
204
font-size:8pt;
205
text-align:center;
206
text-transform:uppercase;
207
letter-spacing:-1px;
208
line-height:100%; 
209
display:block;
210
font-weight:bold;
211
text-decoration:none;
212
-webkit-transition: all 0.6s ease-out;
213
-moz-transition: all  0.6s ease-out;
214
-ms-transition: all  0.6s ease-out;
215
-o-transition: all  0.6s ease-out;
216
transition: all  0.6s ease-out;
217
margin:0px;
218
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); 
219
}
220
a.first, a.first:link, a.first:active, a.first:visited{
221
letter-spacing:0pt;
222
margin:5px 0px;
223
border-left:10px solid;
224
border-right:10px solid;
225
 
226
}
227
a.first:hover {
228
letter-spacing:-3pt;
229
border-left:20px solid;
230
border-right:20px solid;
231
-webkit-transition: all 1.0s ease-out;
232
-moz-transition: all 1.0s ease-out;
233
-ms-transition: all 1.0s ease-out;
234
-o-transition: all 1.0s ease-out;
235
transition: all 1.0s ease-out; 
236
 }
237
a.second, a.second:link, a.second:active, a.second:visited {
238
line-height:10px;
239
height:10px;
240
font-size:8pt;
241
letter-spacing:0px;
242
margin:5px 0px;
243
border:2px solid;
244
padding:5px 0px;
245
 
246
}
247
 
248
 a.second:hover {
249
letter-spacing:8px;
250
}
251
 
252
 .h1, .h2, .h3,  .h4, .h5, .h6, .h7, .h8, .h9, h1, h2, h3, h4, h5, h6, h7, h8, h9, small, big {
253
font-family: copperplate gothic light;
254
line-height:100%;
255
text-align:center;
256
display:block;
257
font-size: 11pt ;
258
padding:0px;
259
margin:0px;
260
text-decoration:none;
261
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);   
262
}
263
 
264
 .h1, h1   {
265
font-family:"Trebuchet MS", Helvetica, sans-serif;
266
font-size: 18pt ;
267
margin:5px 0px ;
268
letter-spacing:1pt; 
269
border-bottom:2px solid;
270
font-weight:bold;
271
}
272
 
273
.h2, h2  {
274
font-family: 'Righteous', cursive;
275
letter-spacing:1pt;
276
font-size:20pt;
277
text-align:center;  
278
line-height:160%;
279
text-transform:uppercase;
280
border-left:20px solid;
281
border-right:20px solid;
282
margin-bottom:5px;
283
}
284
 
285
.h3, h3 {
286
text-align:left;
287
padding-left:5px;
288
margin-top:10px;
289
font-size:22pt ; 
290
font-family: 'Dorsa', sans-serif;
291
border-bottom:4px double;
292
}
293
 
294
.h4, h4 {
295
font-weight:bold;
296
text-align:center;
297
font-size: 10pt ;
298
padding:10px 0px 5px;
299
margin:0px 0px 5px;
300
font-family: 'Voltaire', sans-serif;
301
border-bottom:2px solid;
302
border-top:1px solid;
303
text-transform:uppercase;
304
text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);  
305
}
306
 
307
.h5, h5 {
308
font-weight:bold;
309
font-size: 46pt ;  
310
letter-spacing:1pt;
311
text-align:center;
312
font-family: 'Dorsa', sans-serif; 
313
border-bottom:2px solid;
314
border-top:1px solid; 
315
}
316
 
317
.h6, h6  {
318
letter-spacing:2pt;
319
font-size:22pt;
320
text-align:center;  
321
padding:10px 0px;
322
margin-bottom:5px; 
323
border-bottom:6px double;
324
border-top:2px solid;
325
}
326
 
327
.h7, h7  {
328
font-family: 'Rancho', cursive;
329
letter-spacing:-1pt;
330
font-size:20pt;
331
text-align:center;  
332
}
333
 
334
.h8, h8 {
335
font-weight:bold;
336
font-family: 'Dorsa', sans-serif;
337
letter-spacing:2pt;
338
font-size:18pt;
339
text-align:center;  
340
border-left:12px solid;
341
border-right:12px solid;
342
}
343
344
.h9, h9  {
345
letter-spacing:2pt;
346
font-size:16pt;
347
text-align:center;  
348
padding:10px 0px;
349
margin-bottom:5px; 
350
border-bottom:6px double;
351
border-top:2px solid;
352
}
353
 
354
small {
355
font-family: 'Dorsa', sans-serif;
356
letter-spacing:3pt;
357
margin-top:5px;
358
font-size:13pt;
359
text-align:center;  
360
text-transform:uppercase;
361
}
362
 
363
big {
364
font-family: 'Voltaire', sans-serif;
365
letter-spacing:0pt;
366
font-size:22pt;
367
text-align:center;  
368
text-transform:uppercase;
369
text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);  
370
}
371
 
372
.lyric, .lyric2, .lyric3, .lyric4, .lyric5, .lyric6, .lyric7, lyric, lyric2, lyric3, lyric4, lyric5, lyric6, lyric7  {
373
font-family: 'Qwigley', cursive;
374
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
375
text-decoration:none;
376
line-height:60%;
377
padding:0px;
378
margin:0px;
379
letter-spacing:1.25pt;
380
}
381
 
382
 
383
 .lyric, lyric {Font-size:23pt;}  
384
.lyric2, lyric2 {Font-size:19pt;}  
385
.lyric3, lyric3 {Font-size:22pt;}  
386
.lyric4, lyric4 {Font-size:18pt;}
387
.lyric5, lyric5 {Font-size:20pt;}  
388
.lyric6, lyric6 {Font-size:24pt;}  
389
.lyric7, lyric7 {Font-size:22pt;}    
390
 
391
 
392
 
393
.vicarious{ Div Style Classes}
394
 
395
 
396
.about{
397
width:532px;
398
height:135px;
399
overflow:auto; 
400
text-align:justify;
401
margin:25px;  
402
padding:3px;
403
border:6px double;
404
} 
405
 
406
.copyright {
407
width:322px;
408
height:auto;
409
overflow:none;
410
margin:5px;  
411
padding:3px;
412
text-align:justify;
413
border:6px double;
414
}
415
416
.img1, .img2, .img5 {
417
overflow:hidden;
418
border:0px;
419
}
420
.img1, .img2 {
421
width:150px; 
422
height:250px; 
423
424
}
425
.img2{
426
width:200px; 
427
}
428
429
.img5 {
430
width:117px; 
431
height:65px; 
432
 
433
}
434
435
.spacer1{
436
width:16px; 
437
height:190px; 
438
overflow:hidden;
439
border-left:1px solid;
440
border-right:1px solid;
441
border-top:5px solid;
442
border-bottom:5px solid;
443
-webkit-border-radius: 90px;
444
-moz-border-radius: 90px;
445
border-radius: 90px;
446
}
447
448
 
449
450
.about3a, .about3b {
451
width:266px; 
452
height:186px; 
453
overflow:auto; 
454
padding:3px;
455
text-align:justify;
456
border-top:double 6px;
457
border-bottom:double 6px;
458
}
459
460
.about3a{
461
-moz-border-radius-topleft: 20px;
462
-webkit-border-top-left-radius: 20px;
463
 border-top-left-radius: 20px;
464
-moz-border-radius-topright: 10px;
465
-webkit-border-top-right-radius: 10px;
466
border-top-right-radius: 10px;
467
-moz-border-radius-bottomright: 10px;
468
-webkit-border-bottom-right-radius: 10px;
469
border-bottom-right-radius: 10px;
470
-moz-border-radius-bottomleft: 20px;
471
-webkit-border-bottom-left-radius: 20px;
472
border-bottom-left-radius: 20px;
473
border-left:double 6px;
474
border-right: solid 6px;
475
}
476
477
478
.about3b{
479
-moz-border-radius-topleft: 10px;
480
-webkit-border-top-left-radius: 10px;
481
 border-top-left-radius: 10px;
482
-moz-border-radius-topright: 20px;
483
-webkit-border-top-right-radius: 20px;
484
border-top-right-radius: 20px;
485
-moz-border-radius-bottomright: 20px;
486
-webkit-border-bottom-right-radius: 20px;
487
border-bottom-right-radius: 20px;
488
-moz-border-radius-bottomleft: 10px;
489
-webkit-border-bottom-left-radius: 10px;
490
border-bottom-left-radius: 10px;
491
border-left:solid 6px;
492
border-right: double 6px;
493
}
494
495
496
.about2 {
497
width:200px; 
498
height:170px;  
499
overflow:auto; 
500
margin:5px;  
501
padding:3px;
502
text-align:justify;
503
border:6px double;
504
}
505
506
 
507
.about4 {
508
width:322px;
509
height:200px;
510
overflow:auto;
511
margin:5px;  
512
padding:3px;
513
text-align:justify;
514
border:6px double;
515
}
516
517
518
.stats {
519
width:315px;
520
height:165px;
521
overflow:auto;
522
margin:5px;  
523
padding:3px;
524
text-align:justify;
525
border:6px double;
526
}
527
528
.lyrical {
529
width:570px;
530
height:auto;
531
overflow:none;
532
padding:5px;
533
border:10px solid;
534
-webkit-border-radius: 5px;
535
-moz-border-radius: 5px;
536
border-radius: 5px;
537
}
538
539
.colorize {
540
width:350px;
541
height:auto;
542
padding-bottom:10px;
543
overflow:none;
544
}
545
546
.conn {
547
width:159px; 
548
height:122px;  
549
overflow:auto;
550
margin:5px;  
551
padding:3px;
552
text-align:justify;
553
border:6px double;
554
}
555
556
.connimg {
557
width:75px; 
558
height:150px;  
559
overflow:hidden; 
560
}
561
562
563
 
564
565
.vicarious{ Color Palette}
566
 
567-
 body { background-color:0c0d0d ;  }
567+
 body { background-color:150000 ;  }
568
::-webkit-scrollbar-track {background-color:transparent ; border-color:000000 ;}  
569-
::-webkit-scrollbar-thumb {background-color:34383b;   border-color:000000 ;}
569+
::-webkit-scrollbar-thumb {background-color:640000;   border-color:000000 ;}
570-
.vic_table   {background-color:313238; border-color:4b4c4d; }
570+
.vic_table   {background-color:320000; border-color:000000; }
571-
.about, .about2, .about3a, .about3b, .about4, .copyright, .stats, .conn  {background-color:05070c; border-color:2d313c; }
571+
.about, .about2, .about3a, .about3b, .about4, .copyright, .stats, .conn  {background-color:121212; border-color:222222; }
572
573-
.lyrical { background-color:transparent; border-color:56575b;} 
573+
.lyrical { background-color:transparent; border-color:121212;} 
574-
.colorize { background-color:56575b;} 
574+
.colorize { background-color:121212;} 
575-
.spacer1 { BACKGROUND-COLOR:05070c; border-color:2d313c; }
575+
.spacer1 { BACKGROUND-COLOR:121212; border-color:222222; }
576
 
577-
a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input, p  { color:2d2f31; }
577+
a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input, p  { color:222222; }
578-
p:first-line {color:8d9196;}
578+
p:first-line {color:444444;}
579-
I { color:979ba0; }
579+
I { color:858585; }
580
EM { color:c1c8ce }
581-
B {color:45494d;}
581+
B {color:666666; }
582-
.B2, B2, .B3, B3{color:9ba3ab; }
582+
.B2, B2, .B3, B3{color:bdbdbd; }
583-
.B5, B5, .B4, B4, .strong, strong {color:bcc2c9 }
583+
.B5, B5, .B4, B4 {color:acacac; }
584-
.strike, strike {color:999fa4; }
584+
.strong, strong {color:630000; }
585
.strike, strike {color:980000; }
586-
a.first, a.first:link, a.first:active, a.first:visited  {color:92969a;background-color:111214; border-color:92969a;}
586+
587
a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited {color:c7c7c7;background-color:171717; border-color:650000;}
588-
a.second, a.second:link, a.second:active, a.second:visited  {color:92969a;background-color:111214; border-color:313238;}
588+
589
 a.first:hover,  a.second:hover {color:650000; }
590-
 a.first:hover,  a.second:hover {color:6e757c; } 
590+
591-
.h1, h1   {color:a9adb2;  border-color:778291;}
591+
.h1, h1   {color: e2e2e2;  border-color:000000 ;}
592-
.h2, h2 {color:a9acb1 ;  border-color:a9acb1;}
592+
.h2, h2 {color:cccccc;  border-color:000000;}
593-
small, .h3, h3 { color: 93969d ; background-color:1a1b1f; border-color: 6a6e77; }
593+
small, .h3, h3 { color: aeaeae ; background-color:121212; border-color: 9e9e9e; }
594-
.h5, h5 { color:9fa6ac  ; BACKGROUND-COLOR:111214 ; border-color:171d29 ; } 
594+
.h5, h5 { color:560000 ; BACKGROUND-COLOR:141111 ; border-color:333333 ; } 
595-
big, .h4, h4 { color:15181a ; BACKGROUND-COLOR:56575b ; border-color:15181a;}
595+
big, .h4, h4 { color:880000 ; BACKGROUND-COLOR:110000 ; border-color:343434;}
596
.h6, h6, .h9, h9 {color:93969a;background-color:171819;border-color:4b4c4d;  }
597-
.h7, h7 {color:c7cdd7; }
597+
.h7, h7 {color:c0c0c0; }
598-
.h8, h8 {color:c6cdd7;border-color:56575b; }
598+
.h8, h8 {color:d4d4d4;border-color:000000; } 
599
.lyric, lyric, .lyric2, lyric2, .lyric3, lyric3, .lyric4, lyric4, .lyric5, lyric5, .lyric6, lyric6, .lyric7, lyric7   {color:cfd2d7; }
600
 
601
 
602
.vicarious{ Hide Codes }
603
.userProfileURL, .profileInfo, .friendsComments, .blacktext12, .friendSpace, .blurbs, .contactTable, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userprofiledetail, .userAlbums, .whitetext12, .orangetext15, .lightbluetext8, .navigationBar, .profile, table tr td[id='footerWarpper'] { display:none !important;visibility:hidden!important; }
604
table table table table td {width:0px;}
605
.contactTable td, table table td.text table td,table table table table table td {width:auto;}
606
div div select, div div form {display:none !important;}
607
select { visibility:hidden!important; WIDTH:0px!important;}
608
table div {display:none;}table table div {display:block;}
609
.navigationBar { display: none; }
610
div[id="googlebar"],div div select{opacity:0;filter:alpha(opacity=0);display:none !important;position:absolute !important; bottom:2000px !important;}
611
.vicarious{Misc Codes}
612
p.breakhere { page-break-after: always }
613
br{line-height:10px!important;}
614
.profileInfo tr tr td { visibility:hidden; }
615
.profileInfo td.text { visibility:visible; }
616
 
617
.vicarious {Layouts available @ http://vicarious-hs.tumblr.com/}
618
</style>
619
 
620
 
621
</td></tr></table><table style="display:none"><tr><td>
622
 
623
 
624
   
625
 
626
 
627
 
628
-----------------------------LIKE TO MEET---------------------------------
629
 
630
 
631
 </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:600px; display:block; word-wrap:break-word">
632
633
<font class="h6">Character Name Here</font> 
634
635
<img src="http://i40.tinypic.com/2mcburc.jpg"> 
636
637
<font class="b5">Verse ● Verse ● Verse ● Verse ● Verse ● Verse</b5>
638
 
639
 </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:600px; display:block; word-wrap:break-word">
640
641
<img class="img5" src="http://i40.tinypic.com/m7evc1.jpg">
642
<img class="img5" src="http://i40.tinypic.com/m7evc1.jpg">
643
<img class="img5" src="http://i40.tinypic.com/m7evc1.jpg">
644
<img class="img5" src="http://i40.tinypic.com/m7evc1.jpg">
645
<img class="img5" src="http://i40.tinypic.com/m7evc1.jpg">
646
647
</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:600px; display:block; word-wrap:break-word">
648
649
<font class="h3">Navigation</font>
650
651
<table style="width:100%;"><tr><center>
652
653
<TD style="width:76px;"><a CLASS="FIRST" href="/logincomplete.php">Home</a></TD>
654
<TD style="width:76px;"><a CLASS="FIRST" href="/invite_friend.php?friend_id=xxxxxx">Add</a></TD>
655
<TD style="width:76px;"><a CLASS="FIRST" href="/send_message.php?member_id=xxxxxx">Message</a></TD>
656
<TD style="width:76px;"><a CLASS="FIRST" href="/add_testimonial.php?member_id=xxxxxx">Comment</a></TD>
657
<TD style="width:76px;"><a CLASS="FIRST" href="/gallery.php?member_id=xxxxxx">Photos</a></TD>
658
<TD style="width:76px;"><a CLASS="FIRST" href="/view_member_blog.php?member_id=xxxxxx">Blogs</a></TD>
659
 
660
 
661
</center></tr></table>
662
663
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="center" style="width:600px; display:block; word-wrap:break-word">
665
666
<font class="h5">Title Goes Here</font>
667
668
<div class="about"> 
669
670
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
671
672
673
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
674
675
676
<font class="h1">Header1</font>
677
<font class="h2">Header2</font>
678
<font class="h3">Header3</font>
679
<font class="h4">Header4</font>
680
<font class="h5">Header5</font>
681
<font class="h6">Header6</font>
682
<font class="h7">Header7</font>
683
<font class="h8">Header8</font> 
684
<font class="h9">Header9</font> 
685
<BR><B>Bold</b> <i> Italic</i> <em>Emphasized text</em>
686
 
687
<BR>For the below text font classes and all of the headers (1, 2, 3, etc) and lyrics, please note the following:  I code for ALL sites.  Not every website will allow headers to be placed as h1 etc between < these > brackets.  For that reason, I turn them into font classes with a period in front and script them as I have done below.  If you are on a website that allows regular header, underline, strong, etc coding, you can just use regular header coding for all of the header, lyric, special text labels OR just leave them as they are.  They will work for you either way.  SEE THE INSTRUCTIONS FOR THIS LAYOUT FOR SPECIFIC DETAILS AND EXAMPLES.
688
<BR><BR>
689
<font class="b2">Bold2</font>
690
<font class="b3">Bold3</font>
691
<font class="b4">Bold4</font>
692
<font class="b5">Bold5</font>
693
<font class="strong">Strong</font>
694
<font class="strike">Strike</font>
695
<font class="u">Underline</font>
696
 
697
<BR><BR>I have also included the below two special text classes that are fine as is and need no modification on any site.
698
 
699
<big>big</big>
700
<small>Small</small>
701
 
702
</div> 
703
704
</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:600px; display:block; word-wrap:break-word">
705
706
<div class="lyrical">
707
708
<font class="lyric">I feel like being bad</font>
709
<font class="lyric2"> the tyrant of my desire</font>
710
<font class="lyric3"> a blushing rosebud begging to be plucked</font>
711
<font class="lyric4"> I feel like being</font>
712
<font class="lyric5"> inside you baby</font>
713
<font class="lyric6"> tt was an atomic testing site</font>
714
<font class="lyric7"> Explosive, corrosive but oh, what a delight</font>
715
 
716
</div> 
717
718
</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:600px; display:block; word-wrap:break-word">
719
720
<table><tr><td valign="top"> 
721
722
<img class="img1" src="http://i42.tinypic.com/20rnudj.jpg">
723
724
</td><td valign="top"> 
725
726
<font class="h7">Personality</font>
727
728
<div class="about2">
729
730
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
731
732
</div>
733
734
<font class="b4">Short Quote</font>
735
736
</td><td valign="top"> 
737
738
<img class="img2" src="http://i44.tinypic.com/2wlrbs7.jpg">
739
740
</td></tr></table>
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="center" style="width:600px; display:block; word-wrap:break-word">
744
745
<font class="h2">Title Goes Here</font>
746
 
747
<table><tr><td valign="top"><div class="about3a"> 
748
 
749
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
750
 
751
</div></td><td><div class="spacer1"></div></td><td valign="top"><div class="about3b">
752
753
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
754
 
755
</div></td></tr></table>
756
757
 
758
</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:600px; display:block; word-wrap:break-word">
759
760
<img src="http://i43.tinypic.com/npfmop.jpg">
761
762
763
764
765
-----------------------------INTERESTS---------------------------------
766
767
 </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:350px; display:block; word-wrap:break-word">
768
769
<img src="http://i44.tinypic.com/2cdyd08.jpg">
770
<small>tagline</small>
771
772
 
773
</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:350px; display:block; word-wrap:break-word"> 
774
775
<font class="h3">Tunes</font>
776
777
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
778
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
779
    <param name="bgcolor" value="#320000" />
780
    <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/j4nbcirmn4/L_R.mp3&autoplay=1&bgcolor=320000&loadingcolor=e2e2e2&buttoncolor=e2e2e2&slidercolor=e2e2e2" />
781-
    <param name="bgcolor" value="#313238" />
781+
782-
    <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/j4nbcirmn4/L_R.mp3&autoplay=1&bgcolor=313238&loadingcolor=4b4c4d&buttoncolor=4b4c4d&slidercolor=4b4c4d" />
782+
783
</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:350px; display:block; word-wrap:break-word">
784
785
<div class="colorize">
786
<font class="h4">Statistical Information</font>
787
788
<div class="stats">
789
790
<p></p><font class="strong">Legal</font>
791
 
792
<BR><b>NAME:</b> Input info
793
<BR><b>NICKNAMES:</b> Input info
794
<BR><b>ALIASES:</b> Input info
795
<BR><b>DATE OF BIRTH:</b> Input info
796
<BR><b>PLACE OF BIRTH:</b> Input info
797
<BR><b>CURRENT RESIDENCE:</b> Input info
798
 
799
<p></p><font class="strong">Physical</font>
800
 
801
<BR><b>ETHNICITY:</b> Input info
802
<BR><b>HAIR COLOR:</b> Input info
803
<BR><b>EYE COLOR:</b> Input info
804
<BR><b>HEIGHT:</b> Input info
805
<BR><b>WEIGHT:</b> Input info
806
<BR><b>BIRTHMARKS/SCARS:</b> Input info
807
 
808
<p></p><font class="strong">Family</font>
809
 
810
<BR><b>MOTHER:</b> Input info
811
<BR><b>FATHER:</b> Input info
812
<BR><b>SISTER(S):</b> Input info
813
<BR><b>BROTHER(S):</b> Input info
814
<BR><b>Other Family:</b> Input info
815
 
816
<p></p><font class="strong">Relationships</font>
817
 
818
<BR><b>SEXUAL ORIENTATION:</b> Input info
819
<BR><b>RELATIONSHIP STATUS:</b> Input info
820
<BR><b>CURRENT RELATIONSHIP(S):</b> Input info
821
<BR><b>PAST RELATIONSHIP(S):</b> Input info
822
 
823
<p></p><font class="strong">Education</font>
824
 
825
<BR><b>High School</b> Input Info
826
<br><b>College</b> Input Info
827
<br><b>Major</b> Input Info
828
<br><b>Degree</b> Input Info
829
 
830
<p></p><font class="strong">Employment</font>
831
 
832
<BR><b>OCCUPATION:</b> Input info
833
<BR><b>JOB DESCRIPTION:</b> Input info
834
<BR><b>EMPLOYER:</b> Input info
835
<BR><b>SKILLSET:</b> Input info
836
 
837
</div></div>
838
839
840
</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:350px; display:block; word-wrap:break-word">
841
842
<IMG SRC="http://i43.tinypic.com/2vuc00o.jpg">
843
844
</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:350x; display:block; word-wrap:break-word">
845
<font class="h8">Special Pets</font>
846
 
847
<div class="about4">
848
849
<a class="second" href="/FriendID">Name</a>
850
<img align="left" src="http://i40.tinypic.com/2d9wc2d.jpg"> This is a very simple pic/text side by side/wrap around image type of paragraph; however, if you don't put enough text in here to meet the end of the image, the next name/para MAY move to align beside this table instead of going right beneath it. You can resolve this very easily by adding additional text or tossing in a few page breaks.  Just test it out if you need to.
851
852
<p></p><a class="second" href="/FriendID">Name</a>
853
<img align="left" src="http://i40.tinypic.com/2d9wc2d.jpg">  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.  Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. 
854
855
<p></p><a class="second" href="/FriendID">Name</a>
856
<img align="left" src="http://i40.tinypic.com/2d9wc2d.jpg">  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. 
857
858
<p></p><a class="second" href="/FriendID">Name</a>
859
<img align="left" src="http://i40.tinypic.com/2d9wc2d.jpg">  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.  Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. 
860
861
<p></p><a class="second" href="/FriendID">Name</a>
862
<img align="left" src="http://i40.tinypic.com/2d9wc2d.jpg">  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. 
863
864
865
</div>
866
867
</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:350px; display:block; word-wrap:break-word">
868
869
<font class="h9">The Main Squeeze</font>
870
871
<table><tr><td>
872
873
<a href="/FriendID">
874
<img class="connimg" src="http://i42.tinypic.com/ip8fhx.jpg">
875
</a>
876
877
</td><td><div class="conn">
878
879
<p>Add the friend id number where indicated above and below for the connection so that the pics when clicked will link to that person's profile. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis no
880
881
</div></td><td>
882
883
<a href="/FriendID">
884
<img class="connimg" src="http://i42.tinypic.com/ip8fhx.jpg">
885
</a>
886
887
</td></tr></table>
888
889
<font class="b4">Quote Goes Here</font>
890
891
</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:350px; display:block; word-wrap:break-word">
892
893
894
<font class="h1">Copyright & Disclaimer</font>
895
 
896
<font class="b4">COPYRIGHT 2013. ALL RIGHTS RESERVED.</font>
897
 
898
<div class="copyright">
899
 
900
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.  I am not the person in the photographs.  This profile is for creative purposes only.
901
 
902
</div>