Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- !!!!!!!!!!!!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:#221c2c !important;
- border:1px solid #3d354a !important;
- }
- .vicarious{Background/Blog Properties}
- body{
- background-color: #221c2c !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: #6b6573 !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:898196 !important;
- background-color: #423a4f !important;
- width:300px;
- height: auto;
- padding-left:5px;
- margin-bottom:2px;
- border-right: 50px solid;
- border-color:#423a4f !important;
- }
- a.first:hover{
- color:342c41 !important;
- }
- .vicarious{Content Link Codes}
- a.content, a.content:link, a.content:active, a.content:visited {
- color:c1c1c1 !important;
- background-color: #5a516a !important;
- height:18px!important;
- line-height:18px!important;
- width:156.5px!important;
- margin:2px !important;
- }
- a.content:hover{
- color:5a516a !important;
- background-color: #221c2c !important;
- }
- .vicarious{Div ID Shared Commons}
- #vicback, #vicback2 {
- border-color: #423a4f !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: #30283c!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: #3d354a !important;
- width:665px;
- margin-left:-375px;
- }
- #vicback2 {
- background-color: #221c2c !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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement