Groovy Vector

Layout designer

Rate this layout

* * * * 241 votes

» Layout Preview

I know its kinda dark but it looks cool to me. Decided to make another groovy vector layout for dark lovers or for those who love groovy and vector layouts. Credit me & fslayouts.com.

REMEMBER UPLOAD THE IMAGES INTO YOUR OWN PHOTOBUCKET OR IMAGESHACK OR ANY OTHER FREE PHOTO HOST AND USE YOUR OWN URL TO REPLACE THE IMAGE URL IN MY CODE. THE REST OF THE CODES ARE STILL USABLE. tHE URL IN THE CODE THAT NEEDS TO BE REPLACED IS AT THE TOP, NEAR THE CODE FOR THE BEACKGROUND APPEARANCE. iF YOU DONT KNOW HOW, JUST EMAIL ME YOU EMAIL ADD THAT IS GENUINE AND I WILL HELP YOU DO IT. PLEASE DO THIS TO AVOID THE IMAGES FROM DISSAPEARING AND REPLACED WITH AN ERROR. UNFAIT TO ME AND OTHERS WHO WISH TO PREVIEW AND USE. THX. AND DONT START ACCUSING ME UNTIL U REALLY UNDERSTAND WHAT IM SAYING

Code for CSS section

/* {--friendster-layouts.com css code start--} */

/* FRIENDSTER-LAYOUTS.COM */
/* Groovy Vector by Mizsy RedDelish */

/* PAGE BACKGROUND */
body {
  background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2007/05/groovy-css.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: url("http://plugin.smileycentral.com/http%253A%252F%252Fplugin%252Esmileycentral%252Ecom%252Fassetserver%252Fcursor%252Ejhtml%253Fcur%253D1%2526i%253D2004/image.gif"),default;
}
/* GLOBAL FONTS */
.usercontent {
  font-family: Kristen ITC;
  color: #cc0066;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  text-decoration: underline;
  color: #cc0066;
}
.usercontent a:hover {
  text-decoration: underline;
  color: #990066;
}
/* MASTER BOXES */
.commonbox {
  background-color: transparent;
}
.commonbox .evenrow {
  background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  font-family: Galleria;
  color: #000000;
  text-transform: uppercase;
  background-color: #990066;
}
/* CONTROL PANEL: BOX */
.controlpanel {
  background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-color: #000000;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: Kristen ITC;
  color: #ffffff;
}
.controlpanel .data {
  font-family: Kristen ITC;
  color: #ffffff;
}
.data a {
  font-family: Kristen ITC;
  color: #e5e5e5;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  font-family: Galleria;
  color: #e5e5e5;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Cheri;
  color: #cc0066;
  border-color: #ff0066;
  border-style: double;
  background-color: #ffffff;
}
#controlPanelButtons a:hover {
  font-family: Kristen ITC;
  color: #ffffff;
  border-color: #330000;
  background-color: transparent;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
  font-family: Kristen ITC;
  color: #cc0066;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
  font-family: Galleria;
  color: #000000;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  border-width: 2px;
  border-color: #000000;
  border-style: double;
  background-color: transparent;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: Galleria;
  color: #cc0066;
  background-color: #black;
}

/* {--friendster-layouts.com css code end--} */

Code for Media/About Me

<p align="center"><a title="Friendster Layouts" href="http://friendster-layouts.com/"><img border="0" src="http://btn.friendster-layouts.com/03.gif" alt="Friendster Layouts"></a><br /><a href="http://friendster-layouts.com/" title="Friendster Layouts">Friendster-Layouts.com</a>: <a href="http://friendster-layouts.com/author/mizmystiquelj/" title="~Mizsy RedDelish~'s layouts">~Mizsy RedDelish~'s layouts</a></p>