« Web, HTML, Tech Forum

> on my profile?

Posted by emily !!

posted

Forum: Web, HTML, Tech

there's a random > on my profile and i'm not sure how to fix it!!! :-(

this is the code in my about me if that helps!!! i program in c++ and c# mostly so html is super foreign to me..

<style>

body {

    background: #000;

    font-family: Arial, Verdana, sans-serif;

}

p {

    color: #fff;

}

a {

    color: #f00;

}

.left.col {

    background: linear-gradient(#535353 0%, #000 2%);

    border-radius: 5px 5px 0px 0px;

    border: 0px;    

    padding: 5px;

    color: #ffffff;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px;

    position: relative;

    right: 4px;

}

.left .heading {

    background: linear-gradient(#535353 0%, #000 60%) !important;

    box-shadow: inset 0px 0px 5px 1px #535353;

    border-radius: 5px 5px 0px 0px;

    border-bottom: 1px solid #808080;

    color: #ffffff;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px;

    padding: 3px !important;

}

.contact .heading {

    background: none !important;

    border: none !important;

    box-shadow: none;

    color: #ffffff;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px;

}

.profile .table-section {

    border-radius: 5px 5px 0px 0px;

    border: 1px solid #808080;

}

.details-table td {

    background: linear-gradient(#535353 0%, #000 60%) !important;

    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;;

    border-radius: 10px 0px;

    border: 0px;

    padding-left: 5px !important;

    color: #ffffff !important;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px; 

}

.profile .contact {

    border-radius: 5px 5px 0px 0px;

    border: none;  

    background: linear-gradient(#535353 0%, #000 20%);

}

.right.col {

    background: linear-gradient(#535353 0%, #000 2%);

    border-radius: 5px 5px 0px 0px;

    border: 0px;

    padding: 5px;

    position: relative;

    left: 4px;

    margin-left: 5px;

    color: #ffffff;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px;

}

main {

    border: none;

    border-radius: 5px;

    padding: 10px 15px 10px 15px;

    background: black;

    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 10px 2px #535353;

}

nav .top {

    margin-top: 10px;

    border-radius: 5px;

    background: linear-gradient(#535353 0%, #000 69%);

    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 10px 2px #535353;

    border: 0px;

    padding: 4px;

}

nav .links {

    background: linear-gradient(#535353 0%, #222 60%) !important;

    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;

    margin-top: 10px;

    margin-bottom: 10px;

    border-radius: 5px;

    border: 0px;

    padding-left: 10px !important;

    color: #ffffff !important;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px;

    padding: 5px;

    position: relative;

    gap: 5px;

    justify-content: center;

}

nav .links a {

    text-shadow: 1px 1px 0px #000;

}

nav .links a:hover {

    color: #f00;

    text-decoration: none;

    text-shadow: 1px 1px 0px #000;

}

.top .right a {

    text-shadow: 1px 1px 0px #000;    

}

.logout-btn {

    text-shadow: 1px 1px 0px #000 !important;     

}

body > div.container > nav > ul > li.special {

    display: none;

}

body > div.container > nav > ul > li:nth-child(12) {

    display: none;

}

body > div.container > nav > ul > li:nth-child(3) {

    display: none;

}

body > div.container > nav > ul > li:nth-child(13) {

    border: none;

}

nav li {

    font-size: 0pt;

    padding-right: 5px;

    border-right: 2px ridge #555555;

}

.right .heading {

    background: linear-gradient(#535353 0%, #000 60%) !important;

    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;;

    border-radius: 50px 0px;

    border: 0px;

    padding-left: 10px !important;

    color: #ffffff !important;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px;    

}

.comments-table {

    border: 0px;

}

.comments-table td {

    border: 0px;

    background: linear-gradient(#535353 0%, #000 20%) !important;

    border-radius: 5px 5px 0px 0px;

    border: 0px;

    padding: 5px;

    color: #ffffff;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px;

    top: -32px;

}

.url-info {

    border: none !important;

    background: linear-gradient(#535353 0%, #000 40%);

    border-radius: 5px 5px 0px 0px;

    border: 0px;

    padding: 5px;

    color: #ffffff;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px;

    top: -32px;

}

.comments-table .pfp-fallback {

    border: 2px ridge #555555;

}

.person .pfp-fallback {

    border: 2px ridge #555555;    

}

.profile-pic .pfp-fallback {

    border: 2px ridge #555555;     

}

#comments > div.inner > table > tbody > tr > td:nth-child(1) {

    background: none;

}

.comment-replies {

    border: none;

    border-top: 2px ridge #555555;

}

footer {

    background: none;

}

</style>


<style>


body { cursor: url(https://i.imgur.com/n1OKJev.png), default; }


</style>


<div style="float: ; max-height: 200px; position: fixed; left: 25px; top: 6px; z-index: 300;">

<img src="https://i.ibb.co/fYndQGQV/ezgif-68d39b814ce316.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzZkYjE3NmVhLTQzZmMtNDE5ZS1iNzg2LTViYjNlZTgzMzk3NlwvZGZzdWlkdi1mMzYxMDI5Yy0yOGRlLTQ1MTMtODAyNy01ZjQwY2VmYzIwNDEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.rOaby85vduQbVrm777A1EzZwKmy6L_NpBYE0hpFHF74" height="360"/>

<style></style>


<style>


.online{content:url("https://i7.glitter-graphics.org/pub/1977/1977987p5rupgxvp4.gif");}


}

</style>>


<style>


body { cursor: url(https://i.imgur.com/n1OKJev.png), default; }


</style>


<div style="float: ; max-height: 200px; position: fixed; left: 25px; top: 6px; z-index: 300;">

<img src="https://i.ibb.co/fYndQGQV/ezgif-68d39b814ce316.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzZkYjE3NmVhLTQzZmMtNDE5ZS1iNzg2LTViYjNlZTgzMzk3NlwvZGZzdWlkdi1mMzYxMDI5Yy0yOGRlLTQ1MTMtODAyNy01ZjQwY2VmYzIwNDEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.rOaby85vduQbVrm777A1EzZwKmy6L_NpBYE0hpFHF74" height="360"/>

<style></style>


<style>


.online{content:url("https://i7.glitter-graphics.org/pub/1977/1977987p5rupgxvp4.gif");}


}

</style>>


<style>

/* replace with cd image that has transparent background. must be 150px by 150px. */

:root {

--cd-image: url('https://i.ibb.co/s9Z7v0Wt/174155225743268658.png');

}

.profile-pic {

position: relative;

width: 183px;

filter: drop-shadow(0 0 0.25rem gray);

}

.profile-pic:after {

content: "";

background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));

background-size: contain, cover;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}


.profile-pic:before {

content: "";

background: var(--cd-image);

position: absolute;

top: 5px;

left: -20px;

width: 150px;

height: 150px;

background-repeat: no-repeat;

z-index: -1;

animation-name: spin;

animation-duration: 5000ms;

animation-iteration-count: infinite;

animation-timing-function: linear; 

transition: left ease 0.5s;

}

.profile-pic:hover:before {

left: -75px;

}

@keyframes spin {

    from {

        transform:rotate(0deg);

    }

    to {

        transform:rotate(360deg);

    }

}

.profile-pic .pfp-fallback {

float: right;

width: 163px;

height: 160px;

border: none;

}

.general-about .profile-pic img {

max-width: inherit;

}

</style>


<style>

.online{content:url("https://i7.glitter-graphics.org/pub/1977/1977987p5rupgxvp4.gif");}

<style>


</style></div></div>

i'm only fluent in english but i've picked up some spanish, russian and i'm learning japanese! I'M TRANS!! (MTF) I'M A WANNA BE SCENE QUEEN AND PUNK ICON ^_^

physical media FREAK!!!!! ask me about my cds and games!!

i play bass, write music, draw and program!


Report Topic

1 Reply

Reply by carolina

posted

after one of ur </style> tags u put an extra >, just delete it i highlighted the area below

 


Permalink Report Reply