Report Blog Entry
Finally getting back into coding. This image is a little bit low quality because i had to edit it on a separate device and put it on Pinterest. It looks better on a real profile on desktop but it'll give you a general idea.
ACTUAL CODE:
<style>
font-size: 150%;
}
h1,h2,h3,h4,h5{
font-size: 200%;
}
body {
background-image: url(https://i.pinimg.com/236x/da/53/18/da531891329220fae7ef2ef0ba3a78b7.jpg);
}
.profile {
background-color: rgb(no need);
}
/* change all headings on page to different colors. */
.profile .blurbs .heading,
.profile .friends .heading{
background-color: rgb(no need);
color: ;
}
/* change all headings on page to different colors. */
.profile .contact .heading,
.profile .table-section .heading{
background-color: ;
color: rgb(no need);
}
main:before {
width: auto;
margin-bottom: 25px;
border: 1px solid black;
height: 120px;
display: block;
content: "";
background-image: url(https://i.pinimg.com/736x/59/31/b8/5931b8e989fdf89fe43995944717b8b9.jpg);
background-position: center center;
background-size: cover;
}
footer {
border-radius: 15px;
background-image: url(https://i.pinimg.com/736x/59/31/b8/5931b8e989fdf89fe43995944717b8b9.jpg);
color: ;
}
table.comments-table td {
color: rgb();
}
:root {
--logo-blue: #991ed6;
--darker-blue: #991ed6;
--lighter-blue: #a020c7;
--even-lighter-blue: url(https://i.pinimg.com/736x/86/89/93/868993c64bc12c52f461bd92616fb59c.jpg);
--lightest-blue: url(https://i.pinimg.com/236x/1c/75/fd/1c75fd3e052c8d243ed6dc4cdebde724.jpg);
--dark-orange: #71eb2f;
--light-orange: #eb2fc2;
--even-lighter-orange: #2febe4;
--green: pink;
}
main{
background-color: pink !important;
background-image: url('https://i.pinimg.com/236x/67/21/17/672117a170011652bb1db5b70ca7591a.jpg') !important;
background-attachment: fixed !important;
background-repeat: repeat !important;
background-position: top left !important;
}
.top{
background-color: #a020c7 !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: repeat !important;
background-position: top left !important;
}
.logo{content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/31de61af-2d87-4ab3-bedc-3ac336b8988c/dg8x9mu-6535ee01-ebd3-4e02-8056-dbb526c096e4.png/v1/fill/w_1280,h_327/gir_spacehey_logo_by_isafurryprodraws_dg8x9mu-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MzI3IiwicGF0aCI6IlwvZlwvMzFkZTYxYWYtMmQ4Ny00YWIzLWJlZGMtM2FjMzM2Yjg5ODhjXC9kZzh4OW11LTY1MzVlZTAxLWViZDMtNGUwMi04MDU2LWRiYjUyNmMwOTZlNC5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.P057tXlFgLbNOnu3NDuSgJjEZUbbK66wvejwrRIeaqg);width: 165px !important;height: 42px !important;}
.top input{
background-color: #eb2fc2 !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: repeat !important;
background-position: top left !important;
}
.links{
background-color: #29e3e0 !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: repeat !important;
background-position: top left !important;
}
</style>
<style>h1{color: #77eb1e !important;}</style>
<style>h1{font-size: 50px !important;}</style>
<style>h1{font-family: arial !important;}</style>
<style>
h1{
border: 10px #e332c8 !important;
}
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url();
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
.profile-info {
border: 2px solid #2e2d2c;
display: flex;
align-items: center;
justify-content: center;
padding: 15px 5px;
margin-bottom: 10px;
background: url(https://i.pinimg.com/736x/32/98/e1/3298e12a2263fd8a8963be6fc8447d9c.jpg);
}
</style>
<style>
body {
background: url(https://i.pinimg.com/236x/da/53/18/da531891329220fae7ef2ef0ba3a78b7.jpg)
}
.profile {
background: ;
}
.profile {
background-color: ;
color: #74ede9; /* text color for most of the page*/
}
/*headers.*/
h3 , h4, h5, .url-info b {
color: #29e3e0;
}
/* color of links*/
a {
color: #d61874;
}
/* color of normal text*/
p, h2 {
color: #d61874;
}
/* color of names */
h1, .count, .friends a p {
color: #a710de;
}
</style>
<style>
.contact {
border-radius: 8px;
background-image: url(https://i.pinimg.com/736x/aa/01/a1/aa01a1c69613a07b6a3a6bead3d42750.jpg);
background-position: right top;
background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;
}
/*CONTACT ICONS*/
.contact .inner a img {
font-size: 0}
.contact .inner a img:before {
font-size: 1em;
display: block}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* ADD TO FRIENDS */
content: url(https://external-media.spacehey.net/media/sMswBUahH5EoPafQE4ZcRjyKbo1xEZURyuzoKgSKifAo=/https://autism.crd.co/assets/images/gallery02/45f68246_original.png?v=aaa3f391)}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* ADD TO FAVOURITE */
content: url(https://external-media.spacehey.net/media/sMswBUahH5EoPafQE4ZcRjyKbo1xEZURyuzoKgSKifAo=/https://autism.crd.co/assets/images/gallery02/45f68246_original.png?v=aaa3f391)}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/*SEND A MESSAGE */
content: url(https://external-media.spacehey.net/media/sMswBUahH5EoPafQE4ZcRjyKbo1xEZURyuzoKgSKifAo=/https://autism.crd.co/assets/images/gallery02/45f68246_original.png?v=aaa3f391)}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/*FORWARD TO FRIEND*/
content: url(https://external-media.spacehey.net/media/sMswBUahH5EoPafQE4ZcRjyKbo1xEZURyuzoKgSKifAo=/https://autism.crd.co/assets/images/gallery02/45f68246_original.png?v=aaa3f391)}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/*INSTANT MESSAGE*/
content: url(https://external-media.spacehey.net/media/sMswBUahH5EoPafQE4ZcRjyKbo1xEZURyuzoKgSKifAo=/https://autism.crd.co/assets/images/gallery02/45f68246_original.png?v=aaa3f391)}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/*BLOCK USER*/
content: url(https://external-media.spacehey.net/media/sMswBUahH5EoPafQE4ZcRjyKbo1xEZURyuzoKgSKifAo=/https://autism.crd.co/assets/images/gallery02/45f68246_original.png?v=aaa3f391)}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/*ADD 2 GROUP*/
content: url(https://external-media.spacehey.net/media/sMswBUahH5EoPafQE4ZcRjyKbo1xEZURyuzoKgSKifAo=/https://autism.crd.co/assets/images/gallery02/45f68246_original.png?v=aaa3f391)}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/*REPORT*/
content: url(https://external-media.spacehey.net/media/sMswBUahH5EoPafQE4ZcRjyKbo1xEZURyuzoKgSKifAo=/https://autism.crd.co/assets/images/gallery02/45f68246_original.png?v=aaa3f391)}
</style>
copy and paste this into your about me section, or if you have a profile like me, that weird separate html code section.
...And if there's any problems with the coding or you are having troubles with it tell me so i can fix it.
Also if you'd like the glitter cat gif i have in the interest box go here. I did that so you can accurately see the photo for the interest box.
Comments
Displaying 0 of 0 comments ( View all | Add Comment )