Forum:
I'm trying to create my own layout, but I've been having trouble with it. I'm new to this website, plus I barely know a thing about code. I was wondering if someone could fix my layout code for me? I used a tutorial, but it isn't working when I add it to my 'About Me'. It just removes my profile picture and looks like the basic style.
Layout I made:
<style>
<iframe width="1" height="1" src="https://www.youtube.com/embed/gAQBiAQB8AUB?&;amp;;autoplay=1&;loop=1" title="Youtube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;picture-in-picture" allowfullscreen=""></iframe>
</style>
<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: URL(" (https://imgur.com/r2Ib43g) "); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */
</style>
<style>
font-size: 150%;
}
h1,h2,h3,h4,h5{
font-size: 200%;
}
body {
background-image: url(https://www.solidbackgrounds.com/images/3508x2480/3508x2480-dark-green-solid-color-background.jpg);
}
.profile {
background-color: rgb(0, 30, 18);
}
/* change all headings on page to different colors. */
.profile .blurbs .heading,
.profile .friends .heading{
background-color: rgb(0, 30, 18);
color: black;
}
/* change all headings on page to different colors. */
.profile .contact .heading,
.profile .table-section .heading{
background-color: black;
color: rgb(0, 30, 18);
}
main:before {
width: auto;
margin-bottom: 25px;
border: 1px solid black;
height: 120px;
display: block;
content: "";
background-image: url(https://i.pinimg.com/originals/9e/9d/b0/9e9db0da91ad6835473937813f06b8ce.gif);
background-position: center center;
background-size: cover;
}
>body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url(' (https://imgur.com/ERZx9H5) ');
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
margin: 1em;
position: relative;
box-shadow: 5px 8px 10px #0006;
}
}
footer {
border-radius: 15px;
background-image: url(https://imgur.com/a/oOOgOpN);
color: white;
}
table.comments-table td {
color: rgb(0, 30, 18);
}
:root {
--logo-blue:black;
--darker-blue: purple;
--lighter-blue: black;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: black;
--light-orange: black;
--even-lighter-orange: black;
--green: pink;
}
</style>
<style>
.profile .friends .person img:not(.icon){
border: 2px solid LightGreen !important;
}
</style>
<style>
<style>* {cursor: url(https://cur.cursors-4u.net/toons/too-4/too330.cur), url(https://cur.cursors-4u.net/toons/too-4/too330.cur), auto !important;}</style>
</style>
Help would be greatly appreciated!! ^_^
Report Topic
Permalink