API tools faq
paste
Advertisement
ranmouri

EXO Yehet! blogger.com layout 02

ranmouri
Mar 12th, 2015
298
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  4.  
  5.  
  6. <!----
  7.  
  8. LAYOUT 002 "Yehet!"
  9. BY
  10.  
  11. ♡ XEHUN.BLOGSPOT.COM ♡
  12.  
  13. Thank you for choosing my layout! v(^-^)v ~
  14. Please don't remove the credit and/or claim as your own!
  15.  
  16. --->
  17.  
  18.  
  19. <head>
  20.  
  21. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  22. <meta name="description" content="Confessions of a far too ordinary kid. Sometimes I rant a lot and I really enjoy making designs, too." />
  23. <meta name="keywords" content="journal, university, korea" />
  24. <meta name="author" content="http://www.xehun.blogspot.com" />
  25. <title><$BlogPageTitle$></title>
  26.  
  27. <script type="text/javascript">
  28. function changeNavigation(id)
  29. {document.getElementById('content').innerHTML=document.getElementById(id).innerHTML}
  30. </script>
  31.  
  32. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl5wlknWm1qfamg6.png">
  33.  
  34.  
  35. <style type="text/css">
  36.  
  37. ::-moz-selection {
  38. background:#F2EBF3;
  39. color: #BCB5BF;
  40. text-shadow:1px 1px 0 #fff;
  41. }
  42.  
  43. ::selection {
  44. background:#F2EBF3;
  45. color: #BCB5BF;
  46. text-shadow:1px 1px 0 #fff;
  47. }
  48.  
  49. ::-webkit-scrollbar {
  50. width:3px;
  51. background:#FCFCFC;
  52. }
  53.  
  54. ::-webkit-scrollbar-thumb:horizontal {
  55. width:0px;
  56. background:#FCFCFC;
  57. }
  58.  
  59. ::-webkit-scrollbar-thumb {
  60. background:#F2EBF3;
  61. }
  62.  
  63. body {
  64. background-color: #fcfcfc;
  65. background-image: url(''), url('http://static.tumblr.com/fowzldg/7vcn787kg/bg.png');
  66. background-repeat: repeat-x, repeat-y;
  67. font-family: "calibri";
  68. text-align:justify;
  69. font-size: 10px;
  70. color: #999999;
  71. margin: 0px;
  72. padding: 0px;
  73. }
  74.  
  75. #header{
  76. position: absolute;
  77. left: 310px; top: 5px;
  78. background:#f7f9f9;
  79. }
  80.  
  81. #sidebar{
  82. position: fixed;
  83. left:10px;
  84. top: 10px;
  85. width:280px;
  86. color:#ababab;
  87. text-shadow: 1px 1px 1px #f3f3f3;
  88. }
  89.  
  90. #sidebar2{
  91. color:#ababab;
  92. position: fixed;
  93. left:835px; top: 260px;
  94. width:170px; padding:3px;
  95. z-index:1;
  96. background-color:#fcfcfc;
  97. }
  98.  
  99. #content{
  100. position: absolute;
  101. background-color:#f7f9f9;
  102. border: 1px solid #f1f1f1;
  103. padding:10px;
  104. left: 310px; top: 340px;
  105. width:501px;
  106. }
  107.  
  108. #navi{
  109. position: absolute;
  110. left: 10px; top: 2px;
  111. padding:3px;
  112. }
  113.  
  114. a:link, a:active, a:visited {
  115. text-decoration: none;
  116. color: #736F6E;
  117. -webkit-transition:0.5s;
  118. -moz-transition:0.5s;
  119. -ms-transition:0.5s;
  120. -o-transition:0.5s;
  121. transition:0.5s;
  122. }
  123. a:hover {
  124. color: #ffffff;
  125. text-decoration: none;
  126. -webkit-transition:0.5s;
  127. -moz-transition:0.5s;
  128. -ms-transition:0.5s;
  129. -o-transition:0.5s;
  130. transition:0.5s;
  131. }
  132.  
  133. a.nav:link, a.nav:active, a.nav:visited{
  134. font-family: "tahoma";
  135. text-align:center;
  136. padding:1px; margin:1px;
  137. float:left; width:46px;
  138. font-size: 10px;
  139. color: #ffd8d8;
  140. background-color:#ccc;
  141. display:block;
  142. margin-bottom:10px;
  143. }
  144. a.nav:hover{
  145. font-family: "tahoma";
  146. text-align:center;
  147. padding:1px; margin:1px;
  148. float:left; width:46px;
  149. font-size: 10px;
  150. color: #fff;
  151. background-color:#f7f9f9;
  152. display:block;
  153. margin-bottom:10px;
  154. }
  155.  
  156. aff {
  157. text-align:center;
  158. padding:2px; margin:1px;
  159. font-size: 10px; line-height:9px;
  160. color: #bebfd7;
  161. background-color:#f1f4f6;
  162. display:block;
  163. }
  164.  
  165. aff:hover{
  166. font-family: "tahoma";
  167. text-align:center;
  168. padding:2px; margin:1px;
  169. font-size: 10px; line-height:9px;
  170. color: #fff;
  171. background-color:#f7f9f9;
  172. display:block;
  173. }
  174.  
  175. h1 {
  176. color:#7c7ca8;
  177. background:#eef4f8;
  178. font-style: italic;
  179. text-shadow:1px 1px 0 #fff;
  180. font-family:georgia;
  181. font-size:13px;
  182. text-align: right;
  183. margin-top: -4px;
  184. padding-bottom: 2px;
  185. margin-bottom: 5px;
  186. padding: 2px;
  187. text-transform:lowercase;
  188. }
  189.  
  190. h2{
  191. color:#e7cbc5;
  192. background:#f3f7f7;
  193. font-style: italic;
  194. text-shadow:1px 1px 0 #fff;
  195. font-family:georgia;
  196. font-size:13px;
  197. text-align: right;
  198. margin-top: -4px;
  199. padding-bottom: 2px;
  200. margin-bottom: 5px;
  201. padding: 2px;
  202. text-transform:lowercase;
  203. }
  204.  
  205. h3 {
  206. color:#e7cbc5;
  207. background:#f9f9f9;
  208. font-style: italic;
  209. text-shadow:1px 1px 0 #fff;
  210. font-family:georgia;
  211. font-size:13px;
  212. text-align: right;
  213. margin-top: -4px;
  214. padding-bottom: 2px;
  215. margin-bottom: 5px;
  216. padding: 2px;
  217. text-transform:lowercase;
  218. }
  219.  
  220. img {
  221. border: 0px;
  222. border:1px solid #ececec;
  223. padding:2px;
  224. }
  225.  
  226. A:link,A:visited, A:active {color: #ddb9ca; cursor: help; text-decoration: none; font-family: Tahoma; font-size: 8px; text-transform: uppercase;}
  227.  
  228. b, .strong, strong {color:#a7a6be; font-family: Tahoma; font-size: 8px; text-transform: uppercase; text-shadow: #e6e6e6 0px 0px 1px;}
  229.  
  230. italic{COLOR: #b794c0; font-weight: bold; font-family: Tahoma; font-size: 9px; text-transform: none}
  231.  
  232. i, em, .em {COLOR: #b5a8b9; font-weight: bold; font-family: Tahoma; font-size: 9px; text-transform: none}
  233. s, .s {COLOR:#bf9191; font-family: Tahoma; font-size: 9px;}
  234.  
  235. u, .u {COLOR: #B0B0B0; font-family: Tahoma; font-size: 9px; }
  236.  
  237. strike {COLOR: #d2ced5;}
  238.  
  239. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
  240. blockquote {
  241. font-family: arma;
  242. color:#C4D2D2;
  243. background:#F7F9F9;
  244. text-shadow:1px 1px 0 #fff;
  245. padding: 5px;
  246. font-size: 8px;
  247. }
  248.  
  249. textarea{
  250. font-size: 11px;
  251. color:#888;
  252. width:200px;
  253. background: #eee;
  254. border: 1px solid #ccc;
  255. }
  256.  
  257. #perma {
  258. color:#b0cccd;
  259. background:#f7f9f9;
  260. text-shadow:1px 1px 0 #fff;
  261. font-size: 7px;
  262. line-height: 2px;
  263. letter-spacing: 2px;
  264. font-family: trebuchet ms;
  265. text-transform: uppercase;
  266. padding: 7px 0px 7px 10px;
  267. border-bottom: 2px solid #f1f1f1;
  268. margin-bottom:5px;
  269. }
  270.  
  271. #perma a {
  272. padding-right: 5px; font-size:7px;
  273. }
  274.  
  275.  
  276. #perma a:hover {
  277. text-decoration: underline;
  278. }
  279.  
  280. #candy a{
  281. position:fixed;
  282. opacity: 0.6;
  283. bottom:2px;
  284. right:3px;
  285. font-size:11px;
  286. color:#ffffff;
  287. }
  288.  
  289. a.aff:link, a.aff:active, a.aff:visited{
  290. text-align:center;
  291. padding:2px; margin:1px;
  292. font-size: 10px; line-height:9px;
  293. color: #bebfd7;
  294. background-color:#f1f4f6;
  295. display:block;
  296. }
  297.  
  298. a.aff:hover{
  299. font-family: "tahoma";
  300. text-align:center;
  301. padding:2px; margin:1px;
  302. font-size: 10px; line-height:9px;
  303. color: #fff;
  304. background-color:#f7f9f9;
  305. display:block;
  306. }
  307.  
  308. img.icon {
  309. -webkit-border-radius: 100%;
  310. -moz-border-radius: 100%;
  311. border-radius: 100%;
  312. width: 64px;
  313. height:64px;
  314. float: left;
  315. margin-right: 10px;
  316. }
  317.  
  318. .dsc {
  319. text-align: justify;
  320. }
  321.  
  322. e img {
  323. padding:5px;
  324. border:1px solid #eeeeee;
  325. background-color:#fbfbfb;
  326. opacity: 0.8;
  327.  
  328. -webkit-filter: grayscale(10%);
  329. z-index: -9999999999999999999999999px;
  330. -webkit-transition: all 0.9s ease-in-out;
  331. -moz-transition: all 0.9s ease-in-out;
  332. -o-transition: all 0.9s ease-in-out;
  333. -ms-transition: all 0.9s ease-in-out;
  334. transition: all 0.9s ease-in-out;
  335. }
  336.  
  337. e img:hover {
  338. -webkit-filter: grayscale(0%);
  339. z-index: -9999999999999999999999999px;
  340. -webkit-transition: all 0.9s ease-in-out;
  341. -moz-transition: all 0.9s ease-in-out;
  342. -o-transition: all 0.9s ease-in-out;
  343. -ms-transition: all 0.9s ease-in-out;
  344. transition: all 0.9s ease-in-out;
  345.  
  346. opacity: 1;
  347. }
  348.  
  349. </style>
  350.  
  351. <div id="header"><img src="http://static.tumblr.com/d776a7fd961437df294394bfc0223eec/fowzldg/IwKn78adc/tumblr_static_8kxazhcxncw04g8g0coc04sk0.png" width="515" ></div>
  352.  
  353. <div id="sidebar">
  354. <h2>HEADER</h2>
  355. <a href="/"><img src="https://31.media.tumblr.com/3a5653c14664952c0113239a806c81f7/tumblr_inline_n953zumWhn1s6qkqs.png" class="icon" title="*sehun throwing shade at u*" />
  356. </a>
  357. <div class="dsc">
  358. LOREM IPSUM dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem IPSUM DOLOR sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
  359. <br><br>
  360. </div>
  361. <h2>navigation</h2>
  362. <table width="100%" cellpadding="1" cellspacing="0" border="0">
  363. <tr><td width="50%" valign="top">
  364.  
  365. <aff><span onClick="changeNavigation('blog')">home</span></aff>
  366. <aff><span onClick="changeNavigation('girl')">the blogger</span></aff>
  367. <aff><span onClick="changeNavigation('tags')">tags</span></aff>
  368.  
  369. </td><td width="50%" valign="top">
  370. <aff><span onClick="changeNavigation('designs')">designs</span></aff>
  371. <aff><span onClick="changeNavigation('links')">links</span></aff>
  372. <aff><span onClick="changeNavigation('affiliation')">affiliation</span></aff>
  373. </td></tr></table>
  374.  
  375. <br>
  376.  
  377. <h2>header</h2>
  378. LOREM IPSUM dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem IPSUM DOLOR sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem IPSUM DOLOR sit amet. Lorem IPSUM DOLOR sit amet sanctus est Lorem.
  379. <br><br>
  380.  
  381. <h2>yehet?</h2><center>
  382. <e><img src="http://31.media.tumblr.com/5d44655c7fb8690c8654ecbff0f3b9d4/tumblr_mtqdqeD2yh1r85m6go1_500.gif" width="270"></e>
  383. <center>
  384.  
  385. <!-- DONT YOU DARE REMOVING THIS --><div style="color:#cccccc">
  386. blogger layout coded by <a href="http://xehun.blogspot.com" target="_blank" style="color:#cccccc; text-transform:none;"><u>xehun</u></a> | <a href="http://punk-rose.com" target="_blank" style="color:#cccccc">base</a></center></center>
  387. </div></div>
  388. </div>
  389.  
  390.  
  391. <div id="sidebar2">
  392.  
  393. <h3>elite affies</h3>
  394. <table width="100%" cellpadding="1" cellspacing="0" border="0">
  395. <tr><td width="50%" valign="top">
  396. <a href="http://xehun.blogspot.com" class="aff">Affiliate</a>
  397. <a href="http://xehun.blogspot.com" class="aff">Affiliate</a>
  398. <a href="http://xehun.blogspot.com/" class="aff">Affiliate</a>
  399. <a href="http://xehun.blogspot.com/" class="aff">Affiliate</a>
  400. </td><td width="50%" valign="top">
  401. <a href="http://xehun.blogspot.com/" class="aff">Affiliate</a>
  402. <a href="http://xehun.blogspot.com/" class="aff">Affiliate</a>
  403. <a href="http://xehun.blogspot.com/" class="aff">Affiliate</a>
  404. <a href="http://xehun.blogspot.com/" class="aff">Affiliate</a>
  405.  
  406. </td></tr></table>
  407. <p>
  408.  
  409. <h3>statistics</h3>
  410. <b>Online</b>: <a>5 people</a><br>
  411. <b>Webmaster</b>: your name<br>
  412. <b>Online since</b>: 2014<br>
  413. <b>Best Viewed in</b>: Google Chrome
  414. <Br>
  415. <b>Layout</b>: <a href="http://xehun.blogspot.com" target="_blank" >xehun</a>
  416. </div>
  417.  
  418.  
  419. <table>
  420. <td id="content">
  421. <Blogger>
  422. <div class="title"><h1><BlogItemTitle><$BlogItemTitle$> </BlogItemTitle></h1></div>
  423.  
  424. <div class="title1"><h3>written on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$> ✈</h3></div><br>
  425.  
  426. <div style="text-align: justify;color: #666666; font-family:arial; font-size: 8pt; "><$blogitembody$></div>
  427.  
  428. <div style="text-align: right;"><h3><BlogItemCommentsEnabled>
  429. <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$><b><$BlogItemCommentCount$></b> comment[s]</a></BlogItemCommentsEnabled>
  430. | <a href="javascript:scroll(0,0)">back to top </a></span></h2>
  431. <hr style="border:solid #ffffff 1px;height:1px;"></h3><br></div>
  432. </Blogger>
  433. </td>
  434.  
  435. <td id="blog" style="display: none;">
  436. <Blogger>
  437. <div class="title"><h1><BlogItemTitle><$BlogItemTitle$> </BlogItemTitle></h1></div>
  438.  
  439. <div class="title1"><h3>written on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$> ✈</h3></div><br>
  440.  
  441. <div style="text-align: justify;color: #666666; font-family:arial; font-size: 8pt; "><$blogitembody$></div>
  442.  
  443. <div style="text-align: right;"><h3><BlogItemCommentsEnabled>
  444. <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$><b><$BlogItemCommentCount$></b> comment[s]</a></BlogItemCommentsEnabled>
  445. | <a href="javascript:scroll(0,0)">back to top </a></span></h2>
  446. <hr style="border:solid #ffffff 1px;height:1px;"></h3><br></div>
  447. </Blogger>
  448. </td>
  449.  
  450.  
  451. <td id="girl" style="display: none;">
  452. <h1>about me</h2>
  453. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  454.  
  455. <br>
  456. </td>
  457.  
  458. <td id="tags" style="display: none;">
  459. <h1>tags</h2>
  460. <li>link</li>
  461. <li>link</li>
  462. <li>link</li>
  463.  
  464. <br>
  465. </td>
  466.  
  467. <td id="designs" style="display: none;">
  468. <h1>designs</h2>
  469.  
  470. layouts header blah
  471.  
  472. <br>
  473. </td>
  474.  
  475.  
  476. <td id="links" style="display: none;">
  477. <h1>networks</h2>
  478.  
  479. twitter, facebook, youtube, tumblr, other blogs, etc
  480.  
  481. <br>
  482. </td>
  483.  
  484.  
  485.  
  486. <td id="affiliation" style="display: none;">
  487. <h1>affiliation</h2>
  488.  
  489. <h2>link me</h2>
  490. [link me buttons]
  491.  
  492. <br><br><br>
  493. <h2>affies</h2>
  494. [all my affies]
  495.  
  496. <br>
  497. </td>
  498.  
  499. <tr>
  500. <td>
  501.  
  502.  
  503. </div><!-- DONT YOU DARE REMOVING THIS -->
  504. <div id="footer" style="color:#cccccc"></div>
  505.  
  506.  
  507. </table>
  508. </html>
  509. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!