ash lynx's profile picture

Published by

published
updated

Category: Art and Photography

cowboy bebop profile code

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>


3 Kudos

Comments

Displaying 3 of 3 comments ( View all | Add Comment )

Shannon

Shannon's profile picture

Hello! How did you do the rounded boarders on your profile? Can't figure it out!


Report Comment

ash lynx

ash lynx's profile picture

after background add this rgba(1, 1, 1, .50);


Report Comment

miss-misfit♡

miss-misfit♡'s profile picture

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