Advertisement
pikachan

#1 ; b&w

May 16th, 2015
26
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.97 KB | None | 0 0
  1. <html>
  2. <head><div style='position: fixed; z-index:99; width:100%; margin-left: -5px; margin-top:-5px; transform: rotate(180deg); background-image: url(http://i281.photobucket.com/albums/kk203/hiv0lt4g3/Pinky%20Sugar/lace/033-a.gif);background-repeat: repeat-x;'><img style="margin-left: -5px; margin-top:-5px; " src="http://i281.photobucket.com/albums/kk203/hiv0lt4g3/Pinky%20Sugar/lace/033-a.gif"></div>
  3. <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,500,400italic' rel='stylesheet' type='text/css'>
  4. <title>b&w ;</title><link rel="shortcut icon" href="http://media.tumblr.com/tumblr_mc45i7LUx41qdlkyg.gif">
  5. <style type="text/css">
  6.  
  7. #navbar-iframe {
  8. display: none;
  9. }
  10.  
  11.  
  12. body {
  13. font-family: arial;
  14. font-size: 14px;
  15. text-align: left;
  16. -webkit-filter: grayscale(100%); filter: grayscale(100%);
  17. letter-spacing: 1px;
  18. }
  19.  
  20. a:link, a:visited {
  21. color: #000000;
  22. text-decoration: none;
  23. -webkit-transition: 0.5s;
  24. }
  25.  
  26. a:hover{
  27. text-decoration: none;
  28. color: #666666;
  29. text-shadow: 1px 1px 1px #aaaaaa;
  30. -webkit-transition: 0.5s;
  31. }
  32.  
  33. .title {
  34. color: #000;
  35. font-family: times new roman;
  36. font-style: italic;
  37. letter-spacing: 2px;
  38. font-size:13px;
  39. line-height:17px;
  40. text-transform: lowercase;
  41. text-align: left;
  42. padding-left: 10px;
  43. margin-bottom: 10px;
  44. }
  45.  
  46. .title1 {
  47. font-family: 'Ubuntu', sans-serif;
  48. font-size:10px;
  49. text-transform: uppercase;
  50. font-weight: bold;
  51. font-style: italic;
  52. line-height:20px;
  53. color: #000;
  54. text-align: left;
  55. letter-spacing: 1px;
  56. }
  57.  
  58. blockquote {
  59. color: #666;
  60. border: 1px dashed #aaa;
  61. padding: 10px;
  62. margin:1em 20px 10px;
  63. margin-top: 30px;
  64. }
  65.  
  66. a.nav {
  67. padding:4px;
  68. }
  69.  
  70. a.nav:hover {
  71. cursor: pointer;
  72. }
  73.  
  74.  
  75.  
  76. </style>
  77. </head>
  78.  
  79.  
  80. <table style="font-size: 11px; color: BLACK; line-height: 17px; background:white; border-radius:20px;" width="800" align="center" border="0" cellspacing="8">
  81.  
  82.  
  83. <tbody><tr>
  84.  
  85.  
  86. <td valign="top" style="float: right; line-height:15px; letter-font-size:10px; width:250px; padding-right:10px; position: fixed; top: 50px; right: 225px; font-size: 12px; ">
  87.  
  88.  
  89.  
  90. <center><img src="http://data2.whicdn.com/images/175490742/large.jpg"width="200"></center><Br>
  91.  
  92. <center>write your short profile here<br>
  93. <b>bold</b> <u>underline</u> <i>italic</i> <s>stroke</s></center>
  94.  
  95. <br>
  96.  
  97. <center>
  98. <a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('posts').innerHTML"title="posts"><img src="http://38.media.tumblr.com/ecd9d55db8f2e4d2c1953a0f6fdf7bbd/tumblr_inline_n5sqhpW7S11sbfysw.gif"></a>
  99. <a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('bio').innerHTML"title="biography"><img src="http://38.media.tumblr.com/6842b0fedd0853aec1b3d6a2e48930b4/tumblr_inline_n5sqjkvfBW1sbfysw.gif"></a>
  100. <a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('history').innerHTML"title="history"><img src="http://31.media.tumblr.com/0404eb620628c17a992467d3d146510f/tumblr_inline_n5sqinXRQN1sbfysw.gif"></a>
  101. <a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('labels').innerHTML"title="labels"><img src="http://33.media.tumblr.com/5e05ec1617fdde79dd4e6b4d1cdf5863/tumblr_inline_n5sqkgik1V1sbfysw.gif"></a>
  102. <a class="nav" href="https://www.blogger.com/follow-blog.g?blogID=PUTYOURBLOGIDHERE"title="follow"><img src="http://31.media.tumblr.com/4124f2897a9fe507aaa5a43b64eb7e8b/tumblr_inline_n5sqm8SRDC1sbfysw.gif"></a>
  103. <a class="nav" href="http://www.blogger.com/home"title="dashboard"><img src="http://33.media.tumblr.com/c0fa23b37819b8f27c13714be3d8458a/tumblr_inline_n5sqmh2W4H1sbfysw.gif"></a>
  104. </center>
  105.  
  106. <br>
  107.  
  108. <center>put your chatbox here<br>
  109.  
  110. <center>
  111. template made by ; <a href="http://www.blogskins.com/yeolochuu-x">pika</a>-<a href="http://pcy-desu.blogspot.com">chan</a><br>
  112. credits ; <a href="http://animeicons.livejournal.com/">x</a> <a href="pixel-soup.tumblr.com">x</a> <a href="http://weheartit.com">x</a> <a href="http://senpiez.tumblr.com/">x</a>
  113. </center><br>
  114.  
  115. <td valign="top" style="width:550px; padding:10px; float: left; position: absolute; top: 60px; left: 150px;   ">
  116. <div id="entry">
  117. <blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
  118. <div class="title1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> ,<$BlogItemDateTime$> (+ <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$></a></BlogItemCommentsEnabled>)</div>
  119. <$BlogItemBody$></br>
  120. </blogger><br>
  121. <center><OlderPosts><a style="float: left; font-size: 15px;" href=<$OlderPosts$></a></OlderPosts> <NewerPosts><a style="float: right; font-size: 15px;" href=<$NewerPosts$></a></NewerPosts></center></div>
  122. </td></tr></tbody>
  123.  
  124. <div id="bio" style="display: none;">
  125. <div class="title">about me ;</div><br>
  126.  
  127. <center><img src="http://data1.whicdn.com/images/149227164/large.jpg"></center><br>
  128. <center>write your long profile here !</center>
  129.  
  130.  
  131. </div>
  132. </table>
  133.  
  134. <div id="posts" style="display: none;">
  135. <blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
  136. <div class="title1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> ,<$BlogItemDateTime$> (+ <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$></a></BlogItemCommentsEnabled>)</div>
  137. <$BlogItemBody$></br>
  138. </blogger><br>
  139. <center><OlderPosts><a style="float: left; font-size: 15px;" href=<$OlderPosts$></a></OlderPosts> <NewerPosts><a style="float: right; font-size: 15px;" href=<$NewerPosts$></a></NewerPosts></center></div>
  140.  
  141.  
  142. <div id="history" style="display: none;">
  143. <div class="title">about my blog ;</div><br>
  144.  
  145. <center><img src="http://data3.whicdn.com/images/177147027/large.jpg"></center><br>
  146. <center>write about your blog history here !</center>
  147.  
  148. </div>
  149.  
  150. <div id="labels" style="display: none;">
  151. <div class="title">random stuffs ;</div><br>
  152.  
  153. <center><img src="http://data3.whicdn.com/images/173106421/large.jpg"></center><br>
  154. <center>free page write anything in this page</center>
  155.  
  156. </div>
  157.  
  158. </body>
  159. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement