API tools faq
paste
Advertisement
enjoying-the-life

Theme 6

enjoying-the-life
Feb 28th, 2012
84
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.68 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2. <!-- MENU DESLIZANTE -->
  3. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  4. <script type="text/javascript" src="http://static.tumblr.com/ghoye6x/xBmloszst/colpaso.js">
  5. </script>
  6. <script type="text/javascript">
  7. animatedcollapse.addDiv('jason', 'fade=1,height=80px')
  8. animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
  9. animatedcollapse.addDiv('michael', 'fade=1,height=120px')
  10. animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
  11. animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
  12. animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
  13. animatedcollapse.addDiv('lion', 'fade=0,speed=400,group=pets,persist=1,hide=1')
  14. animatedcollapse.addDiv('bird', 'fade=0,speed=400,group=pets')
  15. animatedcollapse.ontoggle=function($, divobj, state){
  16. }
  17. animatedcollapse.init()
  18.  
  19. </script>
  20.  
  21.  
  22. <script type="text/javascript">
  23. function changeNavigation(id)
  24. {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
  25.  
  26. </script>
  27. <link rel="shortcut icon"href="{Favicon}" />
  28. <title>SEU TÍTULO</title>
  29.  
  30. <style type="text/css">
  31.  
  32. body {background-image:url('http://static.tumblr.com/0duy3yj/guJlve6hm/vf_uu01m.jpg');background-attachment:fixed; background-repeat: repeat;}
  33.  
  34. un {width:59px; letter-spacing: 1px; font: 14px century gothic ;background:#A9A9A9;color:#000; float: left; padding: 2px; text-align: ; margin: 2px; border-radius: 6px; border-left:7px solid #000;} un:hover {background:#A9A9A9; letter-spacing: 1px; font: 14px century gothic ;background:#000;color:#fff;border-right: 7px solid #A9A9A9; border-left: 0px;}
  35.  
  36. h1 {margin:-1px 2px 6px 3px; font:italic 15pt georgia;color:#000;}
  37.  
  38. side{width:370px; height:370px; position: fixed; right: 60px; margin-top: 70px; text-align: center;}
  39.  
  40. side2{width:230px;position: fixed; margin-top: 297px; right:130px ; text-align: center;}
  41.  
  42. a:link, a:active, a:visited {color: #696969; text-decoration: none;}
  43. a:hover {color: #000; text-decoration: none;}
  44. b {color: #696969;} i {color: #696969;} s {color: #696969;}
  45. u {color: #696969; text-decoration: none; border-bottom: 1px solid #696969;}
  46.  
  47. #boxx{background-color:#FFF; font: 11px tahoma; color: #999; letter-spacing: 1px;padding:7px; border-radius: 10px; text-align: center; }
  48. #box{background-color:#FFF; font: 14px tahoma; color: #999; letter-spacing: 1px;padding:3px; border-radius: 10px; }
  49.  
  50. #paginacaov { font: 11px tahoma; background: #fff;color: #000; text-decoration: none;padding: 2px;}
  51.  
  52. #datas{font: 10px tahoma; background:#fff; letter-spacing: 1px; text-align:right;}
  53.  
  54. #barra {border-bottom: 1px solid #E2D7D7;}
  55.  
  56. .borda {border-radius: 10px;}
  57.  
  58. .askbox {background: #eee; -webkit-border-radius: 0px 20px 20px 0px; width: 550px;}
  59.  
  60. /* FOTO PAS */
  61.  
  62. #slideShowContainer
  63.  
  64.  
  65. #slideShow2 {margin-top: -205px; margin-bottom: 5px; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out;}
  66.  
  67. #slideShow2 img{width: 352px; height: 200px;}
  68.  
  69. #slideShow2:hover {opacity: 0;}
  70.  
  71.  
  72.  
  73.  
  74. #slideShow4 {margin-top: 5px; margin-bottom: 4px;}
  75.  
  76. #slideShow4 img{width: 352px; height: 200px;}
  77.  
  78.  
  79.  
  80. #sbarimg {width: 190px; height: 255px; float: right; left:37px; top:99px; padding: 10px; background-color: #FFF; text-align: center; position: fixed;}
  81.  
  82.  
  83.  
  84. /***menu clique*/
  85. .menuclique {background-color: #ffffff; padding:5px; margin:0px 0px 2px 0px;
  86. text-shadow: 0 0px 1px #fff; width: 15px; height: 10px;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;display: inline-block;}
  87.  
  88. .menuclique:hover {background-color: #A9A9A9; padding:5px; margin:0px 0px 2px 0px; text-shadow: 0 0px 1px #fff; width: 15px; height: 10px;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;
  89. border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;display: inline-block;}
  90.  
  91. .menuclique2 {background-color: #ffffff; padding:5px; margin:0px 0px 2px 0px;
  92. text-shadow: 0 0px 1px #fff; width: 15px; height: 10px;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;display: inline-block;}
  93.  
  94. .menuclique2:hover {background-color: #000; padding:5px; margin:0px 0px 2px 0px; text-shadow: 0 0px 1px #fff; width: 15px; height: 10px;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;
  95. border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;display: inline-block;}
  96.  
  97. /***coroinha*/
  98. .mc1 {background: #000 url(''); width: 11px ; height: 8px; -webkit-border-radius: 360px; -moz-border-radius: 360px; border-radius: 360px}
  99. .mc2 {background: #A9A9A9 url(''); width: 11px ; height: 8px; -webkit-border-radius: 360px; -moz-border-radius: 360px; border-radius: 360px}
  100. .mc3 {background: #000 url(''); width: 11px ; height: 8px; -webkit-border-radius: 360px; -moz-border-radius: 360px; border-radius: 360px}
  101.  
  102. .men {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px solid #E2D7D7; text-indent : 5px; vertical-align : middle; background:
  103. url('') no-repeat left; padding-left : 10px;
  104. padding-bottom : 2px;}
  105.  
  106.  
  107.  
  108. </style><style type="text/css">{CustomCSS}</style></head>
  109.  
  110. <body onkeydown="return false">
  111.  
  112. <div style="background-image: url('http://t0.gstatic.com/images?q=tbn:ANd9GcT_lNrHbSL2xyHJ04fQlvH7hWf2YlZ131-pTQMfRRbLnERLDpqfSSh57k3h'); top: 0px; left: 0px; width: 100%; height: 40px; z-index: 100; position: fixed;"></div>
  113. <div style="background-color: #fff; top: 40px; left: 0px; width: 100%; height: 5px; z-index: 100; position: fixed; -webkit-box-shadow: 0 0 1em #aaa;"></div>
  114.  
  115.  
  116. <side>
  117.  
  118. <div id="boxx">
  119. <div id="slideShowContainer">
  120.  
  121. <div id="slideShow4"><img src="http://static.tumblr.com/cjfqn1h/fpCm04slc/hiw2.jpg" height="200" width="352" class="borda";/></div>
  122.  
  123. <div id="slideShow2"><img src="http://static.tumblr.com/cjfqn1h/mBCm04sjc/hiw.jpg" height="200" width="352" class="borda";/> </div></div>
  124.  
  125.  
  126. </div></div></side>
  127.  
  128. <side2>
  129. <div id="dog" style="display:none"><br><div id="box">
  130. <div class="men"><script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=http://SEU TUMBLR AQUI.tumblr.com"></script> usuários on-line </div>
  131.  
  132. <div class="men"><script src="http://fastwebcounter.com/secure.php?s=www.SEU TUMBLR AQUI.tumblr.com"></script> no total</div>
  133.  
  134. <div class="men">Theme by <a href="http://enjoying-the-life.tumblr.com">Enjoying the Life</a></div>
  135.  
  136. </div></div>
  137.  
  138. <div id="rabbit" style="display:none"><br><div id="box"><center>
  139.  
  140. <a href="/"><un>home</un></a>
  141. <a href="/ask"><un>ask</un></a>
  142. <span onClick="changeNavigation('about')"><un>about</un></span>
  143. <span onClick="changeNavigation('tumblr')"><un>tumblr</un></span>
  144. <a href="http://enjoying-the-life.com.tumblr.com"><un>theme</un></a>
  145. <a href="LINK"><un>link</un>
  146. <a href="LINK"><un>link</un>
  147. <a href="LINK"><un>link</un>
  148. <a href="LINK"><un>link</un></a><br<br><br><br><br><br><br>
  149.  
  150.  
  151. </div></div>
  152.  
  153. <div id="cat" style="display:none"><br><div id="box">
  154.  
  155. <center style="line-height:0;"><embed src="http://www.singingbox.com/singingbox.swf?user31=d,ghp,y,wdv,y20=" quality="high" width="220" height="140" name="sbox" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed><br>
  156. <a href="http://www.singingbox.org/" target="_blank" style="line-height:20px;">
  157. </a></center>
  158.  
  159. </div></div>
  160.  
  161. <center><a href="#" rel="toggle[rabbit]" data-openimage="collapse.jpg" data-closedimage="expand.jpg"><div class="menuclique" onMouseover="ddrivetip('Status')"; onMouseout="hideddrivetip()"><div class="mc1"></div></div></a>
  162.  
  163. <a href="#" rel="toggle[dog]" data-openimage="collapse.jpg" data-closedimage="expand.jpg"><div class="menuclique2" onMouseover="ddrivetip('Quote')"; onMouseout="hideddrivetip()"><div class="mc2"></div></div></a>
  164.  
  165. <a href="#" rel="toggle[cat]" data-openimage="collapse.jpg" data-closedimage="expand.jpg"><div class="menuclique" onMouseover="ddrivetip('Escolha')"; onMouseout="hideddrivetip()"><div class="mc3"></div></div></a></center>
  166. </div></div></div>
  167.  
  168. <br></center></div></side2>
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175.  
  176.  
  177. <div style="position:absolute; width:550px; right:500px; top:80px; padding-top:0px; z-index:2;">
  178. <div id="main">
  179. {block:Posts}<div id="box">{block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>{/block:Link}<br>{block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}{block:Quote}<h1>"{Quote}"&nbsp;</h1>{/block:Quote}{block:Text}{Body}{/block:Text}{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" alt=""/ class="gradualfader ; borda" width=500px>{LinkCloseTag}</center>
  180. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  181. {block:Photoset}<center>{Photoset-600}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{block:Quote}{block:Source}<P>{Source}</p>{/block:Source}{/block:Quote}
  182. {block:Link}{block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  183. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span
  184. class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  185. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}{block:Answer}
  186. <img src="{AskerPortraitURL-24}" width="35" height="35" class="borda" ; align="left"/><div
  187. class="askbox">. {Asker} perguntou: {Question}</div><br> {Answer}
  188. {block:PostNotes}<BR>{PostNotes}{/block:PostNotes}{/block:Answer}{block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  189.  
  190. <!Datas das posts!>
  191. <div id="barra"></div><div id="datas"><a href="{Permalink}">Posted</a> {TimeAgo}| {NoteCountWithLabel} | <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div></div><br>
  192. {/block:Posts}
  193.  
  194. <!Paginação!><center>
  195. <div id="paginacaov">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">
  196. &laquo; página anterior</a>{/block:PreviousPage}{/block:Pagination}
  197. <a href="#">| <b>topo</b> |</a> <a href="/"> <b>atualizar</b> |</a>
  198. {block:Pagination}{block:NextPage}<a href="{NextPage}"> próxima página &raquo;</div></a>{/block:NextPage}{/block:Pagination}<br>
  199. </div></center>
  200. <! FIM DAS TAGS DOS POSTS!>
  201.  
  202.  
  203.  
  204.  
  205.  
  206.  
  207. <!conteúdo do menu falso i-frame MUDE O QUE QUISER!>
  208.  
  209. <div id="about" style="display:none"><div id="box"><h1>About Me</h1>
  210. Sobre você, escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você,escreva aqui sobre você.
  211. </div><br>
  212.  
  213.  
  214. <div id="box"><h1>Wishlist</h1>
  215. <s>Fiz</s> | Não fiz | <s>Fiz</s> | Não fiz | <s>Fiz</s> | Não fiz | <s>Fiz</s> | Não fiz | <s>Fiz</s> | Não fiz | <s>Fiz</s> | Não fiz
  216. </div><br>
  217.  
  218.  
  219. <div id="box"><h1>Citação preferia</h1>
  220. <big><big>"</big></big>Citação aqui, citação aqui, citação aqui, citação aqui. <big>-</big>Autor
  221. </div><br>
  222. </div>
  223.  
  224.  
  225.  
  226. <div id="tumblr" style="display:none"><div id="box"><h1>About Tumblr</h1>
  227.  
  228. Escreva aqui porque criou o tumblr. Escreva aqui porque criou o tumblr. Escreva aqui porque criou o tumblr. Escreva aqui porque criou o tumblr. Escreva aqui porque criou o tumblr. Escreva aqui porque criou o tumblr. Escreva aqui porque criou o tumblr. Escreva aqui porque criou o tumblr.
  229. </div><br>
  230.  
  231. <div id="box"><h1>Recomendo</h1>
  232.  
  233. <a href="http://enjoying-the-life.tumblr.com">Enjoying the Life</a> <div id="barra"></div>
  234. <a href="http://nome do tumblr.tumblr.com">Nome do tumblr</a> <div id="barra"></div>
  235. <a href="http://nome do tumblr.tumblr.com">Nome do tumblr</a> <div id="barra"></div>
  236. <a href="http://nome do tumblr.tumblr.com">Nome do tumblr</a> <div id="barra"></div>
  237. </div><br>
  238.  
  239. <div id="box"><h1>Following</h1>
  240. {block:Following}{block:Followed}<a href="{FollowedURL}" title="{FollowedTitle}"><img src="{FollowedPortraitURL-30}" alt="{FollowedTitle}"/></a>{/block:Followed}{/block:Following}
  241. </div><br>
  242.  
  243. <div id="box"><h1>Créditos</h1>
  244. <div class="men">Theme by <a href="http://enjoying-the-life.tumblr.com">Enjoying the Life</a></div>
  245.  
  246.  
  247. </div></div></div></div></div></div></div></div></div>
  248. </html></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!