Report Blog Entry
This is my first layout, guys! :) Any feedback/comments appreciated!
Want to give a shoutout to Cory for some of the codes I used for this profile! You're the real MVP, dude! Add him (cause he's cool!) and check out his blogs for some awesome codes - but don't forget to give him some cred! ;)
Screenshot below :)
Now to business, add the below code to your 'About me' section (p.s. scroll down for a line of code for your 'Who I'd like to meet section':
<iframe style="opacity:0;position:absolute;pointer-events:none;" frameborder="no" src="ENTER YOUTUBE EMBED URL LINK?autoplay=1" allowfullscreen=""></iframe>
<style>
body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://64.media.tumblr.com/fae679b2a8accbd4f673224bdd379047/tumblr_p0cg49tkJz1whahvko1_500.gif'); background-size: cover; background-repeat: no-repeat; animation: yourAnimation 2s ease 0s 1 normal forwards; pointer-events: none;
}
@keyframes yourAnimation { 0.0%{opacity: 1;} 75%{opacity: 1; } 100%{opacity: 0;} }
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
body{ font-family: 'VT323', monospace!important; background-image: url('https://66.media.tumblr.com/97c5a11815cd4ec4d576810f7b7945c0/tumblr_p4afyxDgk01v8ay69o1_500.gif'); background-position: center top;background-repeat: repeat-y;background-size: 100%; background-attachment: fixed;}
main {font-family: 'VT323', monospace!important;background: rgba(0,0,0,0.6); color: white;}
main a{color: #FBCCED;}
a:hover {color: white;}
nav .top {background: rgb(251,204,237,0.5);border-top: 25px;}
.logout-btn, .logout-form {color: black;
}label {color: white;}
nav .links {background-color: rgb(0,0,0,0.4);
}nav .links a{color: #ffe5f7;
}nav .links a:hover{color: white;
}
.profile h1{color: #FBCCED;font-weight: bold; text-shadow: 0 0 2px #FFF;
}
.profile .contact .heading {background-color: rgb(0,0,0,0.2);text-shadow: 0 0 3px #FBCCED;}
.profile .contact {border-color: #FBCCED;box-shadow: 0px 0px 2px 2px rgb(255,255,255,0.6);}
.contact {background-color: rgb(0,0,0,0.3);
} .f-col a {color: #FBCCED;} .f-col a:hover {color: white;}
.blog-preview{background-color: rgb(0,0,0,0.2); border: 2px solid #FBCCED;padding: 2px 7px;box-shadow: 0px 0px 2px 2px rgb(255,255,255,0.6);}
.blog-preview h4{text-shadow: 0 0 3px #FBCCED;}.blog-preview p{color: #FBCCED;
} .profile .table-section .heading {background-color: rgb(0,0,0,0.2); text-shadow: 0 0 3px #FBCCED;}
.profile .table-section {border-color: #FBCCED;box-shadow: 0px 0px 2px 2px rgb(255,255,255,0.6);
}.table-section {background-color: rgb(0,0,0,0.3);
}.details-table td:first-child {background-color: var(--box_color_and_seethru) !important;color: #FBCCED;
}
.details-table td {background-color: var(--box_color_and_seethru) !important;color: white;
}
.profile .blurbs {border: 2px solid #FBCCED;padding: 2px 7px;box-shadow: 0px 0px 2px 2px rgb(255,255,255,0.6);}
.profile .blurbs .heading {background-color: rgb(0,0,0,0.4); text-shadow: 0 0 3px #FBCCED;color: white;}
.profile .blurbs .section h4 {color: #FBCCED;
}.profile .blurbs .inner{background-color: rgb(0,0,0,0.3);
}
.friends {border: 2px solid #FBCCED;padding: 2px 7px;box-shadow: 0px 0px 2px 2px rgb(255,255,255,0.6);}
.profile .friends .heading{background-color: rgb(0,0,0,0.4);text-shadow: 0 0 3px #FBCCED;color: white;} .profile .friends .inner{background-color: rgb(0,0,0,0.3);
} .profile .friends p{color: #FBCCED;
}.count{color: #ffe5f7;}
.profile .friends .person img:not(.icon){border-radius: 50%; }
.profile .friends .person p{ color: #FBCCED;
}
.comments-table td:first-child, .music-table td:first-child {background-color: var(--box_color_and_seethru) !important;text-align: center;font-weight: bold;width: 38%;}
.comments-table td, .music-table td {background-color: var(--box_color_and_seethru) !important;color: #d4ccc2;vertical-align: top;position: relative;}
.profile .url-info {visibility: hidden; display: none;
}
footer {background-color: rgb(0,0,0,0.3);color: white;}footer a{color: #ffe5f7;} footer a:hover{color: white;}
{cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur267.cur), auto !important;}
</style>
Add this in 'Who I'd like to meet':
<style>
.online{content:url("https://ct.pimp-my-profile.com/online/26.gif");}
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )