API tools faq
paste
psychedelic-cunts

here is the classy bloggers network coding

psychedelic-cunts
Sep 9th, 2017
193
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.82 KB | None | 0 0
raw download clone embed print report
  1. <!--network theme base code by mady, or inspiredbylou-->
  2.  
  3.  
  4. <!--
  5. cuddleinq's third network theme!!! Done with a base code by inspiredbylou
  6.  
  7. enjoy and please don't delete credit! xx
  8. -->
  9.  
  10. <head>
  11.  
  12.  
  13. <link rel="shortcut icon" href="{favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{rss}">
  15. <link href="https://fonts.googleapis.com/css?family=Open+Sans|Yeseva+One" rel="stylesheet">
  16. <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
  17. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  18. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  19. <script>
  20. (function($){
  21. $(document).ready(function(){
  22. $("[title],a[title],img[title]").style_my_tooltips({
  23. tip_follows_cursor:true,
  24. tip_delay_time:90,
  25. tip_fade_speed:600,
  26. attribute:"title"
  27. });
  28. });
  29. })(jQuery);
  30.  
  31.  
  32. </script>
  33.  
  34.  
  35. <style type="text/css">
  36.  
  37. ::-webkit-scrollbar {width: 2px; height: 2px; background: white;}
  38. ::-webkit-scrollbar-thumb {background-color:#fff; height:2px;} /*change colour of the scrollbar */
  39.  
  40. body{
  41. font-family: 'Open Sans', sans-serif;
  42. font-size: 11px;
  43. color: #777777; /*change font colour*/
  44. background-position: fixed;
  45. background-attachment:fixed;
  46. background-repeat:repeat;
  47. background-color:#fff;} /*change background colour*/
  48.  
  49. a:link, a:active, a:visited{
  50. color: #777777; /*change link colour*/
  51. text-decoration: none;
  52.  
  53. }
  54.  
  55. #all {
  56. margin-left:165px;
  57. }
  58.  
  59. #pannel {
  60. width:180px;
  61. margin-left:-20px;
  62. height:170px;
  63. }
  64.  
  65. #poster {
  66. width:130px;
  67. height:120px;
  68. margin-top:10px;
  69. position: absolute;
  70. background-color:#fff;
  71. }
  72.  
  73. #poster img {
  74. width:140px;
  75. margin-top:-15px;
  76. height:140px;
  77. border-radius:50%;
  78. }
  79.  
  80.  
  81. #about {
  82. text-align:left;
  83. margin-top:140px;
  84. margin-left:-33px;
  85. padding:6px;
  86. position:absolute;
  87. width:200px;
  88. height:65px;
  89. opacity:0;
  90. font-size:11px;
  91. overflow:scroll; /*DONT DELETE OR IT WONT SCROLL! */
  92. font-family: 'Open Sans', sans-serif;
  93. background:#d2cfd4; /*change color of background of hover message box*/
  94. color:#000; /*change color of text on hover message box*/
  95. -webkit-transition: all .7s ease;
  96. -moz-transition: all .7s ease;
  97. -o-transition: all .7s ease;
  98. transition: all .7s ease;
  99.  
  100. }
  101.  
  102. #pannel:hover #about {
  103. opacity:1;
  104. -webkit-transition: all .7s ease;
  105. -moz-transition: all .7s ease;
  106. -o-transition: all .7s ease;
  107. transition: all .7s ease;
  108. }
  109.  
  110. #arrow-up {
  111. width: 0;
  112. height: 0;
  113. opacity:0;
  114. padding-top:7px;
  115. border-left: 8px solid transparent;
  116. border-right: 8px solid transparent;
  117. border-bottom: 8px solid #d2cfd4; /*change colour of little arrow on hover*/
  118. -webkit-transition: all .7s ease;
  119. -moz-transition: all .7s ease;
  120. -o-transition: all .7s ease;
  121. transition: all .7s ease;
  122. }
  123.  
  124. #pannel:hover #arrow-up {
  125. opacity:1;
  126. -webkit-transition: all .7s ease;
  127. -moz-transition: all .7s ease;
  128. -o-transition: all .7s ease;
  129. transition: all .7s ease;
  130. }
  131.  
  132. #name{
  133. width:202px;
  134. font-family:'Yeseva One', cursive;
  135. text-align:left;
  136. margin-left:-4px;
  137. padding-left:5px;
  138. font-size:15px;
  139. border-bottom:1px dashed white; /*change colour of border under url on hover*/
  140. }
  141.  
  142. #top {
  143. width:765px;
  144. height:auto;
  145. font-family: 'Open Sans', sans-serif;
  146. font-size:11px;
  147. margin-left: 265px;
  148. line-height:18px;
  149. padding:2px;
  150. margin-top: 30px;
  151. text-align:center;
  152. text-transform:lowercase;
  153. background-color:#fff;
  154. }
  155.  
  156.  
  157. .header {
  158. height:auto;
  159. line-height:35px;
  160. background:#d2cfd4; /*change title background*/
  161. color:#fff; /*change title colour*/
  162. font-family: 'Yeseva One', cursive;
  163. font-size:38px; /*change title font size*/
  164. text-align:center;
  165. letter-spacing:2px;
  166. text-transform:lowercase; /*change if you dont want title in lowercase*/
  167. padding:15px;
  168. margin-top:40px;
  169. margin-left:-14px;
  170. margin-bottom:10px;
  171. }
  172.  
  173. #description{
  174. font-family: 'Open Sans', sans-serif;
  175. font-size:11px;
  176. position:absolute;
  177. text-align:center;
  178. height:auto;
  179. padding:5px;
  180. width:600px;
  181. margin-left:75px;
  182. margin-top:-10px;
  183. }
  184.  
  185. .tooltip{
  186. display:inline;
  187. position:relative;
  188. }
  189. #s-m-t-tooltip{
  190. max-width:300px;
  191. padding:4px 5px 6px 4px;
  192. margin:9px 5px -2px 20px;
  193. background:white; /*change toottip background colour*/
  194. border:1px solid #d2cfd4; /*change tooltip border colour*/
  195. font-family: 'Open Sans', sans-serif;
  196. font-size:10px;
  197. letter-spacing:1px;
  198. text-transform:lowercase;
  199. color:#777777;
  200. z-index:9999999999999999999999;
  201. }
  202.  
  203. #baronside{
  204. width:100%;
  205. height:25px;
  206. left:0px;
  207. bottom:0px;
  208. background:#d2cfd4; /*change blog border colour*/
  209. position:fixed;
  210. z-index:9999999999999999999999999999999999999999999999;
  211. }
  212.  
  213.  
  214. #credit a{position:fixed; border:1px solid #f2f2f2;right:20px;bottom:50px;padding:5px;line-height:10px;font-size:11px;color:{color:text};background:white;-moz-transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s;} /*DONT DELETE */
  215.  
  216. </style>
  217.  
  218. <div id="border-top"></div>
  219.  
  220. <div id="baronside"></div>
  221.  
  222. </div>
  223. </div>
  224. <div id="top">
  225. <div class="header">classy bloggers network</div>
  226.  
  227. <div id="description">
  228. <!--description here-->
  229. welcome to the official network page of the classy bloggeers network!
  230. <!--description here-->
  231.  
  232. <br>
  233. <!--change links here-->
  234. <a href="http://girlhy.tk ">home</a> &middot
  235. <a href="http://girlhy.tk/message ">want to join us?</a> &middot
  236. <a href="http://girlhy.tk/post/164699321124/please-do-not-delete-the-text-or-self-promote ">apply</a> &middot
  237. <a href="http://cuddleinq.tumblr.com">credit</a>
  238. <!--change links here-->
  239.  
  240. </div></div>
  241.  
  242. <table id="all" border="0" cellpadding="0" cellspacing="75">
  243.  
  244.  
  245. <!-- start of 1st column-->
  246. <!--start 1st pannel-->
  247. <td><div id="pannel">
  248. <div id="poster">
  249. <p>
  250. <div id="about">
  251. <div id="name">
  252.  
  253. <a href="http://girlhy.tk">girlhy</a> <!--url of blog-->
  254.  
  255. </div>
  256.  
  257. My name is Lauren, i am one of the admins here in the network, i am 20 years young born & raised in the united states <!--message-->
  258.  
  259.  
  260. </div>
  261. <img width="120px" src="https://scontent.fewr1-4.fna.fbcdn.net/v/t1.0-9/20229391_1894079420619207_378933069951546841_n.jpg?oh=c53766d61bea76ec29d3b342fe1bb00d&oe=5A21807A"/><!--replace this url with the image url you want to use-->
  262. <div id="arrow-up"></div>
  263. </div>
  264. </td>
  265. <!--end 1st pannel-->
  266.  
  267.  
  268.  
  269. <!--start 2nd pannel-->
  270. <td><div id="pannel">
  271. <div id="poster">
  272. <p>
  273. <div id="about">
  274. <div id="name">
  275.  
  276. <a href="http://looklikebarbiesmokelikemarley.tumblr.com">looklikebarbiesmokelikemarley</a> <!--url of blog-->
  277.  
  278. </div>
  279.  
  280. My name is Christina.I am another admin in this network, I am 21 years old and I am an Aries. I currently reside in NY <!--message-->
  281.  
  282.  
  283. </div>
  284. <img width="120px" src="https://scontent.fewr1-4.fna.fbcdn.net/v/t34.0-12/21397132_469148416801270_1425436281_n.png?oh=77f15f505c5157c4efb19d3e1bcfa0c2&oe=59B323DC"/><!--replace this url with the image url you want to use-->
  285. <div id="arrow-up"></div>
  286. </div>
  287. </td>
  288. <!--end 2nd pannel-->
  289.  
  290.  
  291. <!--start 3rd pannel-->
  292. <td><div id="pannel">
  293. <div id="poster">
  294. <p>
  295. <div id="about">
  296. <div id="name">
  297.  
  298. <a href="http://okaygemini.tumblr.com">okaygemini</a> <!--url of blog-->
  299.  
  300. </div>
  301.  
  302. <!--message-->
  303.  
  304.  
  305. </div>
  306. <img width="120px" src="https://scontent.fewr1-4.fna.fbcdn.net/v/t1.0-9/21192708_10214378129837098_3696251599927436605_n.jpg?oh=6ca7539634704227e00e5acc087f44ca&oe=5A175498"/><!--replace this url with the image url you want to use-->
  307. <div id="arrow-up"></div>
  308. </div>
  309. </td>
  310. <!--end 3rd pannel-->
  311.  
  312.  
  313.  
  314. <!--start 4th pannel-->
  315. <td><div id="pannel">
  316. <div id="poster">
  317. <p>
  318. <div id="about">
  319. <div id="name">
  320.  
  321. <a href="http://stubborns.tumblr.com">stubborns</a> <!--url of blog-->
  322.  
  323. </div>
  324.  
  325. my name is Cass! I'm 18, and live in California where I attend college. I enjoy cats, coffee, and all things blue <!--message-->
  326.  
  327.  
  328. </div>
  329. <img width="120px" src="https://68.media.tumblr.com/4d0b1d3aee65f3337f8ea822683a948b/tumblr_messaging_ovsfitTseG1t14iw0_250.jpg"/><!--replace this url with the image url you want to use-->
  330. <div id="arrow-up"></div>
  331. </div>
  332. </td>
  333. <!--end 4th pannel-->
  334. <!--end 1st column-->
  335. <tr>
  336.  
  337.  
  338. <!-- start of 2nd column-->
  339. <!--start 1st pannel-->
  340. <td><div id="pannel">
  341. <div id="poster">
  342. <p>
  343. <div id="about">
  344. <div id="name">
  345.  
  346. <a href="http://What-about-bre4kfast-at-tiffanys.tumblr.com">what-about-bre4kfast-at-tiffanys</a> <!--url of blog-->
  347.  
  348. </div>
  349.  
  350. Zoe-24. "I believe in pink"- Audrey Hepburn <!--message-->
  351.  
  352.  
  353. </div>
  354. <img width="120px" src="https://scontent.fewr1-4.fna.fbcdn.net/v/t1.0-9/20915132_107202520011083_8624253088350645437_n.jpg?oh=de39ae47571f008494437e2a13008d5c&oe=5A1B5F90"/>
  355. <div id="arrow-up"></div>
  356. </div>
  357. </td>
  358. <!--end 1st pannel-->
  359.  
  360.  
  361.  
  362. <!--start 2nd pannel-->
  363. <td><div id="pannel">
  364. <div id="poster">
  365. <p>
  366. <div id="about">
  367. <div id="name">
  368.  
  369. <a href="http://Ali3nChildr3n.tumblr.com">ali3nchildr3n</a> <!--url of blog-->
  370.  
  371. </div>
  372.  
  373. My name is Cheyenne and I'm 22. I currently reside in sunny Florida. I enjoy cats,aesthetics, makeup,and all things occult and strange. <!--message-->
  374.  
  375.  
  376. </div>
  377. <img width="120px" src="https://scontent.fewr1-4.fna.fbcdn.net/v/t35.0-12/21392483_10207962484099760_400184015_o.jpg?oh=b73a0fe61593e6c04c57f390b2f42b63&oe=59B1418D"/><!--replace this url with the image url you want to use-->
  378. <div id="arrow-up"></div>
  379. </div>
  380. </td>
  381. <!--end 2nd pannel-->
  382.  
  383.  
  384. <!--start 3rd pannel-->
  385. <td><div id="pannel">
  386. <div id="poster">
  387. <p>
  388. <div id="about">
  389. <div id="name">
  390.  
  391. <a href="http://duals.tumblr.com">duals</a> <!--url of blog-->
  392.  
  393. </div>
  394.  
  395. My name is Francesca and I live in Belgium. I'm 22 years old and studying management. I love Joy Division, singing, dogs and going out with friends <!--message-->
  396.  
  397.  
  398. </div>
  399. <img width="120px" src="https://scontent.fewr1-4.fna.fbcdn.net/v/t34.0-12/21469760_10212442959942687_709099965_n.jpg?oh=c681f147ad697126671ed7c26b8856e4&oe=59B17F10"/><!--replace this url with the image url you want to use-->
  400. <div id="arrow-up"></div>
  401. </div>
  402. </td>
  403. <!--end 3rd pannel-->
  404.  
  405.  
  406.  
  407. <!--start 4th pannel-->
  408. <td><div id="pannel">
  409. <div id="poster">
  410. <p>
  411. <div id="about">
  412. <div id="name">
  413.  
  414. <a href="http://pandanoodlz.tumblr.com">pandanoodlz</a> <!--url of blog-->
  415.  
  416. </div>
  417.  
  418. my names Emily, I'm 18 and I'm from Scotland. I've just started college studying travel and tourism. <!--message-->
  419.  
  420.  
  421. </div>
  422. <img width="120px" src="https://scontent.fewr1-4.fna.fbcdn.net/v/t34.0-12/21397392_1677780262263975_1014704779_n.jpg?oh=7e1ff237614a00d63d0804bcf5f85bec&oe=59B2D699"/><!--replace this url with the image url you want to use-->
  423. <div id="arrow-up"></div>
  424. </div>
  425. </td>
  426. <!--end 4th pannel-->
  427. <!--end 2nd column-->
  428. <tr>
  429.  
  430.  
  431. <!-- start of 3rd column-->
  432. <!--start 1st pannel-->
  433. <td><div id="pannel">
  434. <div id="poster">
  435. <p>
  436. <div id="about">
  437. <div id="name">
  438.  
  439. <a href="http://donttouchmyarse.tumblr.com">donttouchmyarse</a> <!--url of blog-->
  440.  
  441. </div>
  442.  
  443. I'm Leah-Louise, I am 25 and i live in the UK. I currently work as a Nurse in Private Healthcare and i am a mum to two children.
  444. I have been on tumblr since 2011 and had my current blog since 2012.
  445. I have a huge interest in Witchcraft, Palistry and Tarot reading although i am not a practising Witch.
  446. I also lile to blog (obviously), read and explore. <!--message-->
  447.  
  448.  
  449. </div>
  450. <img width="120px" src="https://scontent.fewr1-4.fna.fbcdn.net/v/t35.0-12/21441201_10155479112356136_804529341_o.jpg?oh=36910e72583a883f7e77bc7ce0481bc9&oe=59B18A1F"/><!--replace this url with the image url you want to use-->
  451. <div id="arrow-up"></div>
  452. </div>
  453. </td>
  454. <!--end 1st pannel-->
  455.  
  456.  
  457.  
  458. <!--start 2nd pannel-->
  459. <td><div id="pannel">
  460. <div id="poster">
  461. <p>
  462. <div id="about">
  463. <div id="name">
  464.  
  465. <a href="http://eliixur.tumblr.com">eliixur</a> <!--url of blog-->
  466.  
  467. </div>
  468.  
  469. Maddie. 19. Canadian. Psych major. Nature af <!--message-->
  470.  
  471.  
  472. </div>
  473. <img width="120px" src="https://scontent.fewr1-4.fna.fbcdn.net/v/t34.0-12/21475935_914700998684291_135993421_n.jpg?oh=11a4f1d28ea04cbd05c862bf260b3802&oe=59B1452F"/><!--replace this url with the image url you want to use-->
  474. <div id="arrow-up"></div>
  475. </div>
  476. </td>
  477. <!--end 2nd pannel-->
  478.  
  479.  
  480. <!--start 3rd pannel-->
  481. <td><div id="pannel">
  482. <div id="poster">
  483. <p>
  484. <div id="about">
  485. <div id="name">
  486.  
  487. <a href="http://t-ealeaves.tumblr.com">t-ealeaves </a> <!--url of blog-->
  488.  
  489. </div>
  490.  
  491. I'm Emerson, I'm 19 and I'm from Perth, Australia. I love fashion, makeup and music. My favourite band is the Offspring and I love to draw. My favourite foods are sushi and lasagne and I love to make new friends so feel free to send me a message! <!--message-->
  492.  
  493.  
  494. </div>
  495. <img width="120px" src="https://scontent.fewr1-4.fna.fbcdn.net/v/t34.0-12/21361008_1407518322694972_835780572_n.jpg?oh=8b353dd5af83d36433961f11d6867b07&oe=59B1667D"/><!--replace this url with the image url you want to use-->
  496. <div id="arrow-up"></div>
  497. </div>
  498. </td>
  499. <!--end 3rd pannel-->
  500.  
  501.  
  502.  
  503. <!--start 4th pannel-->
  504. <td><div id="pannel">
  505. <div id="poster">
  506. <p>
  507. <div id="about">
  508. <div id="name">
  509.  
  510. <a href="http://menstruals.tumblr.com">menstruals</a> <!--url of blog-->
  511.  
  512. </div>
  513.  
  514. My name is Anath, I'm a fun loving, hyper active Congolese girl that loves God, family and food. <!--message-->
  515.  
  516.  
  517. </div>
  518. <img width="120px" src="https://scontent.fewr1-4.fna.fbcdn.net/v/t31.0-1/c0.0.960.960/20121345_1419776084736273_8374903682966693406_o.jpg?oh=fc2a1e55274955f18d607910c3c397b9&oe=5A4FC572"/><!--replace this url with the image url you want to use-->
  519. <div id="arrow-up"></div>
  520. </div>
  521. </td>
  522. <!--end 4th pannel-->
  523. <!--end 3rd column-->
  524. <tr>
  525.  
  526.  
  527.  
  528.  
  529. <!-- start of 4th column-->
  530. <!--start 1st pannel-->
  531. <td><div id="pannel">
  532. <div id="poster">
  533. <p>
  534. <div id="about">
  535. <div id="name">
  536.  
  537. <a href="http://songwrite.tumblr.com">songwrite</a> <!--url of blog-->
  538.  
  539. </div>
  540.  
  541. Eryn, 21, aesthetic blogger. Follow me and ask me anything! <!--message-->
  542.  
  543.  
  544. </div>
  545. <img width="120px" src="https://scontent.fewr1-4.fna.fbcdn.net/v/t34.0-12/21362869_273550359802376_1760643158_n.jpg?oh=78c794bc64bbc0c9456b2d6de0c63f99&oe=59B145A6"/><!--replace this url with the image url you want to use-->
  546. <div id="arrow-up"></div>
  547. </div>
  548. </td>
  549. <!--end 1st pannel-->
  550.  
  551.  
  552.  
  553. <!--start 2nd pannel-->
  554. <td><div id="pannel">
  555. <div id="poster">
  556. <p>
  557. <div id="about">
  558. <div id="name">
  559.  
  560. <a href="http://chanceofsunshine.tumblr.com">chanceofsunshine</a> <!--url of blog-->
  561.  
  562. </div>
  563.  
  564. My name is Ali, I'm 24 and I live in NYC where I work for a market research firm. I love traveling, petting dogs, drinking lots of wine, reading, listening to music, and sleeping in!! <!--message-->
  565.  
  566.  
  567. </div>
  568. <img width="120px" src="https://scontent.fewr1-4.fna.fbcdn.net/v/t34.0-12/21397291_10213868337600586_1306907711_n.jpg?oh=ab9f21e235375b0482ffd991681edade&oe=59B28891"/><!--replace this url with the image url you want to use-->
  569. <div id="arrow-up"></div>
  570. </div>
  571. </td>
  572. <!--end 2nd pannel-->
  573.  
  574.  
  575. <!--start 3rd pannel-->
  576. <td><div id="pannel">
  577. <div id="poster">
  578. <p>
  579. <div id="about">
  580. <div id="name">
  581.  
  582. <a href="http://-disenchant.tumblr.com">-disenchant</a> <!--url of blog-->
  583.  
  584. </div>
  585.  
  586. Tony is a current undergrad at Stanford. He is a succulent-enthusiast, memer, poet, and proud owner of a tamagotchi.<!--message-->
  587.  
  588.  
  589. </div>
  590. <img width="120px" src="https://scontent.fewr1-4.fna.fbcdn.net/v/t35.0-12/21392827_1496792927052475_1406160378_o.jpg?oh=68d35b9e26622042c8e5d8553df60949&oe=59B2F479"/><!--replace this url with the image url you want to use-->
  591. <div id="arrow-up"></div>
  592. </div>
  593. </td>
  594. <!--end 3rd pannel-->
  595.  
  596.  
  597.  
  598. <!--start 4th pannel-->
  599. <td><div id="pannel">
  600. <div id="poster">
  601. <p>
  602. <div id="about">
  603. <div id="name">
  604.  
  605. <a href="/">url</a> <!--url of blog-->
  606.  
  607. </div>
  608.  
  609. message <!--message-->
  610.  
  611.  
  612. </div>
  613. <img width="120px" src="https://scontent.fewr1-4.fna.fbcdn.net/v/t34.0-12/21441973_345219299255213_286043797_n.jpg?oh=cf96d72f97aa6abd1a966cbc39ba1646&oe=59B2F9C4"/><!--replace this url with the image url you want to use-->
  614. <div id="arrow-up"></div>
  615. </div>
  616. </td>
  617. <!--end 4th pannel-->
  618. <!--end 4th column-->
  619.  
  620. <tr>
  621.  
  622.  
  623. <!-- to add more columns, copy everything from <tr> of the first pannel to </td> of the fourth pannel!
  624. if you need help adding more columns or with anything in this code please ask-->
  625.  
  626. </table>
  627.  
  628.  
  629. <div id="credit"><a href="http://cuddleinq.tumblr.com" title="credit"><i class="fa fa-bookmark-o" aria-hidden="true"></i></a></div>
  630.  
  631.  
  632.  
  633.  
  634. </body>
  635. </html>
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!