API tools faq
paste
VicariousHelpSite

Blog Layout 8b

VicariousHelpSite
Jun 27th, 2013
275
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.64 KB | None | 0 0
raw download clone embed print report diff
  1. !!!!!!!!!!!!Read It!!!!!!!!!!!!
  2.  
  3. (⊙.⊙(☉_☉)⊙.⊙)
  4.  
  5. There are div ids/classes and table classes in this layout. Be VERY, VERY, VERY careful not to drop off any of the coding.
  6.  
  7. The 575px width banner is in the Blog Header section.
  8. The links are at the bottom of the Blog Stylesheet section.
  9.  
  10. !!!!!!!!!!!!TIP!!!!!!!!!!!!
  11.  
  12. 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.
  13.  
  14. 1) Create a 'Content' blog (Titled content with a short description (IE "Hover over plus sign for Content') for the body of the text.
  15. 2) Disable Kudos & Comments
  16. 3) Put a link to this content blog on your profile.
  17.  
  18.  
  19.  
  20.  
  21. (>‿◠)✌
  22.  
  23.  
  24. *****************************SAVE YOUR WORK AS YOU GO.*******************************
  25.  
  26. ----------------------Blog Header------------------------
  27.  
  28. <center>
  29. <big>TITLE GOES HERE</big>
  30. <BR>
  31. <img src="http://i.imgbox.com/adkoYjtY.png">
  32. </center>
  33.  
  34.  
  35. ----------------------Blog Stylesheet------------------------
  36. <style type="text/css">
  37.  
  38. .vicarious {BE RESPECTFUL TO THE LAYOUT CODER/CREATOR. DO NOT REMOVE THE .VICARIOUS CREDIT!
  39. Blog Layouts available @ http://vicarious-bloglayouts.tumblr.com/}
  40.  
  41.  
  42. .vicarious{Cross Type Shared Commons}
  43.  
  44. .blogcomments, .blogcommentsprofile, p.blogtimestamp, .blog {
  45. background-color:transparent!important;
  46. }
  47.  
  48.  
  49. .vicarious{Background/Blog Properties}
  50.  
  51. body{
  52. background-color: #fbc14d !important;
  53. background-image:url("")!important;
  54. background-repeat: repeat-x !important;
  55. background-attachment:fixed;
  56. background-position:top right;
  57. margin-top:-200px;
  58. }
  59.  
  60. .blog {
  61. width:500px!important;
  62. }
  63.  
  64. .main {
  65. left:50%;
  66. top:0%;
  67. width:500px!important;
  68. visibility:visible;
  69. z-index:100;
  70. margin-left:-300px;
  71. margin-top:0px;
  72. position:absolute;
  73. background: rgb(241,231,103);
  74. /* Old browsers */
  75. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  76. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMWU3NjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmViNjQ1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  77. background: -moz-radial-gradient(center, ellipse cover, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%); /* FF3.6+ */
  78. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(241,231,103,1)), color-stop(100%,rgba(254,182,69,1))); /* Chrome,Safari4+ */
  79. background: -webkit-radial-gradient(center, ellipse cover, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* Chrome10+,Safari5.1+ */
  80. background: -o-radial-gradient(center, ellipse cover, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* Opera 12+ */
  81. background: -ms-radial-gradient(center, ellipse cover, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* IE10+ */
  82. background: radial-gradient(ellipse at center, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* W3C */
  83. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
  84. -webkit-box-shadow: 2px 2px 5px rgba(202, 150, 55, 0.75);
  85. -moz-box-shadow: 2px 2px 5px rgba(202, 150, 55, 0.75);
  86. box-shadow: 2px 2px 5px rgba(202, 150, 55, 0.75);
  87. }
  88.  
  89.  
  90. .vicarious{Text Shared Commons}
  91.  
  92. 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 {
  93. font-family: tahoma !important;
  94. visibility: visible!important;
  95. color: #ca9637!important;
  96. text-decoration:none !important;
  97. line-height:90% !important;
  98. background-color:transparent !important;
  99. }
  100.  
  101. .vicarious{Text Properties}
  102.  
  103. .blogsubject {
  104. width:100%!important;
  105. font-family: copperplate gothic light !important;
  106. font-size: 21pt !important;
  107. color: ffe6b5 !important;
  108. letter-spacing:-1pt !important;
  109. line-height:100% !important;
  110. padding:5px !important;
  111. text-align: right !important;
  112. text-transform:lowercase !important;
  113. text-shadow: 2px 2px 2px rgba(202, 150, 55, 1);
  114. -moz-border-radius-topleft: 90px;
  115. -webkit-border-top-left-radius: 90px;
  116. border-top-left-radius: 90px;
  117. -moz-border-radius-topright: 5px;
  118. -webkit-border-top-right-radius: 5px;
  119. border-top-right-radius: 5px;
  120. -moz-border-radius-bottomright: 5px;
  121. -webkit-border-bottom-right-radius: 5px;
  122. border-bottom-right-radius: 5px;
  123. -moz-border-radius-bottomleft: 90px;
  124. -webkit-border-bottom-left-radius: 90px;
  125. border-bottom-left-radius: 90px;
  126. background: rgb(241,231,103); /* Old browsers */
  127. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  128. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMWU3NjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmViNjQ1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  129. background: -moz-radial-gradient(center, ellipse cover, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%); /* FF3.6+ */
  130. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(241,231,103,1)), color-stop(100%,rgba(254,182,69,1))); /* Chrome,Safari4+ */
  131. background: -webkit-radial-gradient(center, ellipse cover, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* Chrome10+,Safari5.1+ */
  132. background: -o-radial-gradient(center, ellipse cover, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* Opera 12+ */
  133. background: -ms-radial-gradient(center, ellipse cover, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* IE10+ */
  134. background: radial-gradient(ellipse at center, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* W3C */
  135. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
  136. }
  137.  
  138.  
  139. p.blogtimestamp {
  140. color: #ffe6b5 !important;
  141. letter-spacing:1pt !important;
  142. text-align:right !important;
  143. }
  144.  
  145. i {
  146. color: #9f824d !important;
  147. font-style:italic !important;
  148. }
  149.  
  150. b {
  151. color: #956e28 !important;
  152. font-weight:bold !important;
  153. }
  154.  
  155. big {
  156. text-transform:uppercase !important;
  157. font-weight:bold !important;
  158. font-family:copperplate gothic light !important;
  159. font-size:26pt!important;
  160. line-height:100% !important;
  161. text-align:center !important;
  162. padding:20px !important;
  163. color:ffe6b5!important;
  164. text-shadow: 2px 2px 2px rgba(202, 150, 55, 1);
  165. display:block!important;
  166. }
  167.  
  168. small {
  169. color:785b27!important;
  170. text-align:left !important;
  171. text-transform:uppercase !important;
  172. font-weight:bold !important;
  173. font-family:copperplate gothic light !important;
  174. font-size:30px!important;
  175. margin-right:20px!important;
  176. line-height:100% !important;
  177. width:20px;
  178. display:block !important;
  179. }
  180.  
  181.  
  182. .vicarious{Content Link Codes}
  183. a.content, a.content:link, a.content:active, a.content:visited {
  184. font-family:arial narrow !important;
  185. text-transform:uppercase !important;
  186. font-weight:bold !important;
  187. font-size: 10pt !important;
  188. width:150px !important;
  189. line-height:20px!important;
  190. height:20px!important;
  191. color: ffe6b5 !important;
  192. text-align:center !important;
  193. margin-bottom:2px !important;
  194. display:block !important;
  195. background: rgb(241,231,103); /* Old browsers */
  196. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  197. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMWU3NjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmViNjQ1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  198. background: -moz-radial-gradient(center, ellipse cover, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%); /* FF3.6+ */
  199. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(241,231,103,1)), color-stop(100%,rgba(254,182,69,1))); /* Chrome,Safari4+ */
  200. background: -webkit-radial-gradient(center, ellipse cover, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* Chrome10+,Safari5.1+ */
  201. background: -o-radial-gradient(center, ellipse cover, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* Opera 12+ */
  202. background: -ms-radial-gradient(center, ellipse cover, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* IE10+ */
  203. background: radial-gradient(ellipse at center, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* W3C */
  204. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
  205. -webkit-box-shadow: 2px 2px 5px rgba(202, 150, 55, 0.75);
  206. -moz-box-shadow: 2px 2px 5px rgba(202, 150, 55, 0.75);
  207. box-shadow: 2px 2px 5px rgba(202, 150, 55, 0.75);
  208. -webkit-transition: all 0.6s ease-out;
  209. -moz-transition: all 0.6s ease-out;
  210. -ms-transition: all 0.6s ease-out;
  211. -o-transition: all 0.6s ease-out;
  212. transition: all 0.6s ease-out;
  213. text-shadow: 2px 2px 2px rgba(202, 150, 55, 1);
  214. }
  215.  
  216. a.content:hover{
  217. color:785b27 !important;
  218. text-shadow: 0px 0px 0px rgba(202, 150, 55, 1);
  219. }
  220.  
  221. .vicarious{Div Style Classes}
  222.  
  223. .vicbox1 {
  224. background-color: transparent !important;
  225. width:250px;
  226. height:300px;
  227. right:0%;
  228. top:0%;
  229. visibility:visible;
  230. z-index:1;
  231. margin-right:-190px;
  232. margin-top:25px;
  233. position:fixed;
  234. -webkit-transition: all 0.5s linear;
  235. -moz-transition: all 0.5s linear;
  236. -o-transition: all 0.5s linear;
  237. overflow-y:auto;
  238. overflow-x:hidden;
  239. }
  240.  
  241. .vicbox1a {
  242. background-color: transparent !important;
  243. width:250px;
  244. height:auto;
  245. }
  246.  
  247.  
  248. .vicbox1:hover {
  249. margin-right:0px;
  250. -webkit-transition: all 0.5s linear;
  251. -moz-transition: all 0.5s linear;
  252. -o-transition: all 0.5s linear;
  253. }
  254.  
  255.  
  256. .vicarious{IE9 Code}
  257. .gradient {
  258. filter: none;
  259. }
  260.  
  261. .vicarious{Hide Codes}
  262. .blogContentInfo{ display:none !important;visibility:hidden!important; }
  263. .profile { display:none !important;visibility:hidden!important; }
  264. .nav, .spacer, .googleafc, .commentspacer, hr {display: none!important;}
  265. #ctl00_cpMain_googlead { display:none !important;visibility:hidden!important; }
  266. images/spacer.gif{ display:none !important;visibility:hidden!important; }
  267. .st_sharethis_hcount, .st_facebook_hcount, .st_twitter_hcount, .st_pinterest_hcount { display:none !important;visibility:hidden!important; }
  268. .vicarious {Blog Layouts available @ http://vicarious-bloglayouts.tumblr.com/}
  269. </style>
  270.  
  271.  
  272.  
  273. <div class="vicbox1"><div class="vicbox1a"><table><tr><td valign="top"><small>+</small></td><td valign="top">
  274.  
  275. <a class="content" href="/logincomplete.php">Home</a>
  276. <a class="content" href="LINK HERE">Content Link Title</a>
  277. <a class="content" href="LINK HERE">Content Link Title</a>
  278. <a class="content" href="LINK HERE">Content Link Title</a>
  279. <a class="content" href="LINK HERE">Content Link Title</a>
  280. <a class="content" href="LINK HERE">Content Link Title</a>
  281. <a class="content" href="LINK HERE">Content Link Title</a>
  282. <a class="content" href="LINK HERE">Content Link Title</a>
  283. <a class="content" href="LINK HERE">Content Link Title</a>
  284. <a class="content" href="LINK HERE">Content Link Title</a>
  285.  
  286. </td></tr></table></div></div>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!