hello everyone :)
i hope this helps anyone having trouble!
feel free to customize it however you'd like or use it as it is.
whatever makes you happy! ^_^
lmk if you have any questions or reccomendations. :3
i also HIGHLY recommend using this link while coding to see the changes it makes in real time.
it saves so much frustration and headache!!
꘎♡━━━━━━━━━━━━━━━♡꘎
<style>
nav {
overflow-x: hidden;
position: relative;
}
nav .top {
background: transparent;
}
nav .links {
background: rgba(237,192, 203, 0.3);
}
nav { background-image: url(); }
body
{background: url("https://i.pinimg.com/originals/56/d2/ba/56d2bae590b6584e958fadfd1211b06b.gif")
no-repeat fixed; background-size: cover;
}
:root {
--logo-blue: ;
--darker-blue: lightblue;
--lighter-blue: grey;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: lightpink;
--light-orange: ;
--even-lighter-orange: lightblue;
--green: lightpink;
}
main {
/* changes made to stuff outside of columns */
background: #EEE8;
padding: 0;
font-size: 80%;
color: var(--light-orange);
}
main {
background-color: transparent;
color: lightblue;
}
.profile h1 {color:;}
body {
font-family: monospace;
</style>
<style>
footer {
border-radius: 15px;
background-image: url(https://i.pinimg.com/originals/c4/dd/56/c4dd569f8314817558716da80ecaefc0.jpg);
</style>
<style>
table, th, td {
border: 1px solid ;
}
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
border: ;
}
a.ditto-link {
display: block;
margin: 10px 0;
color: #cce3e3;
font-size: 1.4rem;
font-weight: bold;
animation: blinker 1s linear infinite;
}
.profile-pic {
border-radius: 500px;
overflow: hidden;
}
.heading {
padding: 5px 0 !important;
margin-top: 15px;
margin-bottom: 10px;
background-color: transparent !important;
color: pink !important;
border-bottom: 2px solid;
}
.container {
border-radius: 15px 15px 0 0;
overflow: hidden;
margin-top: 30px;
padding: 10px;
}
table.comments-table td {
background-color: transparent !important;
}
.comments-table td:first-child img {
width: 80px;
border-radius: 500px;
}
.profile .friends .person img {
border-radius: 500px;
}
.blog-preview p {
font-size: 1.4rem;
}
</style>
<style>
.online{content:url("http://dl.glitter-graphics.net/pub/2863/2863541sqrziam22s.png");}
</style>
Comments
Displaying 3 of 3 comments ( View all | Add Comment )
Shannon
Hello! How did you do the rounded boarders on your profile? Can't figure it out!
Report Comment
ash lynx
after background add this rgba(1, 1, 1, .50);
Report Comment
miss-misfit♡
hi!! just saw your comment on my bulletin for changing colors and transparency, still a little confused! heres my line for the main code:
main {
/* changes made to stuff outside of columns */
background: #936afb;
padding: 0;
font-size: 80%;
color: var(--pink);
I have tried changing it and I think im doing something wrong lol, suggestions??
Report Comment