Blog Layout 5b

 					!!!!!!!!!!!!Read It!!!!!!!!!!!!

                                                (⊙.⊙(☉_☉)⊙.⊙)

There are div ids/classes and table classes in this layout.  Be VERY, VERY, VERY careful not to drop off any of the coding.

///Top Pic///
Put your 660px width by 200px height image url in the spot between the ( and ) near the bottom of the Blog Stylesheet secton.  It will look like this:

<div id="victop" style="background-image:url(http://i.imgbox.com/abj1XtPw.png);"></div>

///////////////


                                        !!!!!!!!!!!!TIP!!!!!!!!!!!!

Since you are making a blog for content, it should be relatively blank as the meat of the blog is going to be accessed via the content links.  When they click on a content link, it will take them to the appropriate blog.

1) Create a 'Content' blog (Titled content with a short description (IE "Hover over top pic for Content') for the body of the text.
2) Disable Kudos & Comments
3) Put a link to this content blog on your profile.


                        Don't forget to replace the XXXXX with your friend ID number.

                                                     (>‿◠)✌


                *****************************SAVE YOUR WORK AS YOU GO.*******************************

----------------------Blog Header------------------------

LEAVE BLANK

----------------------Blog Stylesheet------------------------


<style type="text/css">

.vicarious {BE RESPECTFUL TO THE LAYOUT CODER/CREATOR.  DO NOT REMOVE THE .VICARIOUS CREDIT!
Blog Layouts available @ http://vicarious-bloglayouts.tumblr.com/}

.vicarious{Cross Type Shared Commons}

.blogcomments, .blogcommentsprofile, p.blogtimestamp, .blog     {
background-color:transparent!important;}


#victop1, .v1, .v2, .v3, a.first, a.first:link, a.first:active, a.first:visited, a.content, a.content:link, a.content:active, a.content:visited {
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}





.vicarious{Background/Blog Shared Commons}

.blogcomments, .blogcommentsprofile   {
background-color:#0c1527 !important;
border:1px solid #1f2738!important;
}


.vicarious{Background/Blog Properties}

body{
background-color: #0c1527 !important;
background-image:url("")!important;
background-repeat: repeat!important;
background-attachment:fixed;
background-position:bottom right;
}

.main {
width:500px!important;
left:50%;
top:0%;
visibility:visible;
z-index:1;
margin-left:-322px;
margin-top:200px;
position:absolute;
}

.blog {
width:610px!important;
background-color:transparent !important;
-webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    7px 7px 5px rgba(0, 0, 0, 0.75);
box-shadow:         7px 7px 5px rgba(0, 0, 0, 0.75);
}



.vicarious{Text Shared Commons}

a, a:link, a:active, a:visited, a:hover, td, .text, table, td.txt_label , tr, td, li, p, div, input, txt, i, b, .main u, .main font, a.first, a.first:link, a.first:active, a.first:visited, a.content,

a.content:link, a.content:active, a.content:visited, big, p.blogtimestamp, .blogsubject   {
font-family: tahoma  !important;
visibility: visible!important;
color: #a8a8a8 !important;
text-decoration:none !important;
font-size:6pt  !important;
line-height:90%  !important;
text-align:left  !important;
background-color:transparent !important;
}




big, a.first, a.first:link, a.first:active, a.first:visited, a.content, a.content:link, a.content:active, a.content:visited, blogsubject {
display:block!important;
}

big, a.first, a.first:link, a.first:active, a.first:visited, a.content, a.content:link, a.content:active, a.content:visited  {
color: #000000 !important;
}

big, p.blogtimestamp, a.first, a.first:link, a.first:active, a.first:visited, a.content, a.content:link, a.content:active, a.content:visited  {
text-transform:uppercase !important;
font-weight:bold !important;
text-align:center !important;
}


.vicarious{Text Properties}

td.txt_label {
background-color: transparent !important;
}

.blogsubject {
width:100%!important;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
font-size: 14pt !important;
color:c1c1c1 !important;
letter-spacing:-1pt !important;
line-height:100% !important;
padding:5px !important;
text-align: left !important;
text-transform:lowercase !important;
}


p.blogtimestamp {
color: #6f7684 !important;
letter-spacing:1pt !important;
text-align:right !important;
}

i {
color: #555555 !important;
font-style:italic !important;
}

b {
color:  #cccccc !important;
font-weight:bold  !important;
}

big {
font-family:copperplate gothic light !important;
font-size:26pt!important;
line-height:100% !important;
padding:15px 20px !important;
color:c1c1c1 !important;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}


.vicarious{Profile Link Codes}

a.first, a.first:link, a.first:active, a.first:visited {
font-family:arial narrow  !important;
font-size: 10pt !important;
color:848a97 !important;
background-color: #1f2738 !important;
width:300px;
height: auto;
padding-left:5px;
margin-bottom:2px;
border-right: 50px solid;
border-color:#1f2738 !important;
}

a.first:hover{
color:3b4456 !important;
}


.vicarious{Content Link Codes}
a.content, a.content:link, a.content:active, a.content:visited {
color:c1c1c1 !important;
background-color: #2a3449 !important;
height:18px!important;
line-height:18px!important;
width:156.5px!important;
margin:2px !important;
}

a.content:hover{
color:79808e !important;
background-color: #0c1527 !important;
}



.vicarious{Div ID Shared Commons}

#vicback, #vicback2 {
border-color: #1f2738  !important;
border-left:55px solid;
border-right:55px solid;
height:1200px;
left:50%;
top:0%;
visibility:visible;
z-index:-1;
margin-top:0px;
position:fixed;
}

#vicbox1a, #vicbox2a {
height:40px;
width:400px;
overflow:hidden;
 -webkit-transform:   rotate(270deg);
-moz-transform:   rotate(270deg);
-o-transform:   rotate(270deg);
-ms-transform:   rotate(270deg);
transform:    rotate(270deg);
left:50%;
top:0%;
visibility:visible;
z-index:-1;
position:fixed;
}

#victop, #victop1, #victop1:hover {
background-color: #1f2738!important;
height:200px;
width:660px;
left:50%;
top:0%;
visibility:visible;
z-index:10;
position:fixed;
margin-left:-318px;
margin-top:0px;
position:fixed;
overflow:hidden;
}


.vicarious{Div IDs}



#vicback{
background-color: #2b3343  !important;
width:665px;
margin-left:-375px;
}

#vicback2 {
background-color: #0c1527  !important;
width:865px;
margin-left:-475px;
}

#vicbox1a {
margin-left:-597px;
margin-top:180px;
}


#vicbox2a {
margin-left:223px;
margin-top:180px;
}


#victop {
}

#victop1 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}

#victop1:hover {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}

.vicarious{Div Style Shared Commons}

.v1, .v2, .v3  {
position: relative;
}

.vicarious{Div Style Classes}

.v1   {margin-left:150px; }
.v1:hover  {margin-left:100px;}

.v2   {margin-left:125px; }
.v2:hover  {margin-left:75px;}

.v3   {margin-left:100px;  }
.v3:hover  {margin-left:50px;}



 .vicarious{Hide Codes}
.profile { display:none !important;visibility:hidden!important; }
.nav, .spacer, .googleafc, .commentspacer, hr {display: none!important;}
#ctl00_cpMain_googlead   { display:none !important;visibility:hidden!important; }
images/spacer.gif{ display:none !important;visibility:hidden!important; }
.st_sharethis_hcount, .st_facebook_hcount, .st_twitter_hcount, .st_pinterest_hcount  { display:none !important;visibility:hidden!important; }
.vicarious {Blog Layouts available @ http://vicarious-bloglayouts.tumblr.com/}
</style>







<div id="vicback2"></div>

<div id="vicbox1a">

<div class="v1"><a class="first" href="/logincomplete.php">Home</a></div>
<div class="v2"><a class="first"href="/add_testimonial.php?member_id=xxxxxx">Comment</a></div>
<div class="v3"><a class="first"href="/send_message.php?member_id=xxxxxx">Message</a></div>


</div>


<div id="vicbox2a">
<div class="v3"><a class="first"href="/gallery.php?member_id=xxxxxx">Photos</a></div>
<div class="v2"><a class="first" href="LINK HERE">EXTRA Link Title</a></div>
<div class="v1"><a class="first" href="LINK HERE">EXTRA Link Title</a></div>


</div>





<div id="vicback"></div>

<div id="victop" style="background-image:url(http://i.imgbox.com/abj1XtPw.png);"></div>

<div id="victop1">

<big>CONTENT</BIG>
<table><tr><td valign="top">

<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>

</td><td valign="top">

<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>

</td><td valign="top">

<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>

</td><td valign="top">

<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>

</td></tr></table>
</div>