Man. Blogspot sure is giving me a damn hard time fixing my images to the right sizes. *sigh*I've been sighing a lot today, huh? I don't know why.
Anyway. Here's a simple layout with tiled hearts of different colors in the background..though I only used two colors for this layout, and that's pink and black. It's still effective, though.
Copy-paste this code into your Media Box.
And here is the code for the layout. You know where to put it right? In your CSS Code Box! :)
/* HEARTS */
/* blade-you-stain.blogspot.com */
/* PROFILE BACKGROUND */
body { background-image:url(http://i197.photobucket.com/albums/aa219/doki_ely/hearts.jpg); background-attachment:fixed; background-position:bottom center; background-repeat:repeat; background-color:#ffffff; }
/* GLOBAL FONTS */
.usercontent { font-family:Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color:#ff0066; text-transform:lowercase; }
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited,
.usercontent a:active { text-decoration:underline; color:#ff0066; }
.data a, a.more, .commonbox .viewall { font-family:Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color:#ff0066; text-transform:lowercase; }
.usercontent a:hover { text-decoration:overline; color:#ff0066; }
/* GLOBAL HEADERS */
.commonbox h1, .commonbox h2 { font-family:Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color:#ff0066; text-transform:lowercase; background-color:#ffffff; }
/* GLOBAL BOXES */
.commonbox { border-width:6px; border-color:#000000; border-style:double; background-color:#ffffff; }
/* TESTIMONIALS EVEN ROW */
.commonbox .evenrow { background-color:#ffffff; }
/* PRIMARY PHOTO BORDER */
.controlpanel .imgblock200 { border-color:#000000; border-style:dotted; }
/* DATA / LABELS */
.data, .controlpanel .q { color:#ff0066; text-transform:lowercase; }
/* BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link,
#controlPanelButtons a:visited { font-family:Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color:#ff0066; border-color:#000000; border-style:double; background-color:#ffffff; }
#controlPanelButtons a:hover { color:#ff0066; border-color:#000000; background-color:#ffffff; }
/* PHOTO BLOCKS */
.commonbox .imgblock75, .ir { border-width:6px; border-color:#000000; border-style:double; background-color:transparent; }
/* FRIENDS NAME BG */
.commonbox .dr { background-color:transparent; }
and remember! Scrolling boxes are bitches, but they make your work look better! ;)
No comments:
Post a Comment