Like Us
Follow @catster
Google +1 Subscribe to our YouTube Channel Contact Us
Catster Creations » Group Forum

CSS Basic code!

  
ѼPumpkinѼ

995253
 
 
Purred: Fri Aug 28, '09 9:54am PST 
This is a easy and basic code to do your pages! You just go to the color picker and pick your colors where there is numbers and then your image backgrounds you go to like photobucket to get the link!

ѼPumpkinѼ

995253
 
 
Purred: Fri Aug 28, '09 9:57am PST 
It wont let me post it but if you pawmail me your email I will send it to you!
It looks scary but if you mess up you can ALWAYS fix it!

ѼPumpkinѼ

995253
 
 
Purred: Tue Sep 8, '09 4:42am PST 
Got It! You will have to add your backgrounds from like photo bucket and your colors from like a color picker site.




#bottomCenter {
background-color: transparent;
}
#profileContent {
background-color: #F9E7F7;
border-style: solid;
border-width: 4px;
border-color: #B579AD;
padding: 10px;
}
#siteFooter {
background-color: transparent !important;
}


/*STATS BOX*/
td, table { background-color: transparent;}



/* "TRANSPARENT NAV LIST" */
#leftNavList, #leftNavList TD {
background: transparent !important;
}



/* "MENU BUTTON BARS" */


#navigation LI {
BACKGROUND-IMAGE: url(http://i190.photobucket.com/albums/z100/catsterpals/buttonbar/so ft/lilac_middle.gif);
}
#navigation LI.spacer {
BACKGROUND-IMAGE: url(http://i190.photobucket.com/albums/z100/catsterpals/buttonbar/so ft/lilac_divider.gif);
}
#navigation LI.first {
BACKGROUND-IMAGE: url(http://i190.photobucket.com/albums/z100/catsterpals/buttonbar/so ft/lilac_left.gif);
}
#navigation LI.last {
BACKGROUND-IMAGE: url(http://i190.photobucket.com/albums/z100/catsterpals/buttonbar/so ft/lilac_right.gif);
}
#navigation LI A:hover {
BACKGROUND-IMAGE: url(http://i190.photobucket.com/albums/z100/catsterpals/buttonbar/so ft/lilac_middle_over.gif);
}
#navigation LI.first A:hover {
BACKGROUND-IMAGE: url(http://i190.photobucket.com/albums/z100/catsterpals/buttonbar/so ft/lilac_left_over.gif);
}
#navigation LI.last A:hover {
BACKGROUND-IMAGE: url(http://i190.photobucket.com/albums/z100/catsterpals/buttonbar/so ft/lilac_right_over.gif);
}
#navigation LI A {
COLOR: #370b35! important;
}


/* "GIFT BOX" */
#gifts_box { background: #ffccff !important; }


/*BACKGROUND*/
body { background: url(http://dl6.glitter-graphics.net/pub/72/72836ffi9jodio8.jpg); background-attachment: fixed}


/*FONT*/
td,p,body,font, span,h2, h3{color: #458B00 ! important;font:8pt verdana ;font-weight:600; }

/*FONT HOVER*/
A:hover { COLOR: #B579AD ! important }

/*FONTS*/

/* NAME! max size of 20 to 24 pixels depending on font style */
H2.header { FONT: bold 24pt verdana; COLOR: #458B00 }

/* Label for Sun Sign */
DIV.label { FONT: bold 8pt verdana; COLOR: #458B00}





Madison- ♥

The coolest- Fluffer Muffin- in town!!
 
 
Purred: Fri Sep 11, '09 8:57pm PST 
Oh this is awesome!! But can you explain what each thing is so I know where to put my links and codes?? Like whats a nav list?? etc...
my page | msg me | gift me | become friends

Madison- ♥

The coolest- Fluffer Muffin- in town!!
 
 
Purred: Fri Sep 11, '09 9:07pm PST 
this did not work for me... I need it explained in detail....
my page | msg me | gift me | become friends

ѼPumpkinѼ

995253
 
 
Purred: Sat Sep 12, '09 5:19am PST 
ok Anything in the code, like the background that has a link in it like this one says http://dl6.glitter-graphics.net/pub/72/72836ffi9jodio8.jpg that is where you go to like photobucket and find what kind of background you want and click on the second code and paste it in this spot.
I'm still trying to get this thing worked out, i have been working on 4 other cat's pages fur them...but that is what you change!