header image: http://herbrokentoy.com/virbishstyle_01.png
body_container: http://herbrokentoy.com/virbishstyle_bg.png
right_side(sidebar): http://herbrokentoy.com/virbishstyle_sidebarbg.png
Please save to your own server, direct linking is not permitted.
Skim through the css to find the background-image:url for both the body_container
and right_side and change link from yourdomain to your website address, otherwise,
the images will not work.
To add the header image, go into your "Advanced" style area. The second box, which
is labeled "HTML layout".. you will add:
just before
If you have any questions, feel free to message me, http://virb.com/herbrokentoy
Redistribution is not permitted. Please direct members to http://virb.com/virbishstyle
Copy the following code (everything beginning with /*Basic Customization below)
and paste into the "Advanced" area of the styles section, it should be pasted into the first
box aka "Css styles"
/* Basic Customization
********************************************/
div#body_container, div#profile_container {
color: #757575;
font: normal 11px georgia;
text-align: justify;
}
div#body_container {
width: 100%;
background: #ffffff;
background-image: url("http://yourdomain.com/virbishstyle_bg.png");
background-repeat: repeat-x;
text-align: justify;
}
div#profile_container {
background: #ffffff;
text-align: justify;
}
p em {
font-family: Georgia;
}
h1 {
font-size: 25px;
color: #c00000;
}
div.profile_meta p.tagline {
color: #;
font-size: ;
}
div#meta_music p.tagline,
div#meta_music p.location {
color: #;
font-size: ;
}
div.profile_meta h2 {
color: #000000;
font-size: 13px;
}
div.profile_photo {
border: 1px solid #b6b6b6;
}
img.virb_image {
border: 1px solid #eeeeee;
background: #b6b6b6;
}
a:hover img.virb_image {
background: #979797;
}
div.module {
border-top: 1px dashed #808080;
color: #757575;
}
div.module p {
color: #757575;
}
div#comments {
border-top: 1px dashed #808080;
}
div.comment_box,
div.comment_box_alt,
#shows tr,
#shows tr.row_odd {
background-color: #f3f3f3;
}
#shows tr { background-color: transparent; }
div.comment_box,
div.comment_box_alt,
#shows tr td,
#shows tr.row_odd td {
border-top: 1px solid #b6b6b6;
}
h3 {
font-size: 13px;
color: #808080;
}
p.tagline {
font-size: #;
}
.comment_box p,
.comment_box_alt p,
.comment_box p.comment_post,
.comment_box_alt p.comment_post,
#show tr p,
#shows tr.row_odd p {
color: #757575;
font-size: 11px;
}
.comment_box p.comment_extras,
.comment_box_alt p.comment_extras {
color: #888888;
font-size: 11px;
}
a,
a:link,
a:visited {
color: #c00000;
}
a:hover {
color: #808080;
}
p.comment_author a,
p.comment_author a:visited {
color: #c00000;
}
p.comment_author a:hover {
color: #808080;
}
#connect ul li {
border-bottom: 1px solid #404040;
}
#connect ul li a:hover {
background: #c00000;
color: #ffffff;
}
/* Advanced Customization
********************************************/
img { border: 0; }
hr {
height: 0;
width: 0;
border: 0;
}
ul, li { list-style-type: none; }
table, tr, td {
border: 0;
border-collapse: collapse;
vertical-align: top;
}
* { padding: 0; margin: 0; }
body, div#profile_container {
text-align: center;
}
div#profile_container {
width: 770px;
margin: 0 auto;
border-right: 1px color:4b4b4b;
padding: 15px 35px;
}
div#left_side {
float: left;
width: 560px;
text-align: justify;
margin: 0 10px 25px 0;
}
div#right_side {
float: left;
background: #ffffff;
background-image: url("http://yourdomain.com/virbishstyle_sidebarbg.png");
background-repeat: repeat-y;
width: 160px;
padding-left:15px;
padding-right:15px;
margin: 0px 0px 25px 10px;
}
div.module {
display: block;
padding: 2px 0px 25px 0;
text-align: justify;
line-height: 150%;
}
#connect { padding-right: 0; }
#meta, #meta_music, #connect { border: 0; }
#connect ul {
font-size: 11px;
margin-top: 5px;
}
#connect ul li a,
#connect ul li a:visited {
display: block;
width: 100%;
padding: .2em 0;
text-decoration: none;
}
#connect ul li em {
font-family: Arial, Verdana, sans-serif;
}
#connect ul li#isFriend,
#connect ul li#friendshipPending,
#connect ul li#isYou {
padding: .2em 0;
}
img.virb_image {
float: left;
padding: 3px;
margin: 0 13px 13px 0;
}
#videos img.virb_image,
.videos_alt img.virb_image,
#photos img.virb_image,
.photos_alt img.virb_image {
margin: 0 10px 10px 0;
}
#photos_flickr div {
height:100px;
width:100px;
float:left;
margin: 0 20px 20px 0;
}
#meta_music table, #shows table {
width: 100%;
}
#shows tr {
border-bottom: 1px solid #e3e3e3;
}
#shows tr.row_odd {
background: #f5f5f5;
}
#shows td {
text-align: left;
padding: .5em 0;
vertical-align: top;
}
#shows td.col1 {
width: 6em;
}
#shows td.col4 {
width: 2.5em;
}
#comments {
padding-right: 0;
margin-bottom: 35px;
}
div.comment_box,
div.comment_box_alt {
display: block;
padding: 15px;
margin: 0 0 10px 0;
}
.comment_box p.comment_extras,
.comment_box_alt p.comment_extras {
margin-top: 15px;
}
div#add_comment {
display: none;
margin: 0 0 20px 0;
}
#meta_music, #player_personal {
padding-right: 0;
}
div.profile_photo {
float: left;
width: auto;
padding: 10px;
text-align: center;
}
.profile_photo img {
position: relative;
display: block;
}
div.profile_meta {
float: left;
padding: 15px;
}
.profile_meta ul {
margin: 10px 0 0 0;
}
.profile_meta ul li {
float: left;
padding: 0 10px 0 0;
}
.clear {
position: relative;
clear: both;
}
/* Typography
*****************************************************/
h1 {
letter-spacing: -1px;
}
h2 {
font-weight: normal;
line-height: 100%;
margin: 0 0 .2em 0;
letter-spacing: 0;
}
.profile_meta h2 em {
font-style: normal;
}
.profile_meta h2 span {
font-weight: normal;
}
h3 {
letter-spacing: 0;
padding: 0 0 1em 0;
margin: 0;
}
h4 {
font-size: 12px;
color: #666666;
padding-bottom: 10px;
}
h4 strong { color: #c00000; }
h5 {
position: absolute;
top: 88px;
left: 360px;
width: 135px;
height: 12px;
font: normal 9px "Lucida Grande", Tahoma, sans;
color: #99ea00;
line-height: 12px;
}
h5 em { font-style: normal; }
p {
margin: 0;
}
p.tagline {
margin: .5em 0 1em 0;
line-height: 125%;
}
div#blogs p {
margin: 0 0 1.5em 0;
}
div#blogs p.blog_post {
margin: 0 0 .5em 0;
}
.comment_box p,
.comment_box_alt p,
.comment_box p.comment_post,
.comment_box_alt p.comment_post {
margin: 0 0 .5em 115px;
}
.comment_box p em,
.comment_box_alt p em {
margin-top: 2.5em;
font-size: 10px;
}
div.comment_box form p textarea {
width: 99%;
}
* html div.comment_box form p textarea {
margin-right: -100px;
width: 620px;
}
div.comment_box_alt form p textarea {
width: 99%;
}
* html div.comment_box_alt form p textarea {
margin-right: -100px;
width: 620px;
}
#player_personal p {
text-align: center;
}
input,
textarea {
font: bold 12px Arial, Helvetica, Verdana, sans;
color: #c00000;
padding: .2em;
width: 100%;
margin: 1em 0 .5em 0;
letter-spacing: -1px;
}
input.comment_btn {
width: auto;
padding: 0;
}
textarea.comment_text {
height: 90px;
margin: 0;
font-weight: normal;
}
/* Links
********************************************/
a,
a:link,
a:visited {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
.module h3 a,
.module h3 a:visited {
font-weight: normal;
}
div#blogs p.blog_post a,
div#blogs p.blog_post a:visited {
font-weight: bold;