DIV // Coral
This was once a premium layout, but now free to all.
Adjust at your own risk.
Do not use for your own coding experiments, do not redistribute or share to a friend, do not even remove credits and claim as your own = do better.
Any issues reach out via discord.gg/creativian
COLOUR SCHEME BY KAYELLE / CREATIVIAN.
- - - - ABOUT ME - - - - -
<style>
div, html, body, a, a:hover { cursor: url("https://images2.imgbox.com/da/70/thVy5NYl_o.png"), auto }
</style>
<style>
@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed';
@import url('https://fonts.googleapis.com/css?family=BenchNine');
@import url('https://fonts.googleapis.com/css?family=Old+Standard+TT');
@import url(https://fonts.googleapis.com/css?family=);
@font-face {font-family:'znik';src: url('https://static.tumblr.com/v5c2jsf/Mzkneg70v/znikomit.otf');}
</style>
<style>
{ VIETATO - BASIC CODING }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:#62656b;
background-image: url('');
background-attachment:fixed;
background-repeat: no-repeat;
background-position:bottom right;}
table, tr, td, li, p, div {
font-family: georgia;
text-transform:normal;
font-weight:lighter;
color:#fff;
font-size:11px;
line-height: auto;}
a:active, a:visited, a:link{
font-family: 'benchnine';
font-size:15px;
color:#fff;
text-transform: lowercase;
letter-spacing: 1px;
line-height:14px;
font-weight: lighter;
text-decoration: none;
display: inline-block;
padding: 2px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out; }
a:hover {
color: #1D2F31;}
a.first, a.first:link, a.first:active, a.first:visited {
display:inline-block;
float:left;
width:105px;
height: 50px;
color:#595a5c;
font-family:consolas;
text-decoration:none!important;
text-align:center;
font-size:15px;
line-height:30px;
margin:0px 17px 0px 0px;
text-transform:uppercase;
background-color:#0d0a0f;
border-bottom: 0px solid #595a5c;}
a.first:hover {
border-bottom: 2px solid #595a5c;}
a.second, a.second:link, a.second:active, a.second:visited {
font-family: Bebas Neue;
color:#fff;
font-size:10.5px;
line-height:25px;
height:25px;
text-transform:uppercase;
text-align:center;
letter-spacing:1px;
text-decoration:none!important;
font-weight:lighter;
display: block;
margin-bottom:1px;
background: rgb(148,148,148);
background: linear-gradient(90deg, rgba(148,148,148,1) 0%, rgba(48,61,69,1) 90%);
-webkit-transition: all 0.8s linear;
-moz-transition: all 0.8s linear;
transition: all 0.8s linear;}
a.second:hover {
text-decoration:none!important;
color:#FFFFFF;
background: rgb(148,148,148);
background: linear-gradient(90deg, rgba(148,148,148,1) 0%, rgba(48,61,69,1) 38%);}
a.third, a.third:link, a.third:active, a.third:visited {
font-family: Bebas Neue;
color:#fff;
font-size:10.5px;
line-height:20px;
height:20px;
width:72px;
text-transform:uppercase;
text-align:center;
letter-spacing:1px;
margin-top:0.5px;
text-decoration:none!important;
font-weight:lighter;
display: inline-block;
margin-bottom:1px;
background-color:#1D2F31;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
transition: all 0.6s linear;}
a.third:hover {
text-decoration:none!important;
background-color:#061315;}
b, strong {
font-family: bebas neue;
font-size:10.5px;
color:#303D45;
text-transform:uppercase;
letter-spacing:1px;
line-height:15px;
font-weight:lighter;}
accent {
float: left;
font-family: 'znik';
font-size: 40px;
color: #fff;
line-height: 25px;
text-align: center;
text-transform: uppercase;
width: 35px;
height: 25px;
padding: 5px 0px 5px 0px;
display: inline-block;}
i {
font-size:10px;
font-style:italic;
font-family: times;
color:#fff;
line-height:8px;
letter-spacing:1.5px;
font-weight:lighter;}
em {
font-size:10px;
font-style:italic;
font-family: times;
color:#595a5c;
line-height:8px;
letter-spacing:1.5px;
font-weight:lighter;}
u {
font-family:consolas;
font-size:9px;
line-height:10px;
background-color:#303D45;
text-transform:uppercase;
text-decoration:none;
color:#fff;
letter-spacing:2px;}
tt {
font-size:10px;
font-family: times;
color:#999;
font-weight:lighter;
text-transform:uppercase;}
h2 {
font-family:consolas;
color: #fff;
font-size:9px;
font-weight:400;
line-height:8px;
text-transform:uppercase;
letter-spacing:2px;
padding:5px;
margin:2px 0px 2px 0px;
background-color:#1D2F31;}
h3 {
font-family:consolas;
color: #1D2F31;
font-size:9px;
font-weight:400;
line-height:8px;
text-transform:uppercase;
letter-spacing:2px;
padding:5px;
margin:2px 2px 2px 2px;
border-bottom:1px solid #1D2F31;}
</style>
<style>
{ VIETATO - DIV CODING }
.navmenu{
width: 800px;
height: 25px;
position:absolute;
top: 325px;
left: 150px;
text-align:center;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.image2{
width: 200px;
height: 150px;
position:absolute;
top: 365px;
left: 150px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.relationship{
width: 150px;
height: 150px;
position:absolute;
top: 365px;
left: 365px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.image3{
width: 200px;
height: 150px;
position:absolute;
top: 365px;
left: 530px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.connections{
width: 205px;
height: 150px;
position:absolute;
top: 365px;
left: 745px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.extra1{
width: 150px;
height: 150px;
position:absolute;
top: 530px;
left: 150px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.icon1{
width: 65px;
height: 65px;
position:absolute;
top: 530px;
left: 315px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.icon2{
width: 65px;
height: 70px;
position:absolute;
top: 610px;
left: 315px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.info{
width: 150px;
height: 150px;
position:absolute;
top: 530px;
left: 395px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.image4{
width: 180px;
height: 150px;
position:absolute;
top: 530px;
left: 560px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.extra3{
width: 195px;
height: 150px;
position:absolute;
top: 530px;
left: 755px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
</style>
<style type="text/css">
::-webkit-scrollbar{height: 7px; width: 6px; -webkit-border-radius: 0px; background-color:#8D95A8;
-webkit-border-radius: 0px;}
::-webkit-scrollbar-thumb{background-color:#333f2e;
-webkit-border-radius: 0px;}
::-webkit-scrollbar-track{background-color:transparent;
-webkit-border-radius: 0px;}
</style>
<style>
{ VIETATO - HIDE CODES }
.userprofiledetail, .profileInfo, .userprofileURL {display:none;}
.friendscomments, .friendspace, .useralbums {display:none;}
.latestBlogEntry, .contactTable, .extendedNetwork {display:none;}
.whitetext12, .orangetext15, .lightbluetext8 {display:none;}
.nameText, .mslogo, .clearfix {display:none;}
.credit{ bottom: 20px; right: 20px; position: fixed; background: transparent;}
#footerwarpper {display:none;}
#googlebar {display:none;}
#topnav {display:none;}
#groups {display:none;}
#headerWrap {display:none;}
</style>
- - - LIKE TO MEET - - - -
<div class="credit">
<a href="https://roleplayer.me/creativian">credit</a>
</div>
<div class="navmenu">
<a href="/home.php" class="third">home</a>
<a href="/send_message.php?member_id=" class="third">message</a>
<a href="/add_comment.php?member_id=" class="third">comment</a>
<a href="/gallery.php?member_id=" class="third">gallery</a>
<a href="/status_stream.php?member_id=" class="third">stream</a>
<a href="/view_journal_member.php?member_id=USERID" class="third">bulletins</a>
<a href="/creativian" class="third">credit</a>
</div>
<div class="image2">
<img src="https://placehold.co/200x150">
</div>
<div class="relationship">
<h2>biography</h2>
<div style="width:98%; height:83%; overflow:auto; padding:2px; background:#8D95A8; text-align:justify;">
<accent>L</accent>orem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet dolor vitae elit viverra, in ullamcorper dolor tempor. Sed in pretium sapien. Nulla facilisi. Ut bibendum massa a nisl pretium aliquet nec at erat. Etiam sed rhoncus neque. Donec ut massa a lacus malesuada tincidunt. Aenean eget massa id est pulvinar malesuada sed et mi. Duis odio metus, finibus nec porttitor quis, hendrerit quis arcu. Donec gravida finibus interdum. Praesent tempus urna id sem sagittis ornare. Praesent sodales sapien ut ultricies vehicula. Etiam eget blandit nisi, eget sagittis lorem.<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet dolor vitae elit viverra, in ullamcorper dolor tempor. Sed in pretium sapien. Nulla facilisi. Ut bibendum massa a nisl pretium aliquet nec at erat. Etiam sed rhoncus neque. Donec ut massa a lacus malesuada tincidunt. Aenean eget massa id est pulvinar malesuada sed et mi. Duis odio metus, finibus nec porttitor quis, hendrerit quis arcu. Donec gravida finibus interdum. Praesent tempus urna id sem sagittis ornare. Praesent sodales sapien ut ultricies vehicula. Etiam eget blandit nisi, eget sagittis lorem.<br><br>
<cap>L</cap>orem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet dolor vitae elit viverra, in ullamcorper dolor tempor. Sed in pretium sapien. Nulla facilisi. Ut bibendum massa a nisl pretium aliquet nec at erat. Etiam sed rhoncus neque. Donec ut massa a lacus malesuada tincidunt. Aenean eget massa id est pulvinar malesuada sed et mi. Duis odio metus, finibus nec porttitor quis, hendrerit quis arcu. Donec gravida finibus interdum. Praesent tempus urna id sem sagittis ornare. Praesent sodales sapien ut ultricies vehicula. Etiam eget blandit nisi, eget sagittis lorem.<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet dolor vitae elit viverra, in ullamcorper dolor tempor. Sed in pretium sapien. Nulla facilisi. Ut bibendum massa a nisl pretium aliquet nec at erat. Etiam sed rhoncus neque. Donec ut massa a lacus malesuada tincidunt. Aenean eget massa id est pulvinar malesuada sed et mi. Duis odio metus, finibus nec porttitor quis, hendrerit quis arcu. Donec gravida finibus interdum. Praesent tempus urna id sem sagittis ornare. Praesent sodales sapien ut ultricies vehicula. Etiam eget blandit nisi, eget sagittis lorem.
</div>
</div>
<div class="image3">
<img src="https://placehold.co/200x150">
</div>
<div class="connections">
<h2>connections</h2>
<div style="width:98%; height:83%; overflow:auto; padding:2px; background:#8D95A8; text-align:justify;">
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
</div>
</div>
<div class="extra1">
<h2>stats</h2>
<div style="width:98%; height:83%; overflow:auto; padding:2px; background:#8D95A8; text-align:justify;">
<b>Full Name</b> Info<br>
<b>Age:</b> 00<br>
<b>Born:</b> 00/00/0000<br>
<b>Gender:</b> Info<br>
<b>Title(s):</b> Info<BR>
<b>Species:</b> Info<br>
<b>Speciality:</b> Info<br>
<b>Height:</b> 0'0".<br>
<b>Hair | Eyes:</b> Info | Info<br>
<b>Race/Nationality:</b> Info<br>
<b>Occupation:</b> Info <i>(0000)</i> <br>
<b>Blood Type:</b> Info<br>
<b>Fact:</b> Info.<br>
<b>Fact:</b> Info.
</div>
</div>
<div class="icon1">
<img src="https://placehold.co/65x65">
</div>
<div class="icon2">
<img src="https://placehold.co/65x70">
</div>
<div class="info">
<h2>relationship</h2>
<div style="width:98%; height:83%; overflow:auto; padding:2px; background:#8D95A8; text-align:justify;">
<a href="/">displayname</a><br>
<b>taken:</b> 00/00/00<br>
<b>engaged:</b> 00/00/00<br>
<b>married:</b> 00/00/00<br>
<h3>love comments</h3>
<accent>l</accent>orem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>
</div>
<div class="image4">
<img src="https://placehold.co/180x150">
</div>
<div class="extra3">
<h2>extra</h2>
<div style="width:98%; height:83%; overflow:auto; padding:2px; background:#8D95A8; text-align:justify;">
<accent>L</accent>orem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet dolor vitae elit viverra, in ullamcorper dolor tempor. Sed in pretium sapien. Nulla facilisi. Ut bibendum massa a nisl pretium aliquet nec at erat. Etiam sed rhoncus neque. Donec ut massa a lacus malesuada tincidunt. Aenean eget massa id est pulvinar malesuada sed et mi. Duis odio metus, finibus nec porttitor quis, hendrerit quis arcu. Donec gravida finibus interdum. Praesent tempus urna id sem sagittis ornare. Praesent sodales sapien ut ultricies vehicula. Etiam eget blandit nisi, eget sagittis lorem.<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet dolor vitae elit viverra, in ullamcorper dolor tempor. Sed in pretium sapien. Nulla facilisi. Ut bibendum massa a nisl pretium aliquet nec at erat. Etiam sed rhoncus neque. Donec ut massa a lacus malesuada tincidunt. Aenean eget massa id est pulvinar malesuada sed et mi. Duis odio metus, finibus nec porttitor quis, hendrerit quis arcu. Donec gravida finibus interdum. Praesent tempus urna id sem sagittis ornare. Praesent sodales sapien ut ultricies vehicula. Etiam eget blandit nisi, eget sagittis lorem.<br><br>
<cap>L</cap>orem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet dolor vitae elit viverra, in ullamcorper dolor tempor. Sed in pretium sapien. Nulla facilisi. Ut bibendum massa a nisl pretium aliquet nec at erat. Etiam sed rhoncus neque. Donec ut massa a lacus malesuada tincidunt. Aenean eget massa id est pulvinar malesuada sed et mi. Duis odio metus, finibus nec porttitor quis, hendrerit quis arcu. Donec gravida finibus interdum. Praesent tempus urna id sem sagittis ornare. Praesent sodales sapien ut ultricies vehicula. Etiam eget blandit nisi, eget sagittis lorem.<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet dolor vitae elit viverra, in ullamcorper dolor tempor. Sed in pretium sapien. Nulla facilisi. Ut bibendum massa a nisl pretium aliquet nec at erat. Etiam sed rhoncus neque. Donec ut massa a lacus malesuada tincidunt. Aenean eget massa id est pulvinar malesuada sed et mi. Duis odio metus, finibus nec porttitor quis, hendrerit quis arcu. Donec gravida finibus interdum. Praesent tempus urna id sem sagittis ornare. Praesent sodales sapien ut ultricies vehicula. Etiam eget blandit nisi, eget sagittis lorem.
</div>
</div>
Adjust at your own risk.
Do not use for your own coding experiments, do not redistribute or share to a friend, do not even remove credits and claim as your own = do better.
Any issues reach out via discord.gg/creativian
COLOUR SCHEME BY KAYELLE / CREATIVIAN.
- - - - ABOUT ME - - - - -
<style>
div, html, body, a, a:hover { cursor: url("https://images2.imgbox.com/da/70/thVy5NYl_o.png"), auto }
</style>
<style>
@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed';
@import url('https://fonts.googleapis.com/css?family=BenchNine');
@import url('https://fonts.googleapis.com/css?family=Old+Standard+TT');
@import url(https://fonts.googleapis.com/css?family=);
@font-face {font-family:'znik';src: url('https://static.tumblr.com/v5c2jsf/Mzkneg70v/znikomit.otf');}
</style>
<style>
{ VIETATO - BASIC CODING }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:#62656b;
background-image: url('');
background-attachment:fixed;
background-repeat: no-repeat;
background-position:bottom right;}
table, tr, td, li, p, div {
font-family: georgia;
text-transform:normal;
font-weight:lighter;
color:#fff;
font-size:11px;
line-height: auto;}
a:active, a:visited, a:link{
font-family: 'benchnine';
font-size:15px;
color:#fff;
text-transform: lowercase;
letter-spacing: 1px;
line-height:14px;
font-weight: lighter;
text-decoration: none;
display: inline-block;
padding: 2px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out; }
a:hover {
color: #1D2F31;}
a.first, a.first:link, a.first:active, a.first:visited {
display:inline-block;
float:left;
width:105px;
height: 50px;
color:#595a5c;
font-family:consolas;
text-decoration:none!important;
text-align:center;
font-size:15px;
line-height:30px;
margin:0px 17px 0px 0px;
text-transform:uppercase;
background-color:#0d0a0f;
border-bottom: 0px solid #595a5c;}
a.first:hover {
border-bottom: 2px solid #595a5c;}
a.second, a.second:link, a.second:active, a.second:visited {
font-family: Bebas Neue;
color:#fff;
font-size:10.5px;
line-height:25px;
height:25px;
text-transform:uppercase;
text-align:center;
letter-spacing:1px;
text-decoration:none!important;
font-weight:lighter;
display: block;
margin-bottom:1px;
background: rgb(148,148,148);
background: linear-gradient(90deg, rgba(148,148,148,1) 0%, rgba(48,61,69,1) 90%);
-webkit-transition: all 0.8s linear;
-moz-transition: all 0.8s linear;
transition: all 0.8s linear;}
a.second:hover {
text-decoration:none!important;
color:#FFFFFF;
background: rgb(148,148,148);
background: linear-gradient(90deg, rgba(148,148,148,1) 0%, rgba(48,61,69,1) 38%);}
a.third, a.third:link, a.third:active, a.third:visited {
font-family: Bebas Neue;
color:#fff;
font-size:10.5px;
line-height:20px;
height:20px;
width:72px;
text-transform:uppercase;
text-align:center;
letter-spacing:1px;
margin-top:0.5px;
text-decoration:none!important;
font-weight:lighter;
display: inline-block;
margin-bottom:1px;
background-color:#1D2F31;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
transition: all 0.6s linear;}
a.third:hover {
text-decoration:none!important;
background-color:#061315;}
b, strong {
font-family: bebas neue;
font-size:10.5px;
color:#303D45;
text-transform:uppercase;
letter-spacing:1px;
line-height:15px;
font-weight:lighter;}
accent {
float: left;
font-family: 'znik';
font-size: 40px;
color: #fff;
line-height: 25px;
text-align: center;
text-transform: uppercase;
width: 35px;
height: 25px;
padding: 5px 0px 5px 0px;
display: inline-block;}
i {
font-size:10px;
font-style:italic;
font-family: times;
color:#fff;
line-height:8px;
letter-spacing:1.5px;
font-weight:lighter;}
em {
font-size:10px;
font-style:italic;
font-family: times;
color:#595a5c;
line-height:8px;
letter-spacing:1.5px;
font-weight:lighter;}
u {
font-family:consolas;
font-size:9px;
line-height:10px;
background-color:#303D45;
text-transform:uppercase;
text-decoration:none;
color:#fff;
letter-spacing:2px;}
tt {
font-size:10px;
font-family: times;
color:#999;
font-weight:lighter;
text-transform:uppercase;}
h2 {
font-family:consolas;
color: #fff;
font-size:9px;
font-weight:400;
line-height:8px;
text-transform:uppercase;
letter-spacing:2px;
padding:5px;
margin:2px 0px 2px 0px;
background-color:#1D2F31;}
h3 {
font-family:consolas;
color: #1D2F31;
font-size:9px;
font-weight:400;
line-height:8px;
text-transform:uppercase;
letter-spacing:2px;
padding:5px;
margin:2px 2px 2px 2px;
border-bottom:1px solid #1D2F31;}
</style>
<style>
{ VIETATO - DIV CODING }
.navmenu{
width: 800px;
height: 25px;
position:absolute;
top: 325px;
left: 150px;
text-align:center;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.image2{
width: 200px;
height: 150px;
position:absolute;
top: 365px;
left: 150px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.relationship{
width: 150px;
height: 150px;
position:absolute;
top: 365px;
left: 365px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.image3{
width: 200px;
height: 150px;
position:absolute;
top: 365px;
left: 530px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.connections{
width: 205px;
height: 150px;
position:absolute;
top: 365px;
left: 745px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.extra1{
width: 150px;
height: 150px;
position:absolute;
top: 530px;
left: 150px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.icon1{
width: 65px;
height: 65px;
position:absolute;
top: 530px;
left: 315px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.icon2{
width: 65px;
height: 70px;
position:absolute;
top: 610px;
left: 315px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.info{
width: 150px;
height: 150px;
position:absolute;
top: 530px;
left: 395px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.image4{
width: 180px;
height: 150px;
position:absolute;
top: 530px;
left: 560px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
.extra3{
width: 195px;
height: 150px;
position:absolute;
top: 530px;
left: 755px;
border: 6px solid #303D45;
background-color:#303D45;
overflow:none;}
</style>
<style type="text/css">
::-webkit-scrollbar{height: 7px; width: 6px; -webkit-border-radius: 0px; background-color:#8D95A8;
-webkit-border-radius: 0px;}
::-webkit-scrollbar-thumb{background-color:#333f2e;
-webkit-border-radius: 0px;}
::-webkit-scrollbar-track{background-color:transparent;
-webkit-border-radius: 0px;}
</style>
<style>
{ VIETATO - HIDE CODES }
.userprofiledetail, .profileInfo, .userprofileURL {display:none;}
.friendscomments, .friendspace, .useralbums {display:none;}
.latestBlogEntry, .contactTable, .extendedNetwork {display:none;}
.whitetext12, .orangetext15, .lightbluetext8 {display:none;}
.nameText, .mslogo, .clearfix {display:none;}
.credit{ bottom: 20px; right: 20px; position: fixed; background: transparent;}
#footerwarpper {display:none;}
#googlebar {display:none;}
#topnav {display:none;}
#groups {display:none;}
#headerWrap {display:none;}
</style>
- - - LIKE TO MEET - - - -
<div class="credit">
<a href="https://roleplayer.me/creativian">credit</a>
</div>
<div class="navmenu">
<a href="/home.php" class="third">home</a>
<a href="/send_message.php?member_id=" class="third">message</a>
<a href="/add_comment.php?member_id=" class="third">comment</a>
<a href="/gallery.php?member_id=" class="third">gallery</a>
<a href="/status_stream.php?member_id=" class="third">stream</a>
<a href="/view_journal_member.php?member_id=USERID" class="third">bulletins</a>
<a href="/creativian" class="third">credit</a>
</div>
<div class="image2">
<img src="https://placehold.co/200x150">
</div>
<div class="relationship">
<h2>biography</h2>
<div style="width:98%; height:83%; overflow:auto; padding:2px; background:#8D95A8; text-align:justify;">
<accent>L</accent>orem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet dolor vitae elit viverra, in ullamcorper dolor tempor. Sed in pretium sapien. Nulla facilisi. Ut bibendum massa a nisl pretium aliquet nec at erat. Etiam sed rhoncus neque. Donec ut massa a lacus malesuada tincidunt. Aenean eget massa id est pulvinar malesuada sed et mi. Duis odio metus, finibus nec porttitor quis, hendrerit quis arcu. Donec gravida finibus interdum. Praesent tempus urna id sem sagittis ornare. Praesent sodales sapien ut ultricies vehicula. Etiam eget blandit nisi, eget sagittis lorem.<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet dolor vitae elit viverra, in ullamcorper dolor tempor. Sed in pretium sapien. Nulla facilisi. Ut bibendum massa a nisl pretium aliquet nec at erat. Etiam sed rhoncus neque. Donec ut massa a lacus malesuada tincidunt. Aenean eget massa id est pulvinar malesuada sed et mi. Duis odio metus, finibus nec porttitor quis, hendrerit quis arcu. Donec gravida finibus interdum. Praesent tempus urna id sem sagittis ornare. Praesent sodales sapien ut ultricies vehicula. Etiam eget blandit nisi, eget sagittis lorem.<br><br>
<cap>L</cap>orem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet dolor vitae elit viverra, in ullamcorper dolor tempor. Sed in pretium sapien. Nulla facilisi. Ut bibendum massa a nisl pretium aliquet nec at erat. Etiam sed rhoncus neque. Donec ut massa a lacus malesuada tincidunt. Aenean eget massa id est pulvinar malesuada sed et mi. Duis odio metus, finibus nec porttitor quis, hendrerit quis arcu. Donec gravida finibus interdum. Praesent tempus urna id sem sagittis ornare. Praesent sodales sapien ut ultricies vehicula. Etiam eget blandit nisi, eget sagittis lorem.<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet dolor vitae elit viverra, in ullamcorper dolor tempor. Sed in pretium sapien. Nulla facilisi. Ut bibendum massa a nisl pretium aliquet nec at erat. Etiam sed rhoncus neque. Donec ut massa a lacus malesuada tincidunt. Aenean eget massa id est pulvinar malesuada sed et mi. Duis odio metus, finibus nec porttitor quis, hendrerit quis arcu. Donec gravida finibus interdum. Praesent tempus urna id sem sagittis ornare. Praesent sodales sapien ut ultricies vehicula. Etiam eget blandit nisi, eget sagittis lorem.
</div>
</div>
<div class="image3">
<img src="https://placehold.co/200x150">
</div>
<div class="connections">
<h2>connections</h2>
<div style="width:98%; height:83%; overflow:auto; padding:2px; background:#8D95A8; text-align:justify;">
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
<a href="/" class="second">connection</a>
</div>
</div>
<div class="extra1">
<h2>stats</h2>
<div style="width:98%; height:83%; overflow:auto; padding:2px; background:#8D95A8; text-align:justify;">
<b>Full Name</b> Info<br>
<b>Age:</b> 00<br>
<b>Born:</b> 00/00/0000<br>
<b>Gender:</b> Info<br>
<b>Title(s):</b> Info<BR>
<b>Species:</b> Info<br>
<b>Speciality:</b> Info<br>
<b>Height:</b> 0'0".<br>
<b>Hair | Eyes:</b> Info | Info<br>
<b>Race/Nationality:</b> Info<br>
<b>Occupation:</b> Info <i>(0000)</i> <br>
<b>Blood Type:</b> Info<br>
<b>Fact:</b> Info.<br>
<b>Fact:</b> Info.
</div>
</div>
<div class="icon1">
<img src="https://placehold.co/65x65">
</div>
<div class="icon2">
<img src="https://placehold.co/65x70">
</div>
<div class="info">
<h2>relationship</h2>
<div style="width:98%; height:83%; overflow:auto; padding:2px; background:#8D95A8; text-align:justify;">
<a href="/">displayname</a><br>
<b>taken:</b> 00/00/00<br>
<b>engaged:</b> 00/00/00<br>
<b>married:</b> 00/00/00<br>
<h3>love comments</h3>
<accent>l</accent>orem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>
</div>
<div class="image4">
<img src="https://placehold.co/180x150">
</div>
<div class="extra3">
<h2>extra</h2>
<div style="width:98%; height:83%; overflow:auto; padding:2px; background:#8D95A8; text-align:justify;">
<accent>L</accent>orem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet dolor vitae elit viverra, in ullamcorper dolor tempor. Sed in pretium sapien. Nulla facilisi. Ut bibendum massa a nisl pretium aliquet nec at erat. Etiam sed rhoncus neque. Donec ut massa a lacus malesuada tincidunt. Aenean eget massa id est pulvinar malesuada sed et mi. Duis odio metus, finibus nec porttitor quis, hendrerit quis arcu. Donec gravida finibus interdum. Praesent tempus urna id sem sagittis ornare. Praesent sodales sapien ut ultricies vehicula. Etiam eget blandit nisi, eget sagittis lorem.<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet dolor vitae elit viverra, in ullamcorper dolor tempor. Sed in pretium sapien. Nulla facilisi. Ut bibendum massa a nisl pretium aliquet nec at erat. Etiam sed rhoncus neque. Donec ut massa a lacus malesuada tincidunt. Aenean eget massa id est pulvinar malesuada sed et mi. Duis odio metus, finibus nec porttitor quis, hendrerit quis arcu. Donec gravida finibus interdum. Praesent tempus urna id sem sagittis ornare. Praesent sodales sapien ut ultricies vehicula. Etiam eget blandit nisi, eget sagittis lorem.<br><br>
<cap>L</cap>orem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet dolor vitae elit viverra, in ullamcorper dolor tempor. Sed in pretium sapien. Nulla facilisi. Ut bibendum massa a nisl pretium aliquet nec at erat. Etiam sed rhoncus neque. Donec ut massa a lacus malesuada tincidunt. Aenean eget massa id est pulvinar malesuada sed et mi. Duis odio metus, finibus nec porttitor quis, hendrerit quis arcu. Donec gravida finibus interdum. Praesent tempus urna id sem sagittis ornare. Praesent sodales sapien ut ultricies vehicula. Etiam eget blandit nisi, eget sagittis lorem.<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet dolor vitae elit viverra, in ullamcorper dolor tempor. Sed in pretium sapien. Nulla facilisi. Ut bibendum massa a nisl pretium aliquet nec at erat. Etiam sed rhoncus neque. Donec ut massa a lacus malesuada tincidunt. Aenean eget massa id est pulvinar malesuada sed et mi. Duis odio metus, finibus nec porttitor quis, hendrerit quis arcu. Donec gravida finibus interdum. Praesent tempus urna id sem sagittis ornare. Praesent sodales sapien ut ultricies vehicula. Etiam eget blandit nisi, eget sagittis lorem.
</div>
</div>