API tools faq
paste
mikit20

Heyaw~ (blogskins)

mikit20
Oct 1st, 2014
483
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.71 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <script language="JavaScript1.2" type="text/javascript">
  4. // This script and others available free at http://www.lissaexplains.com
  5. if (window.Event)
  6. document.captureEvents(Event.MOUSEUP);
  7.  
  8. function nocontextmenu() {
  9. event.cancelBubble = true, event.returnValue = false;
  10.  
  11. return false;
  12. }
  13.  
  14. function norightclick(e) {
  15. if (window.Event) {
  16. if (e.which == 2 || e.which == 3) return false;
  17. }
  18. else if (event.button == 2 || event.button == 3) {
  19. event.cancelBubble = true, event.returnValue = false;
  20. return false;
  21. }
  22. }
  23.  
  24. if (document.layers)
  25. document.captureEvents(Event.MOUSEDOWN);
  26.  
  27. document.oncontextmenu = nocontextmenu;
  28. document.onmousedown = norightclick;
  29. document.onmouseup = norightclick;
  30. //--></script>
  31.  
  32. <script type="text/javascript">
  33. /***********************************************
  34. * Disable select-text script- © Dynamic Drive (www.dynamicdrive.com)
  35. * This notice MUST stay intact for legal use
  36. * Visit http://www.dynamicdrive.com/ for full source code
  37. ***********************************************/
  38.  
  39. //form tags to omit in NS6+:
  40. var omitformtags=["input", "textarea", "select"]
  41.  
  42. omitformtags=omitformtags.join("|")
  43.  
  44. function disableselect(e){
  45. if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
  46. return false
  47. }
  48.  
  49. function reEnable(){
  50. return true
  51. }
  52.  
  53. if (typeof document.onselectstart!="undefined")
  54. document.onselectstart=new Function ("return false")
  55. else{
  56. document.onmousedown=disableselect
  57. document.onmouseup=reEnable
  58. }
  59.  
  60. </script>
  61.  
  62. <base target='_blank'/>
  63.  
  64. <title>Heyaw~</title>
  65.  
  66. <style type="text/css">body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}</style>
  67.  
  68. <style type="text/css">
  69. #navbar-iframe {height:0px; visibility:hidden; display:none;}
  70.  
  71. A:link { text-decoration: none; font-weight: none; color: #8D8D8D;}
  72. A:visited { text-decoration: none; font-weight: none; color: #8D8D8D;}
  73. A:hover { text-transform:none; color: #CCE9FF; }
  74.  
  75. ::-webkit-scrollbar {
  76. height: 6px;
  77. width: 6px;
  78. background: #ffffff;
  79. }
  80. ::-webkit-scrollbar-thumb {
  81. background: #CCE9FF;
  82. border-radius: 10px;
  83. }
  84.  
  85.  
  86. body { background-image: url('http://static.tumblr.com/f681e18ab07cfcb205a11f6f338d66f4/3yblkz0/PvZn3zlbh/tumblr_static_dnwpe42dpvk0ko0w0cg4c084w.png');
  87. top left fixed;
  88. background-attachment:fixed;
  89. font-family: Verdana;
  90. color: black;
  91. font-size: 9px;
  92. line-height: 145%;t
  93. ext-align: justify;
  94. margin: 0px;
  95. }
  96.  
  97. td
  98. { font-family: calibri light;
  99. font-size: 9px;
  100. color: #8D8D8D;
  101. text-transform: lowercase;
  102. cursor:crosshair;
  103. line-height: 145%;
  104. text-align: justify;
  105. margin: 2px;}
  106. }
  107.  
  108. textarea, input, select {
  109. background: white;
  110. font-family : verdana;
  111. font-size: 9px;
  112. color: green;
  113. cursor: crosshair;
  114. border-style: double;
  115. border-top-width: 1px;
  116. border-left-width: 1px;
  117. border-right-width: 1px;
  118. border-bottom-width: 1px;
  119. }
  120.  
  121. .text{
  122. background: #fff;
  123. font-family:calibri light;
  124. letter-spacing:1px;
  125. font-size:12px;
  126. line-height:22px;
  127. padding:15px;
  128. color: #8D8D8D;
  129. text-align:left;
  130. border-radius:8px;
  131. margin-bottom:20px;
  132. }
  133.  
  134. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  135.  
  136. .text2{
  137. background: #fff;
  138. font-family: ronda;
  139. font-size: 8px;
  140. letter-spacing:1px;
  141. line-height:14px;
  142. padding:8px;
  143. color: #8D8D8D;
  144. text-align:left;
  145. margin-bottom:15px;
  146. border-radius:5px;}
  147.  
  148. @font-face { font-family: "mini wakuwaku"; src: url('http://static.tumblr.com/e1djgf7/B9cmszur5/mini-wakuwaku.otf')}
  149.  
  150. .h1{
  151. padding-right:2;
  152. padding:2px;
  153. background:#FFE4E4;
  154. font-family:mini wakuwaku;
  155. font-size:20px;
  156. color: #ffffff;
  157. text-align:right;
  158. letter-spacing:2;
  159. line-height:13pt;
  160. border-radius:5px;
  161. text-shadow:1px 1px 0px #BBB;}
  162.  
  163.  
  164. @font-face {
  165. font-family: "roboto";
  166. src: url('http://static.tumblr.com/e1djgf7/N9Zncngb4/roboto-thin.ttf');
  167. }
  168.  
  169. .h2 {
  170. font-family: roboto;
  171. font-size:30px;
  172. color:#6E6E6E;
  173. text-align:right;
  174. padding-bottom:6px;
  175. }
  176.  
  177. .h3 {
  178. font-family: ronda;
  179. font-size: 8px;
  180. color: #8D8D8D;
  181. line-height:15px;
  182. text-align:right;
  183. border-bottom:1px dashed #ddd;
  184. padding-bottom:2px;
  185. }
  186.  
  187. .h4{
  188. padding:5;
  189. background:#D5ECFF;
  190. font-family:mini wakuwaku;
  191. font-size:25px;
  192. color: ffffff;
  193. text-align:right;
  194. letter-spacing:2;
  195. line-height:13pt;
  196. text-shadow:1px 1px 0px #BBB;
  197. border-radius:5px;}
  198.  
  199. #head {
  200. top: 0px;
  201. left:0px;
  202. background: white;
  203. border-bottom:0px solid #eee;
  204. border-radius: 5xp 5px 0px 0px;
  205. position:fixed;
  206. text-align:center;
  207. z-index:13333333333;
  208. width: 100%;
  209. filter:alpha(opacity=100);moz-opacity:.90;opacity:.99;
  210. }
  211. #coffee {
  212. margin-left: auto;
  213. margin-right: auto;
  214. color: #000;
  215. }
  216. #latte {
  217. width: 100px;
  218. height: 18px;
  219. margin-top: 10px;
  220. display:inline-block;
  221. background: none;
  222. text-align:center;
  223. text-transform:uppercase;
  224. }
  225. #latte a{
  226. color: #6a6a6a;
  227. text-transform:uppercase;
  228. background: none;
  229. }
  230. #latte:hover #cream a:moo{border-top:0px solid #fff; }
  231. #latte:hover #cream{
  232. opacity:3;
  233. -webkit-transition-duration:.7s;
  234. overflow:hidden;
  235. background-color:transparent;
  236. z-index:966666666666666666666666666666666666666669;
  237. height:auto;
  238. }
  239. #cream {
  240. text-align: center;
  241. position:absolute;
  242. overflow:hidden;
  243. width: 110px;
  244. height: 0px;
  245. line-height: 24px;
  246. text-shadow: none;
  247. padding-top: 5px;
  248. opacity:0;
  249. }
  250.  
  251. #cream a{
  252. font-weight: none;
  253. background-color:#FFDDDD;
  254. border-bottom:1px solid #fff;
  255. color: #fff;
  256. text-align:center;
  257. display:block;
  258. }
  259.  
  260. .downarrowdiv{
  261. font: 14px 'courier';
  262. width:230px;
  263. min-height:40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
  264. background: #fff;
  265. color:#666;
  266. padding:5px;
  267. text-align:center;
  268. position:absolute;
  269. word-wrap:break-word;
  270. -moz-border-radius:7px; /*add some nice CSS3 round corners*/
  271. -webkit-border-radius:7px;
  272. border-radius:7px;
  273. margin-bottom:2em;
  274. }
  275.  
  276. .downarrowdiv:after{ /*arrow added to downarrowdiv DIV*/
  277. content:'';
  278. display:block;
  279. position:absolute;
  280. top:100%; /*should be set to 100% */
  281. left:80px;
  282. width:0;
  283. height:0;
  284. border-color: #fff transparent transparent transparent; /*border color should be same as div div background color*/
  285. border-style: solid;
  286. border-width: 10px;
  287. }
  288.  
  289. a.jeonjin {
  290. display:inline-block;
  291. -webkit-transition: 0.4s;
  292. -moz-transition: 0.4s;
  293. padding:5px;
  294. margin:3px;
  295. width:100px;
  296. text-decoration:none;
  297. font-family:calibri;
  298. font-size:13px;
  299. height:20px;
  300. text-transform:uppercase;
  301. color: #fff;
  302. background: #FFD1D1;
  303. text-align:center;
  304. cursor:vertical-text;
  305. }
  306. a.jeonjin:hover{
  307. color: #fff;
  308. -webkit-transition: 0.4s;
  309. -moz-transition: 0.4s;
  310. background:#AEaeae;}
  311.  
  312. </style>
  313.  
  314. </head>
  315.  
  316.  
  317. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  318. <script type='text/javascript' language='Javascript'>
  319. var scrolltotop={
  320. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  321. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
  322. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 500]},
  323. controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src="http://media.tumblr.com/bdfe548d06aea8cb47f38317bbbb5407/tumblr_inline_n0944grm2E1qid2nw.gif"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  324. controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
  325. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  326. state: {isvisible:false, shouldvisible:false},
  327. scrollup:function(){
  328. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  329. this.$control.css({opacity:0}) //hide control immediately after clicking it
  330. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  331. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  332. dest=jQuery('#'+dest).offset().top
  333. else
  334. dest=0
  335. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  336. },
  337. keepfixed:function(){
  338. var $window=jQuery(window)
  339. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  340. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  341. this.$control.css({left:controlx+'px', top:controly+'px'})
  342. },
  343. togglecontrol:function(){
  344. var scrolltop=jQuery(window).scrollTop()
  345. if (!this.cssfixedsupport)
  346. this.keepfixed()
  347. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  348. if (this.state.shouldvisible && !this.state.isvisible){
  349. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  350. this.state.isvisible=true
  351. }
  352. else if (this.state.shouldvisible==false && this.state.isvisible){
  353. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  354. this.state.isvisible=false
  355. }
  356. },
  357. init:function(){
  358. jQuery(document).ready(function($){
  359. var mainobj=scrolltotop
  360. var iebrws=document.all
  361. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  362. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  363. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  364. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  365. .attr({title:'to the top!!!'})
  366. .click(function(){mainobj.scrollup(); return false})
  367. .appendTo('body')
  368. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  369. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  370. mainobj.togglecontrol()
  371. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  372. mainobj.scrollup()
  373. return false
  374. })
  375. $(window).bind('scroll resize', function(e){
  376. mainobj.togglecontrol()
  377. })
  378. })
  379. }
  380. }
  381. scrolltotop.init()
  382. </script>
  383.  
  384. <div style=" background-image: url('http://i1172.photobucket.com/albums/r578/Happygirl94/tumblr_inline_mrf2jccFd41rto88t_zpsbf088e63.png'); top: 20px; width: 100%; left:0px; height: 30px; z-index: 99999; position: fixed; background-hover:filter:alpha(opacity=100);"></div>
  385.  
  386.  
  387. <div id='head'>
  388. <div id='coffee'>
  389. <div id='latte'>
  390. <a onClick="document.getElementById('welcome').innerHTML=document.getElementById('blog').innerHTML">Journal</a>
  391. </div>
  392. <div id='latte'>
  393. Biography
  394. <div id='cream'>
  395. <a onClick="document.getElementById('welcome').innerHTML=document.getElementById('profile').innerHTML">The owner</a>
  396. </div>
  397. </div>
  398. <div id='latte'>
  399. Misc
  400. <div id='cream'>
  401. <a onClick="document.getElementById('welcome').innerHTML=document.getElementById('links').innerHTML">Affies</a>
  402. </div></div>
  403. <div id='latte'>
  404. Extra
  405. <div id='cream'>
  406. <a onClick="document.getElementById('welcome').innerHTML=document.getElementById('tutos').innerHTML">Extras</a>
  407. </div>
  408. </div>
  409. </div>
  410. </div>
  411.  
  412.  
  413. <body>
  414.  
  415.  
  416. <div style="position: absolute; top:80px; left: 145px; width: 220px; background-color: transparent; font: 12px 'courier'; border:1px transparent dashed; margin:5px; padding:4px;">
  417. <div class="downarrowdiv">
  418. let's screw these shallow hoes!!!
  419. </div>
  420. </div>
  421.  
  422. <div style="position: absolute; top:140px; left: 200px; background-color: transparent; margin:5px; padding:4px; text-align:center;">
  423. <center><img src="http://media.tumblr.com/tumblr_lna22n2j5N1qdlkyg.gif"></center>
  424. </div>
  425.  
  426.  
  427. <div style="position: absolute; top:250px; left:150px; width:250px; background-color:;">
  428. <div class="text2">
  429. <div class="h1">Hello:</div><br>
  430. Say whatever you want here.
  431. <br></div><br>
  432.  
  433. <div class="text2">
  434. <div class="h1">Extra</div>
  435. <br>
  436. Whatever you want to paste here
  437.  
  438. <br></div><br>
  439.  
  440. <div class="text2">
  441. <div class="h1">Extra 1</div>
  442. <br>
  443. paste a cbox or tagboard or twitter!
  444. </div><br>
  445.  
  446. <div class="text2">
  447. <div class="h1">Extra 2</div><br>
  448. here could be your twitter or instagram gadget!
  449. <br></div><br>
  450.  
  451. <div class="text2">
  452. <div class="h1">Extra 3</div><br>
  453. If you don't want this, you can just remove it :)
  454. <br></div><br>
  455.  
  456. <div class=text2>
  457. <div class=h1>the credits:</div>
  458. <br>
  459. <center><img src="http://media.tumblr.com/df2965b442a28ac3d4d7615ffce90aac/tumblr_inline_n20361qWBh1qid2nw.gif"></center>
  460. Base code: <a href="http://her-infatuation.blogspot.com">blood</a><a href="http://www.blogskins.com/me/bloodkitty">kitty</a><br>
  461. Editor: <a href="http://hashtagmiki.blogspot.com/">Miki</a>.<br>
  462. Tutorial: <a href="http://www.lalamonsterz.blogspot.com/">Lalamonsterz</a>.<br>
  463. Resources: <a href="http://www.dafont.com/theme.php?cat=603&page=2">1</a> <a href="http://pixels--galore.tumblr.com/tagged/text">2</a> <a href="http://html-color-codes.info/">3</a> <a href="http://www.tizag.com/htmlT/font.php">4</a>.<br>
  464. <b><center>DO NOT REMOVE THE CREDIT AT ANY COST!</center></b><br>
  465. <center>
  466. <!--????·???????/-->
  467. <div style="width: 160px; text-align: center; margin: 0 auto; font-size: 10px;"><script src="http://www.cursor-switch.com/widgets/12921/8170430190.js" type="text/javascript" charset="UTF-8"></script><a href="http://www.cursor-switch.com/" target="_blank">????·????</a></div>
  468. <!--????·???????/-->
  469. </center>
  470. <br></div>
  471.  
  472. <center><OlderPosts><a href=<$OlderPosts$>><img src="http://i870.photobucket.com/albums/ab266/whateverfanfan/arrowback_zpsc81bca45.png"></a> </OlderPosts> <NewerPosts> <a href=<$NewerPosts$>><img src="http://i870.photobucket.com/albums/ab266/whateverfanfan/arrownext_zps117223f2.png"></a></NewerPosts></center>
  473. </div>
  474.  
  475.  
  476. <div id="welcome" style="position:absolute; padding:5px; width: 700; left: 480px; top: 80px; z-index:2; overflow: auto;">
  477. <Blogger>
  478. <div class=text>
  479. <div align=justify>
  480. <div class=h2><$BlogItemTitle$></div>
  481. <div class=h3><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> on
  482. <$BlogItemDateTime$> <img src="http://media.tumblr.com/306c2088eca95dc41aca63d95e559fe1/tumblr_inline_mzdk3fYBKd1qid2nw.gif"></div>
  483. <br>
  484. <$BlogItemBody$><br>
  485. <div align="right" style="border-top:1px solid #eee; padding-top:6px;">
  486. <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> bab(ies) speaking</a></BlogItemCommentsEnabled> <img src="http://media.tumblr.com/b86f614d76c7aa491b12b30da9b1d7f0/tumblr_inline_mg3xjbbJOL1qid2nw.gif"></div>
  487. </div></div><br>
  488. </Blogger>
  489. <br></div></div>
  490.  
  491. <div id="profile" style="display:none">
  492. <div class="text">
  493. <div class="h4">Your profile:</div>
  494. <br>
  495. Anything about you honey C:
  496. <br></div>
  497.  
  498. <div id="blog" style="display:none">
  499. <Blogger><div class=text><div align=left>
  500. <div class=h2><$BlogItemTitle$><br></div>
  501. <div class=h3><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> on <$BlogItemDateTime$> <img src="http://media.tumblr.com/306c2088eca95dc41aca63d95e559fe1/tumblr_inline_mzdk3fYBKd1qid2nw.gif"></div>
  502. <br>
  503. <$BlogItemBody$><br>
  504. <div align="right" style="border-top:1px solid #eee; padding-top:6px;">
  505. <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> bab(ies) speaking</a></BlogItemCommentsEnabled> <img src="http://media.tumblr.com/b86f614d76c7aa491b12b30da9b1d7f0/tumblr_inline_mg3xjbbJOL1qid2nw.gif"></div>
  506. </div></div><br>
  507. </Blogger></div>
  508. <br>
  509.  
  510. </div>
  511.  
  512. <div id="links" style="display:none">
  513. <div class="text">
  514. <div class="h4">Links:</div>
  515. <br>
  516. Put your friends here or maybe anything you want to put C:
  517. <br>
  518. </div></div>
  519.  
  520.  
  521. <div id="tutos" style="display:none">
  522. <div class="text">
  523. <div class="h4">Extra place:</div>
  524. <br>
  525. Anything you wanna put it here.
  526. </div></div>
  527.  
  528.  
  529. </html>
Advertisement
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!