This is Halloween
Layout Made by Wicked Wings @PDR
Credit goes to Desi at @Creativan for the base codes
Please do not remove any credit! You may change the colors and the backgrounds but the credit must remain on the layout!!
***ABOUT ME***
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
.wickedwingscustoms { Background Properties }
body {
background-color:#000000;
background-image:url("https://i.imgur.com/zVwHNWv.jpg");
background-attachment:fixed;
background-repeat:repeat;
overflow:auto;
background-size:fit;
background-position:bottom left;}
table, tr, td {
background-color:transparent;
border:none;
border-width:0;}
</style>
<style>
@font-face {
font-family: 'Work Sans', sans-serif;
font-weight: normal;
font-style: normal;}
</style>
<style>
@font-face {
font-family: 'Playfair Display', serif;
font-weight: normal;
font-style: normal;}
</style>
<style>
@font-face {
font-family: 'Roboto Condensed', sans-serif;
font-weight: normal;
font-style: normal;}
</style>
<style>
@font-face {
font-family: 'PT Sans Narrow', sans-serif;
font-weight: normal;
font-style: normal;}
</style>
<style>
.wickedwingscustoms { Font Properties }
p, div, table, tr, td, font, br {
font-family: 'Playfair Display', serif;
color:#fff; }
a:link, a:active, a:visited {
color: #ffffff;
font-family: 'Work Sans', sans-serif;
font-weight: 300px;
text-transform: uppercase;
line-height:35px
letter-spacing: 1px;
font-size: 16px;
padding: 13px 15px;}
a:hover {
color:#fff;}
a.credit:hover, a.credit:active {
background-color: transparent;
}
H1 {
font-family: 'PT Sans Narrow', sans-serif;
text-transform:none;
background-color:#d48952;
font-size:17px;
color:#000000;
letter-spacing:0px;}
b{
color: #db9c70;
font-family: 'Roboto Condensed', sans-serif;
padding: 1px;
line-height: 20px;
text-transform: uppercase;
font-size:15px;
font-weight: 100;
}
</style>
<style type="text/css">
.wickedwingscustoms { Scrollbar Properties }
::-webkit-scrollbar{
background-color:#000;}
::-webkit-scrollbar-thumb
background-color:#fff;}
::-webkit-scrollbar-track{
background-color:#000;
-webkit-border-radius: 4px;}
</style>
<style>
.wickedwingscustoms { DIV Boxes }
.container {
background-image:url("");
top:00px;
left:505px;
width:500px;
height:815px;
position:absolute;
background-color:#d48856; }
.titlebanner {
top:20px;
left:507px;
width:496px;
height:220px;
position:absolute;
background-color:000000;
z-index:2;}
.navigation {
top:260px;
left:507px;
width:496px;
height:35px;
position:absolute;
background-color:transparent;
z-index:2;}
.bio {
top:300px;
left:507px;
width:235px;
height:221px;
position:absolute;
background-color:000000;
z-index:2;}
.owes {
top:300px;
left:743px;
width:260px;
height:115px;
position:absolute;
background-color:000000;
z-index:2;}
.details {
top:416px;
left:743px;
width:260px;
height:105px;
position:absolute;
background-color:000000;
z-index:2;}
.lovelife {
top:522px;
left:507px;
width:496px;
height:155px;
position:absolute;
background-color:000000;
z-index:2;}
.aesthetic {
top:678px;
left:507px;
width:496px;
height:110px;
position:absolute;
background-color:000000;
z-index:2;}
.mycredit{
position:fixed;
bottom:5px;
right:5px;
}
</style>
<style>
.wickedwingscustoms { 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;}
#footerwarpper {display:none;}
#googlebar {display:none;}
#topnav {display:none;}
#groups {display:none;}
#headerWrap {display:none;}
</style>
***LIKE TO MEET***
<div class="container">
</div>
<!-----TOP BANNER PICTURE------>
<div class="titlebanner">
<img src="https://via.placeholder.com/496x220">
</div>
<!--------NAVIGATION----->
<div class="navigation">
<center><a href="/" class="second">home</a>
<a href="/send_message.php?member_id=xxxxxx">message</a>
<a href="/add_comment.php?member_id=xxxxxx"">comment</a>
<a href="/status_stream.php?member_id=xxxxxx">stream</a>
<a href="https://www.tumblr.com/dashboard">tumblr</a>
</center>
</div>
<!---------BIOGRAPHY------->
<div class="bio">
<div style="width:98%; height:98%; overflow:auto; float:center; margin-left:3px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque augue. Phasellus nibh metus, rutrum at luctus et, euismod eu felis. Nulla nec arcu eu libero euismod fermentum. Integer non porttitor nibh, eget aliquam risus. Etiam interdum augue dui, id elementum lectus hendrerit accumsan. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum enim dui, egestas at auctor eu, luctus nec turpis. Praesent nec laoreet turpis. Cras nec dolor non est vehicula dapibus. Vestibulum molestie dolor ut tellus convallis laoreet. Suspendisse ut consequat mauris, vitae fermentum justo. Vestibulum scelerisque eros magna, vel maximus ex semper sed.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<br><br>
Vivamus nec neque augue. Phasellus nibh metus, rutrum at luctus et, euismod eu felis. Nulla nec arcu eu libero euismod fermentum. Integer non porttitor nibh, eget aliquam risus. Etiam interdum augue dui, id elementum lectus hendrerit accumsan. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum enim dui, egestas at auctor eu, luctus nec turpis. Praesent nec laoreet turpis. Cras nec dolor non est vehicula dapibus. Vestibulum molestie dolor ut tellus convallis laoreet. Suspendisse ut consequat mauris, vitae fermentum justo. Vestibulum scelerisque eros magna, vel maximus ex semper sed.
<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque augue. Phasellus nibh metus, rutrum at luctus et, euismod eu felis. Nulla nec arcu eu libero euismod fermentum. Integer non porttitor nibh, eget aliquam risus. Etiam interdum augue dui, id elementum lectus hendrerit accumsan. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum enim dui, egestas at auctor eu, luctus nec turpis. Praesent nec laoreet turpis. Cras nec dolor non est vehicula dapibus. Vestibulum molestie dolor ut tellus convallis laoreet. Suspendisse ut consequat mauris, vitae fermentum justo. Vestibulum scelerisque eros magna, vel maximus ex semper sed.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<br><br>
Vivamus nec neque augue. Phasellus nibh metus, rutrum at luctus et, euismod eu felis. Nulla nec arcu eu libero euismod fermentum. Integer non porttitor nibh, eget aliquam risus. Etiam interdum augue dui, id elementum lectus hendrerit accumsan. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum enim dui, egestas at auctor eu, luctus nec turpis. Praesent nec laoreet turpis. Cras nec dolor non est vehicula dapibus. Vestibulum molestie dolor ut tellus convallis laoreet. Suspendisse ut consequat mauris, vitae fermentum justo. Vestibulum scelerisque eros magna, vel maximus ex semper sed.
</div>
</div>
<!---------OWES LIST-------->
<div class="owes">
<div style="width:49%; height:78%; overflow:auto; float:left; margin-left:3px;">
<center><h1>I OWE YOU</h1></center>
<b>Name Here</b> - starter - 00.00 <br>
<b>Name Here</b> - reply - 00.00 <br>
<b>Name Here</b> - starter - 00.00 <br>
<b>Name Here</b> - reply - 00.00 <br>
<b>Name Here</b> - starter - 00.00 <br>
<b>Name Here</b> - reply - 00.00 <br>
</div>
<div style="width:47%; height:78%; overflow:auto; float:left; margin-left:3px;">
<center><h1>YOU OWE ME</h1></center>
<b>Name Here</b> - starter - 00.00 <br>
<b>Name Here</b> - reply - 00.00 <br>
<b>Name Here</b> - starter - 00.00 <br>
<b>Name Here</b> - reply - 00.00 <br>
<b>Name Here</b> - starter - 00.00 <br>
<b>Name Here</b> - reply - 00.00 <br>
</div>
<br><br><br>
<center><b> UPDATED: 00.00</b></center>
</div>
<!---------DETAILS-------->
<div class="details">
<img src="https://via.placeholder.com/260x105">
</div>
<!----------LOVE LIFE--------->
<div class="lovelife">
<img src="https://via.placeholder.com/235x155" style="float:left; margin-right:3px;">
<div style="width:50%; height:98%; overflow:auto; float:center; margin-left:15px;">
<b>dating:</b> MONTH 00, YEAR<br>
<b>engaged:</b> MONTH 00, YEAR<br>
<b>married:</b> MONTH 00, YEAR<br>
<b>love comments:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque augue. Phasellus nibh metus, rutrum at luctus et, euismod eu felis. Nulla nec arcu eu libero euismod fermentum. Integer non porttitor nibh, eget aliquam risus. Etiam interdum augue dui, id elementum lectus hendrerit accumsan. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum enim dui, egestas at auctor eu, luctus nec turpis. Praesent nec laoreet turpis. Cras nec dolor non est vehicula dapibus. Vestibulum molestie dolor ut tellus convallis laoreet. Suspendisse ut consequat mauris, vitae fermentum justo. Vestibulum scelerisque eros magna, vel maximus ex semper sed.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<br><br>
Vivamus nec neque augue. Phasellus nibh metus, rutrum at luctus et, euismod eu felis. Nulla nec arcu eu libero euismod fermentum. Integer non porttitor nibh, eget aliquam risus. Etiam interdum augue dui, id elementum lectus hendrerit accumsan. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum enim dui, egestas at auctor eu, luctus nec turpis. Praesent nec laoreet turpis. Cras nec dolor non est vehicula dapibus. Vestibulum molestie dolor ut tellus convallis laoreet. Suspendisse ut consequat mauris, vitae fermentum justo. Vestibulum scelerisque eros magna, vel maximus ex semper sed.
</div>
</div>
<!--------AESTHETIC PHOTO----------->
<div class="aesthetic">
<img src="https://via.placeholder.com/496x110">
</div>
<div class="mycredit"> <a href="https://www.roleplayer.me/view_profile.php?member_id=1454741">
<img src="https://i.imgur.com/cnzJU9l.png">
</a></div>
Credit goes to Desi at @Creativan for the base codes
Please do not remove any credit! You may change the colors and the backgrounds but the credit must remain on the layout!!
***ABOUT ME***
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
.wickedwingscustoms { Background Properties }
body {
background-color:#000000;
background-image:url("https://i.imgur.com/zVwHNWv.jpg");
background-attachment:fixed;
background-repeat:repeat;
overflow:auto;
background-size:fit;
background-position:bottom left;}
table, tr, td {
background-color:transparent;
border:none;
border-width:0;}
</style>
<style>
@font-face {
font-family: 'Work Sans', sans-serif;
font-weight: normal;
font-style: normal;}
</style>
<style>
@font-face {
font-family: 'Playfair Display', serif;
font-weight: normal;
font-style: normal;}
</style>
<style>
@font-face {
font-family: 'Roboto Condensed', sans-serif;
font-weight: normal;
font-style: normal;}
</style>
<style>
@font-face {
font-family: 'PT Sans Narrow', sans-serif;
font-weight: normal;
font-style: normal;}
</style>
<style>
.wickedwingscustoms { Font Properties }
p, div, table, tr, td, font, br {
font-family: 'Playfair Display', serif;
color:#fff; }
a:link, a:active, a:visited {
color: #ffffff;
font-family: 'Work Sans', sans-serif;
font-weight: 300px;
text-transform: uppercase;
line-height:35px
letter-spacing: 1px;
font-size: 16px;
padding: 13px 15px;}
a:hover {
color:#fff;}
a.credit:hover, a.credit:active {
background-color: transparent;
}
H1 {
font-family: 'PT Sans Narrow', sans-serif;
text-transform:none;
background-color:#d48952;
font-size:17px;
color:#000000;
letter-spacing:0px;}
b{
color: #db9c70;
font-family: 'Roboto Condensed', sans-serif;
padding: 1px;
line-height: 20px;
text-transform: uppercase;
font-size:15px;
font-weight: 100;
}
</style>
<style type="text/css">
.wickedwingscustoms { Scrollbar Properties }
::-webkit-scrollbar{
background-color:#000;}
::-webkit-scrollbar-thumb
background-color:#fff;}
::-webkit-scrollbar-track{
background-color:#000;
-webkit-border-radius: 4px;}
</style>
<style>
.wickedwingscustoms { DIV Boxes }
.container {
background-image:url("");
top:00px;
left:505px;
width:500px;
height:815px;
position:absolute;
background-color:#d48856; }
.titlebanner {
top:20px;
left:507px;
width:496px;
height:220px;
position:absolute;
background-color:000000;
z-index:2;}
.navigation {
top:260px;
left:507px;
width:496px;
height:35px;
position:absolute;
background-color:transparent;
z-index:2;}
.bio {
top:300px;
left:507px;
width:235px;
height:221px;
position:absolute;
background-color:000000;
z-index:2;}
.owes {
top:300px;
left:743px;
width:260px;
height:115px;
position:absolute;
background-color:000000;
z-index:2;}
.details {
top:416px;
left:743px;
width:260px;
height:105px;
position:absolute;
background-color:000000;
z-index:2;}
.lovelife {
top:522px;
left:507px;
width:496px;
height:155px;
position:absolute;
background-color:000000;
z-index:2;}
.aesthetic {
top:678px;
left:507px;
width:496px;
height:110px;
position:absolute;
background-color:000000;
z-index:2;}
.mycredit{
position:fixed;
bottom:5px;
right:5px;
}
</style>
<style>
.wickedwingscustoms { 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;}
#footerwarpper {display:none;}
#googlebar {display:none;}
#topnav {display:none;}
#groups {display:none;}
#headerWrap {display:none;}
</style>
***LIKE TO MEET***
<div class="container">
</div>
<!-----TOP BANNER PICTURE------>
<div class="titlebanner">
<img src="https://via.placeholder.com/496x220">
</div>
<!--------NAVIGATION----->
<div class="navigation">
<center><a href="/" class="second">home</a>
<a href="/send_message.php?member_id=xxxxxx">message</a>
<a href="/add_comment.php?member_id=xxxxxx"">comment</a>
<a href="/status_stream.php?member_id=xxxxxx">stream</a>
<a href="https://www.tumblr.com/dashboard">tumblr</a>
</center>
</div>
<!---------BIOGRAPHY------->
<div class="bio">
<div style="width:98%; height:98%; overflow:auto; float:center; margin-left:3px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque augue. Phasellus nibh metus, rutrum at luctus et, euismod eu felis. Nulla nec arcu eu libero euismod fermentum. Integer non porttitor nibh, eget aliquam risus. Etiam interdum augue dui, id elementum lectus hendrerit accumsan. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum enim dui, egestas at auctor eu, luctus nec turpis. Praesent nec laoreet turpis. Cras nec dolor non est vehicula dapibus. Vestibulum molestie dolor ut tellus convallis laoreet. Suspendisse ut consequat mauris, vitae fermentum justo. Vestibulum scelerisque eros magna, vel maximus ex semper sed.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<br><br>
Vivamus nec neque augue. Phasellus nibh metus, rutrum at luctus et, euismod eu felis. Nulla nec arcu eu libero euismod fermentum. Integer non porttitor nibh, eget aliquam risus. Etiam interdum augue dui, id elementum lectus hendrerit accumsan. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum enim dui, egestas at auctor eu, luctus nec turpis. Praesent nec laoreet turpis. Cras nec dolor non est vehicula dapibus. Vestibulum molestie dolor ut tellus convallis laoreet. Suspendisse ut consequat mauris, vitae fermentum justo. Vestibulum scelerisque eros magna, vel maximus ex semper sed.
<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque augue. Phasellus nibh metus, rutrum at luctus et, euismod eu felis. Nulla nec arcu eu libero euismod fermentum. Integer non porttitor nibh, eget aliquam risus. Etiam interdum augue dui, id elementum lectus hendrerit accumsan. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum enim dui, egestas at auctor eu, luctus nec turpis. Praesent nec laoreet turpis. Cras nec dolor non est vehicula dapibus. Vestibulum molestie dolor ut tellus convallis laoreet. Suspendisse ut consequat mauris, vitae fermentum justo. Vestibulum scelerisque eros magna, vel maximus ex semper sed.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<br><br>
Vivamus nec neque augue. Phasellus nibh metus, rutrum at luctus et, euismod eu felis. Nulla nec arcu eu libero euismod fermentum. Integer non porttitor nibh, eget aliquam risus. Etiam interdum augue dui, id elementum lectus hendrerit accumsan. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum enim dui, egestas at auctor eu, luctus nec turpis. Praesent nec laoreet turpis. Cras nec dolor non est vehicula dapibus. Vestibulum molestie dolor ut tellus convallis laoreet. Suspendisse ut consequat mauris, vitae fermentum justo. Vestibulum scelerisque eros magna, vel maximus ex semper sed.
</div>
</div>
<!---------OWES LIST-------->
<div class="owes">
<div style="width:49%; height:78%; overflow:auto; float:left; margin-left:3px;">
<center><h1>I OWE YOU</h1></center>
<b>Name Here</b> - starter - 00.00 <br>
<b>Name Here</b> - reply - 00.00 <br>
<b>Name Here</b> - starter - 00.00 <br>
<b>Name Here</b> - reply - 00.00 <br>
<b>Name Here</b> - starter - 00.00 <br>
<b>Name Here</b> - reply - 00.00 <br>
</div>
<div style="width:47%; height:78%; overflow:auto; float:left; margin-left:3px;">
<center><h1>YOU OWE ME</h1></center>
<b>Name Here</b> - starter - 00.00 <br>
<b>Name Here</b> - reply - 00.00 <br>
<b>Name Here</b> - starter - 00.00 <br>
<b>Name Here</b> - reply - 00.00 <br>
<b>Name Here</b> - starter - 00.00 <br>
<b>Name Here</b> - reply - 00.00 <br>
</div>
<br><br><br>
<center><b> UPDATED: 00.00</b></center>
</div>
<!---------DETAILS-------->
<div class="details">
<img src="https://via.placeholder.com/260x105">
</div>
<!----------LOVE LIFE--------->
<div class="lovelife">
<img src="https://via.placeholder.com/235x155" style="float:left; margin-right:3px;">
<div style="width:50%; height:98%; overflow:auto; float:center; margin-left:15px;">
<b>dating:</b> MONTH 00, YEAR<br>
<b>engaged:</b> MONTH 00, YEAR<br>
<b>married:</b> MONTH 00, YEAR<br>
<b>love comments:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque augue. Phasellus nibh metus, rutrum at luctus et, euismod eu felis. Nulla nec arcu eu libero euismod fermentum. Integer non porttitor nibh, eget aliquam risus. Etiam interdum augue dui, id elementum lectus hendrerit accumsan. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum enim dui, egestas at auctor eu, luctus nec turpis. Praesent nec laoreet turpis. Cras nec dolor non est vehicula dapibus. Vestibulum molestie dolor ut tellus convallis laoreet. Suspendisse ut consequat mauris, vitae fermentum justo. Vestibulum scelerisque eros magna, vel maximus ex semper sed.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<br><br>
Vivamus nec neque augue. Phasellus nibh metus, rutrum at luctus et, euismod eu felis. Nulla nec arcu eu libero euismod fermentum. Integer non porttitor nibh, eget aliquam risus. Etiam interdum augue dui, id elementum lectus hendrerit accumsan. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum enim dui, egestas at auctor eu, luctus nec turpis. Praesent nec laoreet turpis. Cras nec dolor non est vehicula dapibus. Vestibulum molestie dolor ut tellus convallis laoreet. Suspendisse ut consequat mauris, vitae fermentum justo. Vestibulum scelerisque eros magna, vel maximus ex semper sed.
</div>
</div>
<!--------AESTHETIC PHOTO----------->
<div class="aesthetic">
<img src="https://via.placeholder.com/496x110">
</div>
<div class="mycredit"> <a href="https://www.roleplayer.me/view_profile.php?member_id=1454741">
<img src="https://i.imgur.com/cnzJU9l.png">
</a></div>