
This is my first template for Virb°, and it is actually the one I have been working on for myself. It is nothing too special, but I really like it so far. It is just based off of a simple blog design. The color’s are blue and white and most of the modules are customized. If you want to see what it looks like, just check out my profile, and friend me while you’re at it!
The only warning I have is that the image is hosted on my site. Now, I am not sure how my bandwidth is doing, so if you can, I would appreciate it if you saved the image and hosted it yourself, if at all possible (there is only 1 image). Other than that, enjoy the template! Just copy and paste the following code into the “CSS Styles” tab under the advanced customization button.
div#profile_container {
background: url(”http://jdavidmacor.com/Virb_Resources/blog_bg.jpg”) repeat-y top;
width: 740px;
}
p em {
font-family: Arial Narrow;
}
h1 {
font-size: 25px;
color: #333333;
}
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: #999999;
font-size: 14px;
}
div.profile_photo {
border: 1px solid #dddddd;
margin-left:15px;
}
img.virb_image {
border: 1px solid #dddddd;
background: #F1F1F1;
}
a:hover img.virb_image {
background: #dddddd;
}
div.module {
border-top: 4px solid #6699cc;
color: #444444;
}
div.module p {
color: #444444;
padding-left: 5px;
padding-right: 5px;
}
div#comments {
border-top: 4px solid #6699cc;
}
div.comment_box,
div.comment_box_alt,
#shows tr,
#shows tr.row_odd {
background-color: #DDE6F0;
}
#shows tr { background-color: transparent; }
div.comment_box,
div.comment_box_alt,
#shows tr td,
#shows tr.row_odd td {
border-top: 1px solid #6699cc;
}
h3 {
font-size: 16px;
color: #444444;
margin-left: 5px;
margin-right: 5px;
}
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: #444444;
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: #6699cc;
}
a:hover {
color: #0281ca;
}
p.comment_author a,
p.comment_author a:visited {
color: #6699cc;
}
p.comment_author a:hover {
color: #0281ca;
}
#connect ul li {
border-bottom: 1px solid #dddddd;
}
#connect ul li a:hover {
background: #DDE6F0;
color: #6699cc;
}
/* 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: 740px;
margin: 0 auto;
padding: 15px 35px;
}
div#left_side {
float: left;
width: 540px;
margin: 0 10px 35px 0;
}
div#right_side {
float: left;
width: 180px;
margin: 0 0 35px 10px;
}
div.module {
display: block;
padding: 2px 15px 25px 0;
text-align: left;
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: 10px 13px 13px 10px;
}
#videos img.virb_image,
.videos_alt img.virb_image,
#photos img.virb_image,
.photos_alt img.virb_image {
margin: 10px 10px 10px 10px;
}
#videos img { margin-left: 10px; }
#photos_flickr div {
height:100px;
width:100px;
float:left;
margin: 0 20px 20px 0;
}
#photos_flickr img {
margin-left: 10px;
}
#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: 5px;
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;
}
#recentSong li {
margin-left: 10px;
display: block;
border: 0px solid #000000;
}
.odd {
background: #DDE6F0;
}
/* 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: #333333; }
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: #333;
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: none;
}
a:hover {
text-decoration: underline;
}
.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;
}
Awesome — not using it, but added you as a friend.
Nice
Cool.
Nice…
Nice…
!!! it s cool site))) let’s go)!! i m back in this site!!! and visit my blog please!! it s intersting!