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.
- The 575px width banner is in the Blog Header section.
- The links are at the bottom of the Blog Stylesheet section.
- !!!!!!!!!!!!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 plus sign for Content') for the body of the text.
- 2) Disable Kudos & Comments
- 3) Put a link to this content blog on your profile.
- (>‿◠)✌
- *****************************SAVE YOUR WORK AS YOU GO.*******************************
- ----------------------Blog Header------------------------
- <center>
- <big>TITLE GOES HERE</big>
- <BR>
- <img src="http://i.imgbox.com/adkoYjtY.png">
- </center>
- ----------------------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;
- }
- .vicarious{Background/Blog Properties}
- body{
- background-color: #121212 !important;
- background-image:url("")!important;
- background-repeat: repeat-x !important;
- background-attachment:fixed;
- background-position:top right;
- margin-top:-200px;
- }
- .blog {
- width:500px!important;
- }
- .main {
- left:50%;
- top:0%;
- width:500px!important;
- visibility:visible;
- z-index:100;
- margin-left:-300px;
- margin-top:0px;
- position:absolute;
- background: rgb(149,149,149); /* Old browsers */
- /* IE9 SVG, needs conditional override of 'filter' to 'none' */
- background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOTU5NTk1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjMGQwZDBkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDEwMTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTMlIiBzdG9wLWNvbG9yPSIjMGEwYTBhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzYlIiBzdG9wLWNvbG9yPSIjNGU0ZTRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODclIiBzdG9wLWNvbG9yPSIjMzgzODM4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFiMWIxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
- background: -moz-linear-gradient(45deg, rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(149,149,149,1)), color-stop(46%,rgba(13,13,13,1)), color-stop(50%,rgba(1,1,1,1)), color-stop(53%,rgba(10,10,10,1)), color-stop(76%,rgba(78,78,78,1)), color-stop(87%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(45deg, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(45deg, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(45deg, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* IE10+ */
- background: linear-gradient(45deg, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
- }
- .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;
- line-height:90% !important;
- background-color:transparent !important;
- }
- .vicarious{Text Properties}
- .blogsubject {
- width:100%!important;
- font-family: copperplate gothic light !important;
- font-size: 21pt !important;
- color:7a7a7a !important;
- letter-spacing:-1pt !important;
- line-height:100% !important;
- padding:5px !important;
- text-align: right !important;
- text-transform:lowercase !important;
- text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
- -moz-border-radius-topleft: 90px;
- -webkit-border-top-left-radius: 90px;
- border-top-left-radius: 90px;
- -moz-border-radius-topright: 5px;
- -webkit-border-top-right-radius: 5px;
- border-top-right-radius: 5px;
- -moz-border-radius-bottomright: 5px;
- -webkit-border-bottom-right-radius: 5px;
- border-bottom-right-radius: 5px;
- -moz-border-radius-bottomleft: 90px;
- -webkit-border-bottom-left-radius: 90px;
- border-bottom-left-radius: 90px;
- background: rgb(13,13,13); /* Old browsers */
- /* IE9 SVG, needs conditional override of 'filter' to 'none' */
- background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkMGQwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDEwMTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5NTk1OTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxMDEwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMGEwYTBhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjNGU0ZTRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjIlIiBzdG9wLWNvbG9yPSIjMzgzODM4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFiMWIxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
- background: -moz-linear-gradient(top, rgba(13,13,13,1) 0%, rgba(1,1,1,1) 0%, rgba(149,149,149,1) 0%, rgba(1,1,1,1) 0%, rgba(10,10,10,1) 0%, rgba(78,78,78,1) 45%, rgba(56,56,56,1) 62%, rgba(27,27,27,1) 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,13,13,1)), color-stop(0%,rgba(1,1,1,1)), color-stop(0%,rgba(149,149,149,1)), color-stop(0%,rgba(1,1,1,1)), color-stop(0%,rgba(10,10,10,1)), color-stop(45%,rgba(78,78,78,1)), color-stop(62%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, rgba(13,13,13,1) 0%,rgba(1,1,1,1) 0%,rgba(149,149,149,1) 0%,rgba(1,1,1,1) 0%,rgba(10,10,10,1) 0%,rgba(78,78,78,1) 45%,rgba(56,56,56,1) 62%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, rgba(13,13,13,1) 0%,rgba(1,1,1,1) 0%,rgba(149,149,149,1) 0%,rgba(1,1,1,1) 0%,rgba(10,10,10,1) 0%,rgba(78,78,78,1) 45%,rgba(56,56,56,1) 62%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(top, rgba(13,13,13,1) 0%,rgba(1,1,1,1) 0%,rgba(149,149,149,1) 0%,rgba(1,1,1,1) 0%,rgba(10,10,10,1) 0%,rgba(78,78,78,1) 45%,rgba(56,56,56,1) 62%,rgba(27,27,27,1) 100%); /* IE10+ */
- background: linear-gradient(to bottom, rgba(13,13,13,1) 0%,rgba(1,1,1,1) 0%,rgba(149,149,149,1) 0%,rgba(1,1,1,1) 0%,rgba(10,10,10,1) 0%,rgba(78,78,78,1) 45%,rgba(56,56,56,1) 62%,rgba(27,27,27,1) 100%); /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-8 */
- }
- p.blogtimestamp {
- color: #444444 !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 {
- text-transform:uppercase !important;
- font-weight:bold !important;
- font-family:copperplate gothic light !important;
- font-size:26pt!important;
- line-height:100% !important;
- text-align:center !important;
- padding:20px !important;
- color:7a7a7a !important;
- text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
- display:block!important;
- }
- small {
- text-align:left !important;
- text-transform:uppercase !important;
- font-weight:bold !important;
- font-family:copperplate gothic light !important;
- font-size:30px!important;
- margin-right:20px!important;
- line-height:100% !important;
- width:20px;color:7a7a7a !important;
- display:block !important;
- text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
- }
- .vicarious{Content Link Codes}
- a.content, a.content:link, a.content:active, a.content:visited {
- font-family:arial narrow !important;
- text-transform:uppercase !important;
- font-weight:bold !important;
- font-size: 10pt !important;
- width:150px !important;
- line-height:20px!important;
- height:20px!important;
- color:666666 !important;
- text-align:center !important;
- margin-bottom:2px !important;
- display:block !important;
- text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
- background: rgb(13,13,13); /* Old browsers */
- /* IE9 SVG, needs conditional override of 'filter' to 'none' */
- background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkMGQwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDEwMTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5NTk1OTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxMDEwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMGEwYTBhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjNGU0ZTRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjIlIiBzdG9wLWNvbG9yPSIjMzgzODM4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFiMWIxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
- background: -moz-linear-gradient(top, rgba(13,13,13,1) 0%, rgba(1,1,1,1) 0%, rgba(149,149,149,1) 0%, rgba(1,1,1,1) 0%, rgba(10,10,10,1) 0%, rgba(78,78,78,1) 45%, rgba(56,56,56,1) 62%, rgba(27,27,27,1) 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,13,13,1)), color-stop(0%,rgba(1,1,1,1)), color-stop(0%,rgba(149,149,149,1)), color-stop(0%,rgba(1,1,1,1)), color-stop(0%,rgba(10,10,10,1)), color-stop(45%,rgba(78,78,78,1)), color-stop(62%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, rgba(13,13,13,1) 0%,rgba(1,1,1,1) 0%,rgba(149,149,149,1) 0%,rgba(1,1,1,1) 0%,rgba(10,10,10,1) 0%,rgba(78,78,78,1) 45%,rgba(56,56,56,1) 62%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, rgba(13,13,13,1) 0%,rgba(1,1,1,1) 0%,rgba(149,149,149,1) 0%,rgba(1,1,1,1) 0%,rgba(10,10,10,1) 0%,rgba(78,78,78,1) 45%,rgba(56,56,56,1) 62%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(top, rgba(13,13,13,1) 0%,rgba(1,1,1,1) 0%,rgba(149,149,149,1) 0%,rgba(1,1,1,1) 0%,rgba(10,10,10,1) 0%,rgba(78,78,78,1) 45%,rgba(56,56,56,1) 62%,rgba(27,27,27,1) 100%); /* IE10+ */
- background: linear-gradient(to bottom, rgba(13,13,13,1) 0%,rgba(1,1,1,1) 0%,rgba(149,149,149,1) 0%,rgba(1,1,1,1) 0%,rgba(10,10,10,1) 0%,rgba(78,78,78,1) 45%,rgba(56,56,56,1) 62%,rgba(27,27,27,1) 100%); /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-8 */
- -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;
- }
- a.content:hover{
- color:555555 !important;
- }
- .vicarious{Div Style Classes}
- .vicbox1 {
- background-color: transparent !important;
- width:250px;
- height:300px;
- right:0%;
- top:0%;
- visibility:visible;
- z-index:1;
- margin-right:-190px;
- margin-top:25px;
- position:fixed;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- overflow-y:auto;
- overflow-x:hidden;
- }
- .vicbox1a {
- background-color: transparent !important;
- width:250px;
- height:auto;
- }
- .vicbox1:hover {
- margin-right:0px;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- }
- .vicarious{IE9 Code}
- .gradient {
- filter: none;
- }
- .vicarious{Hide Codes}
- .blogContentInfo{ display:none !important;visibility:hidden!important; }
- .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 class="vicbox1"><div class="vicbox1a"><table><tr><td valign="top"><small>+</small></td><td valign="top">
- <a class="content" href="/logincomplete.php">Home</a>
- <a class="content" href="LINK HERE">Content Link Title</a>
- <a class="content" href="LINK HERE">Content Link Title</a>
- <a class="content" href="LINK HERE">Content Link Title</a>
- <a class="content" href="LINK HERE">Content Link Title</a>
- <a class="content" href="LINK HERE">Content Link Title</a>
- <a class="content" href="LINK HERE">Content Link Title</a>
- <a class="content" href="LINK HERE">Content Link Title</a>
- <a class="content" href="LINK HERE">Content Link Title</a>
- <a class="content" href="LINK HERE">Content Link Title</a>
- </td></tr></table></div></div>
Add Comment
Please, Sign In to add comment