API tools faq
paste
Advertisement
luciam

All in one #1

luciam
Sep 14th, 2014
4,040
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.90 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-------------------------------------------------
  4. ALL IN ONE PAGE #01 BY:
  5.  
  6. http://phoenixthemes.tumblr.com
  7. http://robbarya.tumblr.com (INSTRUCTIONS IN CODE)
  8. ...................................................
  9. ...................................................
  10.  
  11. TERMS OF USE:
  12. - DON'T CLAIM AS YOUR OWN
  13. - DON'T REMOVE OR MOVE THE CREDIT
  14. - DON'T REDISTRIBUTE
  15. - DON'T USE AS A BASE. YOU CAN EDIT IT AS MUCH AS YOU LIKE AS LONG AS THE CREDIT IS STILL IN ITS ORIGINAL PLACE- Thank you
  16. --------------------------------------------->
  17.  
  18.  
  19. <!--- Instructions here: These are very detailed instructions so if you are familiar with html and css you may skip them.
  20. Press ctrl+f (cmd+f in mac) and in the searchbox that appears type:
  21. Color: to get to the spots to change all the colors
  22. Title: to change the titles
  23. Image: to change the images
  24. Links: to change the sidebar links
  25. Sliders: to go to the start of the sliders/content (type First Slider to get to the first one, Second Slider to the second one and so on)
  26. ----->
  27. <head>
  28. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  29.  
  30. <title> Explore </title> <!--- Title: Browser title--->
  31.  
  32. <!----------------------------------------------------------------->
  33. <link rel="shortcut icon" href="{Favicon}" />
  34. <script type='text/javascript' src='http://code.jquery.com/jquery-1.6.4.js'></script>
  35.  
  36.  
  37. <script type='text/javascript'>//<![CDATA[
  38. $(window).load(function(){
  39. $('a').click(function(){
  40. $('html, body').animate({
  41. scrollTop: $( $(this).attr('href') ).offset().top
  42. }, 500);
  43. return false;
  44. });
  45. });//]]>
  46.  
  47. </script>
  48.  
  49.  
  50. <style type='text/css'>
  51.  
  52. /*--------------------------------RESET----------------------------------*/
  53.  
  54. html, body, div, span, applet, object, iframe,
  55. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  56. a, abbr, acronym, address, big, cite, code,
  57. del, dfn, em, img, ins, kbd, q, s, samp,
  58. small, strike, strong, sub, sup, tt, var,
  59. b, u, i, center,
  60. dl, dt, dd,
  61. fieldset, form, label, legend,
  62. table, caption, tbody, tfoot, thead, tr, th, td,
  63. article, aside, canvas, details, embed,
  64. figure, figcaption, footer, header, hgroup,
  65. menu, nav, output, ruby, section, summary,
  66. time, mark, audio, video {
  67. margin: 0;
  68. padding: 0;
  69. border: 0;
  70. font-size: 100%;
  71. font: inherit;
  72. vertical-align: baseline;
  73. }
  74.  
  75. article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
  76. display:block;
  77. }
  78.  
  79. /*-------------------------------SCROLL----------------------------------*/
  80.  
  81. ::-webkit-scrollbar-thumb:vertical {
  82. background-color: #91C98F; /*Color: scrollbar*/
  83. height:5px;
  84. }
  85.  
  86. ::-webkit-scrollbar-thumb:horizontal {
  87. background-color: #91C98F; /*Color: scrollbar*/
  88. height:3px;
  89. }
  90.  
  91. ::-webkit-scrollbar-corner {
  92. background-color: transparent;
  93. }
  94.  
  95. ::-webkit-scrollbar {
  96. background-color: transparent;
  97. height:2px;
  98. width:5px;
  99. }
  100.  
  101. * {
  102. box-sizing: border-box;
  103. -webkit-box-sizing: border-box;
  104. -moz-box-sizing: border-box;
  105. -webkit-transition: all 0.6s ease-out;
  106. -moz-transition: all 0.6s ease-out;
  107. -ms-transition: all 0.6s ease-out;
  108. -o-transition: all 0.6s ease-out;
  109. transition: all 0.6s ease-out;
  110. }
  111.  
  112. html {
  113. height: 100%;
  114. }
  115.  
  116.  
  117. body {
  118. background: url(''); /*Image: background*/
  119. margin: 0;
  120. padding: 0px;
  121. font-family: 'Trebuchet MS', Helvetica, cambria, sans-serif;
  122. font-size: 7px;
  123. word-wrap: break-word;
  124. letter-spacing: 1px;
  125. background-color: #fff; /*Color: background*/
  126. color: #999; /*Color: text*/
  127. height: 100%;
  128. }
  129.  
  130. a, a:active, a:visited, a:hover {
  131. color: #91C98F; /*Color: links*/
  132. text-decoration:none;
  133. }
  134.  
  135. a:hover {
  136. color: #333; /*Color: links hover*/
  137. }
  138.  
  139. strong {
  140. font-weight: bolder;
  141. color: #333; /*Color: bolded text*/
  142. }
  143.  
  144. /*--------------------------------------------------------*/
  145.  
  146.  
  147. #wrapper {
  148. position: absolute;
  149. height: 100%;
  150. width: 100%;
  151. min-height: 100%;
  152. padding:0;
  153. top: 0;
  154. bottom: 0;
  155. display: block;
  156. position: relative;
  157. }
  158.  
  159.  
  160. div#one, div#three, div#five, div#two, div#four, div#six {
  161. position: absolute;
  162. height: 100%;
  163. width: 85%;
  164. min-height: 100%;
  165. padding:50px;
  166. margin-left: 160px;
  167. top: 0;
  168. bottom: 0;
  169. display: block;
  170. position: relative;
  171. }
  172.  
  173.  
  174.  
  175. /*------Nav----------------------------------------------------*/
  176. .navis {
  177. height: 100%;
  178. width: 150px;
  179. position: fixed;
  180. left: 0;
  181. bottom: 0;
  182. padding: 43px 0px;
  183. z-index: 2;
  184. }
  185.  
  186. .navis img {
  187. width: 150px;
  188. padding:10px;
  189. margin-left: 50px;
  190. margin-top: 7px;
  191. background: #eee; /*Color: image border*/
  192. }
  193.  
  194. .navis ul {
  195. background-color: #eee; /*Color: sidebar background*/
  196. list-style: none;
  197. width: 150px;
  198. padding: 20px;
  199. margin-left: 50px;
  200. }
  201.  
  202. .navis li {
  203. width: 100px;
  204. height: 30px;
  205. display: inline-block;
  206. font-family: calibri;
  207. line-height: 26px;
  208. text-decoration:none;
  209. text-transform: uppercase;
  210. font-size: 8px;
  211. letter-spacing: 3px;
  212. font-weight: bold;
  213. }
  214.  
  215. .navis li a {
  216. color: #666; /*Color: sidebar links*/
  217. display: block;
  218. }
  219.  
  220.  
  221. .navis .linea {
  222. margin-bottom: 0px;
  223. margin-left: 0px;
  224. background-color: #91C98F; /*Color: sidebar links underline*/
  225. width: 0px;
  226. height: 1px;
  227. }
  228.  
  229. .navis li:hover .linea{
  230. width: 100px;
  231. opacity: 1;
  232. }
  233.  
  234.  
  235. .navis li:hover a {
  236. color: #91C98F; /*Color: sidebar links hover*/
  237. letter-spacing: 5px;
  238. }
  239.  
  240. .back {
  241. background-color: #eee; /*Color: bottom links background */
  242. height: 25px;
  243. width: 150px;
  244. margin-left: 50px;
  245. z-index: 2;
  246. }
  247.  
  248. a .back {
  249. font-family: calibri;
  250. text-decoration:none;
  251. text-transform: uppercase;
  252. font-size: 8px;
  253. letter-spacing: 3px;
  254. color: #666; /*Color: bottom links*/
  255. font-weight: bold;
  256. text-align:center;
  257. line-height: 25px;
  258. }
  259.  
  260. .back:hover {
  261. background-color: #91C98F; /*Color: bottom links background on hover*/
  262. }
  263.  
  264. a .back:hover {
  265. color: #fff; /*Color: bottom links on hover*/
  266. }
  267.  
  268.  
  269. /*-----------------------Sliders-----------------------*/
  270.  
  271. .contenido {
  272. background-color: #eee; /*Color: content background*/
  273. min-width: 300px;
  274. margin: 0 auto;
  275. height: 100%;
  276. text-align: justify;
  277. word-spacing: 2px;
  278. text-transform: uppercase;
  279. line-height: 15px;
  280. padding: 50px;
  281. letter-spacing: 2px;
  282. overflow: auto;
  283. }
  284.  
  285. h1 {
  286. color:#999; /*Color: titles*/
  287. font-size: 19px;
  288. letter-spacing: 7px;
  289. font-weight: bold;
  290. font-family: Consolas, calibri;
  291. text-transform: uppercase;
  292. text-align:center;
  293. margin-bottom: 50px;
  294.  
  295. }
  296.  
  297. h3 {
  298. font-family: calibri;
  299. padding: 1px 0px;
  300. margin: 15px 0px;
  301. font-family: calibri;
  302. line-height: 26px;
  303. text-decoration:none;
  304. text-transform: uppercase;
  305. font-size: 8px;
  306. letter-spacing: 3px;
  307. font-weight: bold;
  308. }
  309.  
  310. .contenido h3:nth-of-type(odd) {
  311. color:#666; /*Color: odd subtitles*/
  312. border-bottom: 1px solid #666; /*Color: odd subtitles undeline*/
  313. }
  314.  
  315. .contenido h3:nth-of-type(even) {
  316. color:#91C98F; /*Color: even subtitles*/
  317. border-bottom: 1px solid #91C98F; /*Color: even subtitles undeline*/
  318. }
  319.  
  320.  
  321. /*---------------------------Tags / Faq--------------------------------*/
  322.  
  323.  
  324. .enlaces {
  325. width: 70%;
  326. margin-left: 15%;
  327. }
  328.  
  329. .link label{
  330. display: block;
  331. padding: 8px;
  332. z-index: 2;
  333. font-family: calibri;
  334. text-decoration:none;
  335. text-transform: uppercase;
  336. font-size: 8px;
  337. letter-spacing: 3px;
  338. color: #666; /*Color: Questions and tags list*/
  339. font-weight: bold;
  340. border-bottom: 1px dotted #666; /*Color: Questions and tags list border*/
  341. }
  342.  
  343.  
  344. .link label:hover {
  345. border-bottom: 1px solid #666; /*Color: Questions and tags hover border*/
  346. }
  347.  
  348.  
  349. [type=radio]:checked ~ label {
  350. background-color: #666; /*Color: Questions and tags checked background*/
  351. color: #fff;
  352. }
  353.  
  354. .link [type=radio] {
  355. display: none;
  356. }
  357.  
  358. .tags {
  359. color: #666; /*Color: Answers*/
  360. height: 0;
  361. width: 100%;
  362. padding: 5px 10px;
  363. font-family: calibri;
  364. font-size: 8px;
  365. font-weight: bold;
  366. overflow: auto;
  367. border-left: 1px dotted #999;
  368. text-align: left;
  369. }
  370.  
  371. #four .tags a:before {
  372. content: '+'; /* Here you can change the symbol that appears before every tag */
  373. }
  374.  
  375. .tags a {
  376. padding: 2px;
  377. display: inline-block;
  378. font-family: calibri;
  379. line-height: 20px;
  380. text-decoration:none;
  381. text-transform: uppercase;
  382. font-size: 8px;
  383. letter-spacing: 2px;
  384. color: #666; /*Color: tags links*/
  385. font-weight: bold;
  386. }
  387.  
  388. .tags a:hover {
  389. color: #91C98F; /*Color: tags links hover*/
  390. }
  391.  
  392. .tags { opacity: 0;}
  393.  
  394. [type=radio]:checked ~ label ~ .tags {
  395. opacity: 1;
  396. height: 20%;
  397. -webkit-transition: all 0.6s ease-out;
  398. -moz-transition: all 0.6s ease-out;
  399. -ms-transition: all 0.6s ease-out;
  400. -o-transition: all 0.6s ease-out;
  401. transition: all 0.6s ease-out;
  402. }
  403.  
  404.  
  405. /*---------------Blogroll-----------------------*/
  406.  
  407. #s-m-t-tooltip{
  408. font-family: calibri;
  409. letter-spacing:1px;
  410. max-width:150px;
  411. font-size: 8px;
  412. margin:0px 20px;
  413. padding:3px;
  414. line-height: 18px;
  415. background: #91C98F; /*Color: tooltip background*/
  416. color: #fff; /*Color: tooltip*/
  417. opacity: .8;
  418. z-index:999;
  419. position:fixed;
  420. text-transform:uppercase;
  421. }
  422.  
  423. .blogroll {
  424. width: 100%;
  425. text-align: center;
  426. }
  427.  
  428. .blog {
  429. margin:10px;
  430. float:left;
  431. }
  432.  
  433. .blog img {
  434. opacity: 0.6;
  435. height: 30px;
  436. width: 30px;
  437. border-radius: 30px;
  438. -moz-border-radius: 30px;
  439. }
  440.  
  441. .blog img:hover {
  442. opacity:1;
  443. }
  444.  
  445.  
  446. </style>
  447.  
  448.  
  449.  
  450. </head>
  451.  
  452. <body>
  453.  
  454. <div id="wrapper">
  455. <div class="navis">
  456.  
  457. <!--- Image: replace the url below with the url of your image. To get one, go to http://tumblr.com/themes/upload_static_file and upload your picture --->
  458. <img src="http://static.tumblr.com/d4tdea8/L8Pnbvlt5/sidebar.jpg">
  459.  
  460.  
  461. <!--- Links: each slider content is linked with each of the links below. The slider #one is linked to the first link named "about". You can change the name of all of them, but don't change the number of the content---->
  462. <ul>
  463.  
  464. <li> <a href="#one">about</a> <div class="linea"> </li>
  465. <li> <a href="#two">ask</a> <div class="linea"> </li>
  466. <li> <a href="#three">faq</a> <div class="linea"> </li>
  467. <li> <a href="#four">tags</a> <div class="linea"> </li>
  468. <li> <a href="#five">blogroll</a> <div class="linea"> </li>
  469. <li> <a href="#six">Extra link</a> <div class="linea"> </li>
  470.  
  471. </ul>
  472.  
  473. <!--- Links: These are external links, you can change both the link and the name---->
  474.  
  475. <a href="/"><div class="back"> home</div></a>
  476. <a href=""><div class="back"> link 1 </div></a>
  477. <a href=""><div class="back"> link 2 </div></a>
  478. <a href=""><div class="back"> link 3 </div></a>
  479. <!---You can add more links, just copy from <a> to </a> ---->
  480. <a href="http://robbarya.tumblr.com"><div class="back">credit</div></a>
  481.  
  482. </div>
  483.  
  484. <!--- Sliders: You can easily delete any extra slider you don't want. All the sliders start with a <div id="#number"> and end with a </div>. The last </div> is marked with a 'End Silder #number' so that's the one you want to delete------>
  485.  
  486. <!---- First slider: #one
  487. The following instructions apply to all sliders---------------------------->
  488. <div id="one">
  489.  
  490. <div class="contenido">
  491. <h1>About</h1> <!--- Title: Here change the title----->
  492.  
  493. <h3>First subtitle</h3> <!--- Subtitle: Change the subtitles. All of them are between <h3></h3> ----->
  494.  
  495. Short description of yourself or whatever you want to appear here
  496.  
  497. <h3>Second subtitle</h3>
  498.  
  499. Remember you can <u>underline text</u>, <strong>bold it</strong> or <strike> cross it</strike>. You can also create a <a href="">link</a>
  500.  
  501. <h3>Third subtitle</h3>
  502.  
  503. If you want a line jump, add a <br>
  504. See?
  505.  
  506. <h3>You can add a lot of subtitles!</h3>
  507.  
  508. More content here
  509.  
  510.  
  511. </div>
  512.  
  513.  
  514.  
  515.  
  516. </div> <!---End Slider #one ----->
  517.  
  518. <!----- Second slider: #two - ASK ------------------------------------->
  519. <div id="two">
  520.  
  521. <div class="contenido">
  522.  
  523. <h1>Ask</h1> <!--- Title: ---->
  524.  
  525. <h3> First subtitle </h3> <!--- Subtitle: ---->
  526.  
  527. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et lorem facilisis, volutpat leo at, varius felis. Integer eu tortor at justo hendrerit posuere a nec lectus. Nam eu tempus purus. Sed aliquam dui facilisis sapien pharetra, eleifend consequat risus interdum. Vestibulum in venenatis purus. Donec eu mi velit. Etiam massa elit, ultricies eu rutrum in, interdum vel eros. Sed cursus tortor ornare nisl mollis fringilla.
  528.  
  529.  
  530. <h3> Second subtitle </h3>
  531.  
  532. Nunc semper massa sed lacinia consequat. Cras porttitor ac massa eget aliquet. Donec pulvinar malesuada mauris, eget pellentesque massa pulvinar sed. Fusce vitae egestas lorem. Cras egestas erat ante, sed lacinia sem accumsan a. Suspendisse odio eros, sodales eu finibus nec, faucibus ut elit. Phasellus a ante venenatis, cursus nibh eu, faucibus tellus.
  533.  
  534. <!--- Ask:
  535. SUPER IMPORTANT
  536. Below where it says YOURURLHERE you have to write your username, NOT your complete url ---->
  537. <br><br><br>
  538. <iframe frameborder="0" scrolling="yes" width="100%" height="200px" src="http://www.tumblr.com/ask_form/YOURURLHERE.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  539.  
  540.  
  541.  
  542.  
  543. </div>
  544.  
  545. </div> <!--- End Slider #two ----->
  546.  
  547. <!------- Third slider: #three - FAQ------------------------------------>
  548.  
  549. <div id="three">
  550.  
  551. <div class="contenido">
  552. <h1>F.A.Q</h1> <!--- Title: --->
  553.  
  554. <div class="enlaces">
  555.  
  556. <!--- Question: Each question in the faq starts here in the <div class="link"> and ends in the marked </div>. Feel free to add or delete as many as you want
  557. If you want to add more, increase the numbers on the tabs except the tabs-group-2 one. ---->
  558. <div class="link">
  559. <input type="radio" id="tab-1" name="tab-group-2">
  560. <label for="tab-1"> Question 1 </label>
  561.  
  562. <div class="tags">
  563.  
  564. Answer. Cras porttitor ac massa eget aliquet. Donec pulvinar malesuada mauris, eget pellentesque massa pulvinar sed.
  565.  
  566. </div>
  567. </div> <!---End Question---->
  568.  
  569. <div class="link">
  570. <input type="radio" id="tab-2" name="tab-group-2">
  571. <label for="tab-2">Question 2 </label>
  572.  
  573. <div class="tags">
  574. Answer. Cras porttitor ac massa eget aliquet. Donec pulvinar malesuada mauris, eget pellentesque massa pulvinar sed.
  575.  
  576. </div>
  577. </div><!---End Question---->
  578.  
  579. <div class="link">
  580. <input type="radio" id="tab-3" name="tab-group-2">
  581. <label for="tab-3">Question 3 </label>
  582.  
  583. <div class="tags">
  584. Answer. Cras porttitor ac massa eget aliquet. Donec pulvinar malesuada mauris, eget pellentesque massa pulvinar sed.
  585.  
  586. </div>
  587. </div><!---End Question---->
  588.  
  589. <div class="link">
  590. <input type="radio" id="tab-4" name="tab-group-2">
  591. <label for="tab-4">Question 4</label>
  592.  
  593. <div class="tags">
  594. Answer. Cras porttitor ac massa eget aliquet. Donec pulvinar malesuada mauris, eget pellentesque massa pulvinar sed.
  595.  
  596. </div>
  597. </div><!---End Question---->
  598.  
  599. <div class="link">
  600. <input type="radio" id="tab-5" name="tab-group-2">
  601. <label for="tab-5">Question 5</label>
  602.  
  603. <div class="tags">
  604. Answer. Cras porttitor ac massa eget aliquet. Donec pulvinar malesuada mauris, eget pellentesque massa pulvinar sed.
  605.  
  606. </div>
  607. </div><!---End Question---->
  608.  
  609.  
  610.  
  611. </div>
  612. </div>
  613.  
  614. </div><!---End Slider #three---->
  615.  
  616.  
  617. <!-------Fourth Slider #four - TAGS ---------------------------------->
  618. <div id="four">
  619. <div class="contenido">
  620.  
  621. <h1>Tags</h1> <!--- Title: --->
  622.  
  623. <div class="enlaces">
  624.  
  625. <!--- Same rules as the faq apply. Remember to increase the tab numbers to add more but keep the tab-group-1 untouched.----->
  626. <div class="link">
  627. <input type="radio" id="tab-21" name="tab-group-1">
  628. <label for="tab-21">Tags list 1</label>
  629.  
  630. <div class="tags">
  631.  
  632. <a href="/tagged/LINKURL" target="_blank">link</a>
  633. <a href="/tagged/LINKURL" target="_blank">link</a>
  634. <a href="/tagged/LINKURL" target="_blank">link</a>
  635. <a href="/tagged/LINKURL" target="_blank">link</a>
  636. <a href="/tagged/LINKURL" target="_blank">link</a>
  637. <a href="/tagged/LINKURL" target="_blank">link</a>
  638. <a href="/tagged/LINKURL" target="_blank">link</a>
  639. <a href="/tagged/LINKURL" target="_blank">link</a>
  640. <a href="/tagged/LINKURL" target="_blank">link</a>
  641. <a href="/tagged/LINKURL" target="_blank">link</a>
  642. <a href="/tagged/LINKURL" target="_blank">link</a>
  643. <!---Add o delete as many as you want---->
  644.  
  645.  
  646. </div>
  647. </div><!---End of tags list--->
  648.  
  649. <div class="link">
  650. <input type="radio" id="tab-22" name="tab-group-1">
  651. <label for="tab-22">Tags list 2</label>
  652.  
  653. <div class="tags">
  654.  
  655. <a href="/tagged/LINKURL" target="_blank">link</a>
  656. <a href="/tagged/LINKURL" target="_blank">link</a>
  657. <a href="/tagged/LINKURL" target="_blank">link</a>
  658. <a href="/tagged/LINKURL" target="_blank">link</a>
  659. <a href="/tagged/LINKURL" target="_blank">link</a>
  660. <a href="/tagged/LINKURL" target="_blank">link</a>
  661. <a href="/tagged/LINKURL" target="_blank">link</a>
  662. <a href="/tagged/LINKURL" target="_blank">link</a>
  663. <a href="/tagged/LINKURL" target="_blank">link</a>
  664. <a href="/tagged/LINKURL" target="_blank">link</a>
  665. <a href="/tagged/LINKURL" target="_blank">link</a>
  666.  
  667.  
  668. </div>
  669. </div><!---End of tags list---->
  670.  
  671. <div class="link">
  672. <input type="radio" id="tab-23" name="tab-group-1">
  673. <label for="tab-23">Tags list 3</label>
  674.  
  675. <div class="tags">
  676.  
  677. <a href="/tagged/LINKURL" target="_blank">link</a>
  678. <a href="/tagged/LINKURL" target="_blank">link</a>
  679. <a href="/tagged/LINKURL" target="_blank">link</a>
  680. <a href="/tagged/LINKURL" target="_blank">link</a>
  681. <a href="/tagged/LINKURL" target="_blank">link</a>
  682. <a href="/tagged/LINKURL" target="_blank">link</a>
  683. <a href="/tagged/LINKURL" target="_blank">link</a>
  684. <a href="/tagged/LINKURL" target="_blank">link</a>
  685.  
  686.  
  687.  
  688. </div>
  689. </div><!---End of tags list--->
  690.  
  691. <div class="link">
  692. <input type="radio" id="tab-24" name="tab-group-1">
  693. <label for="tab-24">Tags list 4</label>
  694.  
  695. <div class="tags">
  696.  
  697. <a href="/tagged/LINKURL" target="_blank">link</a>
  698. <a href="/tagged/LINKURL" target="_blank">link</a>
  699. <a href="/tagged/LINKURL" target="_blank">link</a>
  700. <a href="/tagged/LINKURL" target="_blank">link</a>
  701. <a href="/tagged/LINKURL" target="_blank">link</a>
  702. <a href="/tagged/LINKURL" target="_blank">link</a>
  703. <a href="/tagged/LINKURL" target="_blank">link</a>
  704. <a href="/tagged/LINKURL" target="_blank">link</a>
  705.  
  706. </div>
  707. </div><!---End of tags list--->
  708.  
  709. <div class="link">
  710. <input type="radio" id="tab-25" name="tab-group-1">
  711. <label for="tab-25">Tags list 5</label>
  712.  
  713. <div class="tags">
  714.  
  715. <a href="/tagged/LINKURL" target="_blank">link</a>
  716. <a href="/tagged/LINKURL" target="_blank">link</a>
  717. <a href="/tagged/LINKURL" target="_blank">link</a>
  718. <a href="/tagged/LINKURL" target="_blank">link</a>
  719.  
  720. </div>
  721. </div><!---End of tags list--->
  722.  
  723. <div class="link">
  724. <input type="radio" id="tab-26" name="tab-group-1">
  725. <label for="tab-26">Tags list 6</label>
  726.  
  727. <div class="tags">
  728.  
  729. <a href="/tagged/LINKURL" target="_blank">link</a>
  730. <a href="/tagged/LINKURL" target="_blank">link</a>
  731. <a href="/tagged/LINKURL" target="_blank">link</a>
  732. <a href="/tagged/LINKURL" target="_blank">link</a>
  733.  
  734. </div>
  735. </div><!---End of tags list--->
  736.  
  737.  
  738. <div class="link">
  739. <input type="radio" id="tab-27" name="tab-group-1">
  740. <label for="tab-27">Tags list 7</label>
  741.  
  742. <div class="tags">
  743.  
  744. <a href="/tagged/LINKURL" target="_blank">link</a>
  745. <a href="/tagged/LINKURL" target="_blank">link</a>
  746. <a href="/tagged/LINKURL" target="_blank">link</a>
  747. <a href="/tagged/LINKURL" target="_blank">link</a>
  748.  
  749. </div>
  750. </div><!---End of tags list--->
  751.  
  752.  
  753.  
  754.  
  755.  
  756. </div>
  757. </div>
  758. </div><!--End Slider #four---->
  759.  
  760. <!-------- Fifth Slider #five - Blogroll---------------->
  761. <div id="five">
  762. <div class="contenido">
  763. <h1>Blogroll</h1> <!---Title: --->
  764.  
  765.  
  766. <div class="blogroll">
  767. {block:Following}{block:Followed}
  768. <div class="blog">
  769. <a target="_blank" title="{FollowedName}" href="{FollowedURL}"> <img border: "0" src="{FollowedPortraitURL-40}"/>
  770. </a>
  771. </div>
  772. {/block:Followed}{/block:Following}
  773. </div>
  774.  
  775.  
  776. </div>
  777.  
  778. </div><!---End Slider #five ---->
  779.  
  780. <!-------- Sixth Slider #six - Whatever you want---------------->
  781. <div id="six">
  782. <div class="contenido">
  783. <h1>Extra content</h1> <!---Title: --->
  784.  
  785. <h3>Subtitle</h3>
  786.  
  787. Text. Vestibulum semper convallis urna. Integer ut ante ut arcu efficitur laoreet. Nunc consequat vestibulum risus, eget iaculis magna. Morbi ultricies id velit ut suscipit. In at ipsum quis arcu convallis vehicula. Vivamus euismod augue eu ligula gravida ultrices. Pellentesque ac pellentesque mi. Aliquam imperdiet elit et nisi convallis convallis. Pellentesque efficitur, lectus at dignissim elementum, augue ante viverra neque, sit amet finibus est quam eget ligula.
  788.  
  789.  
  790. </div>
  791.  
  792. </div><!---End Slider #six ---->
  793.  
  794. </div><!---->
  795.  
  796. <!--------------------TOOLTIP------------------>
  797.  
  798. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  799. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  800. <script>
  801. (function($){
  802. $(document).ready(function(){
  803. $("[title]").style_my_tooltips({
  804. tip_follows_cursor:true,
  805. tip_delay_time:0,
  806. tip_fade_speed:400,
  807. attribute:"title"
  808. });
  809. });
  810. })(jQuery);
  811. </script>
  812. </body>
  813.  
  814.  
  815. </html>
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!