Advertisement
Cuddly-Themes

Pixeled Pink

Sep 29th, 2012
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.69 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  5.  
  6. <link rel="shortcut icon" href="http://www.iconj.com/ico/f/s/fsi1bkglw8.ico" />
  7. <meta content="no" http-equiv="imagetoolbar">
  8. <meta content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=4)" http-equiv="Page-Exit">
  9. <meta content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=4)" http-equiv="Page-Enter">
  10.  
  11. <!-- PLEASE Do Not Remove Credits -->
  12. <!-- Lhezs' designs of www.cute-mandu.tk -->
  13.  
  14. <meta name="text:Entrance Text" content="Write something here. :) xx">
  15.  
  16. <style>
  17. <!--
  18. #postit{
  19. position:fixed; width:200px; padding:5px; background-color: #ffffff; border:1px solid #999999; box-shadow:0px 0px 10px #000;
  20.  
  21. visibility:hidden; z-index:100; cursor:hand; color: #634428 }
  22. -->
  23. </style>
  24.  
  25. <!-- Paste this code into the BODY of your HTML document -->
  26. <!-- This script from http://www.rainbow.arch.scriptmania.com -->
  27.  
  28. <DIV id="postit" style="LEFT: 220px; TOP: 150px">
  29.  
  30. <DIV align="right"><B><A href="javascript:closeit()">[Close]</A></B></DIV>
  31.  
  32. <!--INSERT YOUR CONTENT HERE-->
  33. <center><img src="http://i400.photobucket.com/albums/pp81/unlovedgurltan/bana2006.gif"><br>
  34. <br>
  35. <u> WELCOME To {Name} </u><br><br>
  36. {text:Entrance Text}
  37.  
  38. </center>
  39. <!--END YOUR CONTENT HERE-->
  40.  
  41. </DIV>
  42.  
  43. <script type="text/javascript" language="javascript">
  44.  
  45. //Post-it only once per browser session? (0=no, 1=yes)
  46. //Specifying 0 will cause postit to display every time page is loaded
  47.  
  48. var once_per_browser=0
  49.  
  50. ///No need to edit beyond here///
  51.  
  52. var ns4=document.layers
  53. var ie4=document.all
  54. var ns6=document.getElementById&&!document.all
  55.  
  56. if (ns4)
  57. crossobj=document.layers.postit
  58. else if (ie4||ns6)
  59. crossobj=ns6? document.getElementById("postit") : document.all.postit
  60.  
  61.  
  62. function closeit(){
  63. if (ie4||ns6)
  64. crossobj.style.visibility="hidden"
  65. else if (ns4)
  66. crossobj.visibility="hide"
  67. }
  68.  
  69. function get_cookie(Name) {
  70. var search = Name + "="
  71. var returnvalue = "";
  72. if (document.cookie.length > 0) {
  73. offset = document.cookie.indexOf(search)
  74. if (offset != -1) { // if cookie exists
  75. offset += search.length
  76. // set index of beginning of value
  77. end = document.cookie.indexOf(";", offset);
  78. // set index of end of cookie value
  79. if (end == -1)
  80. end = document.cookie.length;
  81. returnvalue=unescape(document.cookie.substring(offset, end))
  82. }
  83. }
  84. return returnvalue;
  85. }
  86.  
  87. function showornot(){
  88. if (get_cookie('postdisplay')==''){
  89. showit()
  90. document.cookie="postdisplay=yes"
  91. }
  92. }
  93.  
  94. function showit(){
  95. if (ie4||ns6)
  96. crossobj.style.visibility="visible"
  97. else if (ns4)
  98. crossobj.visibility="show"
  99. }
  100.  
  101. if (once_per_browser)
  102. showornot()
  103. else
  104. showit()
  105.  
  106. </script>
  107.  
  108.  
  109.  
  110. <title>PIXELED Pink ♥ | Kawaiiness :)</title>
  111.  
  112. <style type="text/css">
  113.  
  114. #navbar-iframe {
  115. height:0px;
  116. visibility:hidden; display:none }
  117.  
  118.  
  119. A:link
  120. { text-decoration: none; font-weight: none; color:#000; }
  121. A:visited
  122. { text-decoration: none; color:FFAFAF;}
  123. A:active
  124. { text-decoration: none; cursor: url (http://i400.photobucket.com/albums/pp81/unlovedgurltan/happy-1.gif) default; color:FFAFAF;}
  125. A:hover { text-decoration:none; color: #996633; border-bottom: #ffafaf 1px dashed; text-decoration: underline; cursor: url (http://i400.photobucket.com/albums/pp81/unlovedgurltan/happy-1.gif) default;}
  126.  
  127. body
  128. { background: #ffc8d7
  129. url(http://i400.photobucket.com/albums/pp81/unlovedgurltan/25043u8.gif);
  130. background-repeat:repeat-y;
  131. background-position:left;
  132. top center fixed;
  133.  
  134.  
  135.  
  136. font-family:tahoma;
  137. font-size:8pt;
  138. color: #634428;
  139. cursor: url (http://i400.photobucket.com/albums/pp81/unlovedgurltan/happy-1.gif) default;
  140.  
  141. scrollbar-face-color:white;
  142. scrollbar-highlight-color:#ffafaf;
  143. scrollbar-shadow-color: #ffafaf;
  144. scrollbar-3dlight-color: white;
  145. scrollbar-arrow-color:#ffafaf;
  146. scrollbar-track-color:FFDDDD;
  147. scrollbar-darkshadow-color:white;
  148. }
  149.  
  150.  
  151.  
  152. .text {
  153. border-bottom:2px dotted #996633;
  154. color: #996633;
  155. font-family: century gothic;
  156. font-weight: normal;
  157. font-size: 18px;
  158. text-align: center;
  159. letter-spacing: 0px;
  160. padding: 3px;
  161. background-color: #FFB5C5;
  162. text-transform: capitalize;
  163.  
  164.  
  165. }
  166.  
  167. .title{
  168. font: normal 18pt georgia;
  169. color: #9c7d61;
  170. padding: 1px;
  171. line-height: 55%;
  172. text-align: left;
  173. text-transform: none;
  174. border-style: solid;
  175. border-color: #f0c483;
  176. border-left-width: 6px ;
  177. border-right-width: 0px;
  178. border-top-width: 1px;
  179. border-bottom-width: 1px ;
  180. letter-spacing: -3px;
  181. }
  182.  
  183. .date{
  184. font: normal 10pt century gothic;
  185. color: #fd76a3;
  186. letter-spacing: 0px;
  187. padding: 1px;
  188. line-height: 55%;
  189. text-align: left;
  190. border-style: dashed;
  191. border-color:#b1e9ff;
  192. border-left-width: 6px #bfedff;
  193. border-right-width: 0px;
  194. border-top-width: 0px;
  195. border-bottom-width: 1px;
  196. }
  197.  
  198. .time {
  199. color: #634428;
  200. font: 10pt century gothic;
  201. text-transform: lowercase;
  202. font-weight:normal;
  203. letter-spacing: -1px;
  204. text-align: right!important;
  205. border-bottom:2px dashed #97d9ed;
  206. background-color: #;
  207. }
  208.  
  209. .pic{
  210. padding: 5px;
  211. border: 1px solid #634428;
  212. }
  213.  
  214. .gradualshine{
  215. filter: alpha(opacity=30);
  216. -moz-opacity: 0.3;
  217. }
  218.  
  219.  
  220. blockquote{
  221. background-color: #FFE8F2;
  222. border-left:4px double #FFAFAF;
  223. padding: 4px;
  224. color:#996633;
  225. }
  226.  
  227.  
  228. text-align: center;
  229. }
  230.  
  231. b { color:#ffa0ba; font-weight: bold;}
  232.  
  233. i { color:#00d8ff; border-right: 1pt solid #9900ff; font-weight: bold !important;}
  234.  
  235. u { color:#FC648F;
  236. font-style: dotted;
  237. border-bottom: 2pt double #996633;}
  238.  
  239. strong {
  240.  
  241. border-bottom: 1px solid;
  242. border-bottom-color: #996633;
  243. color: #ef4683;
  244. font-weight:bold;
  245.  
  246. }
  247.  
  248. ::-moz-selection {
  249. background-color: #634428;
  250. color: #FFBEC8;}
  251.  
  252.  
  253. em {
  254. color: #634428;
  255. }
  256.  
  257.  
  258. s {
  259. color: #9900FF;
  260. }
  261.  
  262. .sidenav
  263. {
  264. width:200px;
  265. }
  266.  
  267. .sidenav a:link, .sidenav a:active, .sidenav a:visited
  268. {
  269. width:188px;
  270. background:url(http://static.tumblr.com/xjqjg7j/PqUlpjxqn/woodbg3.png) #FFFAE8;
  271. color:#AA9C75;
  272. display: inline-block;
  273. text-decoration:none;
  274. font-family:arial;
  275. font-weight:bold;
  276. font-size:10px;
  277. padding:2px;
  278. padding-left:10px;
  279. border-bottom:2px solid #EEE7CB;
  280. -webkit-transition-property:color, text;
  281. -webkit-transition-duration: .2s;
  282. -moz-transition-duration: .2s;
  283. -webkit-transition-timing-function: linear, ease-in;
  284. }
  285.  
  286. .sidenav a:hover
  287. {
  288. width:179px;
  289. color:#56C0DE;
  290. padding-left:20px;
  291. -webkit-transition-duration: .2s;
  292. -moz-transition-duration: .2s;
  293. }
  294.  
  295.  
  296.  
  297. .h1 {font-family:century gothic; font-size:16px; border-bottom: 2px solid #FFAFAF; color: #996633; line-height:18px; text-align:right; padding:2;}
  298. .h2 {font-family:century gothic; font-size:12px; border-bottom: 1px dotted #FFAFAF; background-color:transparent; color: 996633; text-align:left; padding:2;}
  299.  
  300. div#content{
  301. float:right;
  302. position:absolute;
  303. width:420px;
  304. background: #FFF;
  305. padding:5px;
  306. }
  307.  
  308. div#entry{
  309. width:420px;
  310. float:left;
  311. margin: -5px 0px 5px 5px;
  312. padding: 5px;
  313. background-color: ;
  314. overflow:hidden;
  315. }
  316.  
  317. h3{
  318. font-family: "halohandletter";
  319. font-size:35px;
  320. margin-bottom:-2px;
  321. color: #ffbfbf;
  322. text-shadow: 0px 0px 2px #ffa9a9;
  323. }
  324.  
  325. .permalink{ text-align:right; border-top:2px solid #FFABAB; padding-right:10px; padding-top:3px; width:420px; color:#FFABAB; float:right; margin-top:5px;}
  326.  
  327. </style>
  328.  
  329.  
  330.  
  331. <link rel="me" href="http://www.blogger.com/profile/18381543489543094618" />
  332. <link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
  333. <!-- --><style type="text/css">@import url(http://www.blogger.com/css/navbar/classic.css);
  334. div.b-mobile {display:none;}
  335.  
  336. </style>
  337.  
  338. </head>
  339. <body background="http://i400.photobucket.com/albums/pp81/unlovedgurltan/212xpbc.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  340.  
  341. <script type="text/javascript">
  342. function setAttributeOnload(object, attribute, val) {
  343. if(window.addEventListener) {
  344. window.addEventListener("load",
  345. function(){ object[attribute] = val; }, false);
  346. } else {
  347. window.attachEvent('onload', function(){ object[attribute] = val; });
  348. }
  349. }
  350. </script>
  351. <iframe src="http://www.blogger.com/navbar.g?targetBlogID=2852424451993300185&blogName=I%27m+the+Princess+of+my+own+castle..+%3A%29&publishMode=PUBLISH_MODE_BLOGSPOT&navbarType=BLACK&layoutType=CLASSIC&homepageUrl=http%3A%2F%2Fchimiyuki.blogspot.com%2F&searchRoot=http%3A%2F%2Fchimiyuki.blogspot.com%2Fsearch" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" title="Blogger Navigation and Search"></iframe>
  352. <div></div>
  353.  
  354. </div>
  355.  
  356. <div style="position: absolute; top:206px; left: 215px; z-index:2; background-color:transparent;font-weight:; letter-spacing: 0px;font-size: 12px;">
  357.  
  358. <a href="/"><font color="#000">Home</font></a>
  359. </div>
  360.  
  361. <div style="position: absolute; top:206px; left: 315px; z-index:2; background-color:transparent;font-weight:; letter-spacing: 0px;font-size: 12px;">
  362.  
  363. <span style="cursor: pointer;" onClick="document.getElementById ('welcome').innerHTML=document.getElementById ('profile').innerHTML" onMouseover="this.style.color='#fca6b2'"
  364. onMouseout="this.style.color='#634428'">Ask</span>
  365. </div>
  366.  
  367. <div style="position: absolute; top:206px; left: 415px; z-index:2; background-color:transparent;font-weight:; letter-spacing: 0px;font-size: 12px;">
  368.  
  369. <span style="cursor: pointer;" onClick="document.getElementById ('welcome').innerHTML=document.getElementById ('photo').innerHTML" onMouseover="this.style.color='#fca6b2'"
  370. onMouseout="this.style.color='#634428'">Submit</span>
  371. </div>
  372.  
  373. <div style="position: absolute; top:206px; left: 515px; z-index:2; background-color:transparent;font-weight:; letter-spacing: 0px;font-size: 12px;">
  374.  
  375. <a href="/archive"><font color="#000">Archive</font></a>
  376. </div>
  377.  
  378. <div style="position: absolute; top:206px; left: 615px; z-index:2; background-color:transparent;font-weight:; letter-spacing: 0px;font-size: 12px;">
  379.  
  380. <span style="cursor: pointer;" onClick="document.getElementById ('welcome').innerHTML=document.getElementById ('links').innerHTML" onMouseover="this.style.color='#fca6b2'"
  381. onMouseout="this.style.color='#634428'">More</span>
  382.  
  383. </div>
  384.  
  385. <div style="position: absolute; top:206px; left: 715px; z-index:2; background-color:transparent;font-weight:; letter-spacing: 0px;font-size: 12px;">
  386.  
  387. <span style="cursor: pointer;" onClick="document.getElementById ('welcome').innerHTML=document.getElementById ('site').innerHTML" onMouseover="this.style.color='#fca6b2'"
  388. onMouseout="this.style.color='#634428'">Credits</span>
  389.  
  390. </div>
  391.  
  392.  
  393.  
  394.  
  395. <div style="position: absolute !important; top: 0; left: 101px;">
  396. <img src="http://i400.photobucket.com/albums/pp81/unlovedgurltan/65vqtd.gif"></div>
  397.  
  398.  
  399. <div style="position: absolute !important; top: 180; left: 140px;"><table style="width:700; background-color: transparent;" cellpadding="0" cellspacing="0" align="left">
  400. <tr><td valign="top"><left>
  401. <div style="color:#996633;"><font size="1"> © All rights reserved 2009 | Layout by Lhezs Tan</font></div>
  402. </td></tr></table></div>
  403.  
  404.  
  405. <!-- If You'll Use. Please Do Not Remove or Modify This Part :) -->
  406. <div style="background: none; position: absolute; top:300px; left:645px; width: 190px; height: 600">
  407. <div align="justify">
  408. <!-- If You'll Use. Please Do Not Remove or Modify This Part :) -->
  409. <!-- Xie Xie -->
  410.  
  411.  
  412.  
  413. <div class="h1">Webmiss</div><br>
  414. <img src="http://media.tumblr.com/tumblr_ma8oveOyCp1qid2nw.gif" align="left" width="150"><div align="justify">{Description}
  415.  
  416. <br><br>
  417.  
  418. </div></div>
  419.  
  420.  
  421. <div class="h1">Disclaimer</div><br>
  422. I do not own any of these images they are reblogged. Message me if you see yours so that I could credit you.<br>
  423.  
  424. <div class="h1">Featured</div><br>
  425. <marquee><a href="http://engrampixel.tumblr.com/"><img src="http://www.geocities.jp/choco_asa/img/hp/choco/04.gif"><a href="http://engrampixel.tumblr.com/"><img src="http://sugarpink.girly.jp/my/372.gif"><a href="http://engrampixel.tumblr.com/"><img src="http://susuda.skr.jp/link/img/materiallife-88-14.gif"><a href="http://engrampixel.tumblr.com/"><img src="http://www.lovecandied.com/canl.gif"><a href="http://engrampixel.tumblr.com/"><img src="http://sorahana.ciao.jp/banner/bannermini.gif"><a href="http://engrampixel.tumblr.com/"><img src="http://media.tumblr.com/tumblr_m1ulev1G7q1qid2nw.gif"></a></a></a></a></a></a></marquee>
  426.  
  427. <div class="h1">Credits</div><br>
  428. » Converted By <a href="http://flaffi.tumblr.com/">Flaffi<br>
  429. » Themed By <a href="http://cute-mandu.tk/">Lehzs</a><br>
  430. » Best viewed in Google Chrome
  431. </div></div>
  432.  
  433.  
  434. <div style="background: none; position: absolute!important; top:300px; left:140px; width: 490px; height:1631px"> <div align="justify">
  435. <div id="welcome">
  436. <div id="content">
  437. {block:Posts}
  438. <div id="entry">
  439. {block:Text}
  440. {block:Title}<h3>{Title}</h3>{/block:Title}
  441. <span class="entrytext">{Body}</span>
  442.  
  443. {/block:Text}
  444.  
  445.  
  446. {block:Link}
  447. <a href="{URL}"><h3>{Name}</h3></a>
  448. {block:Description}{Description}{/block:Description}
  449. {block:Link}
  450.  
  451. {block:Photo}{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="420px"/></a>{LinkCloseTag}<br>
  452. {/block:Photo}
  453.  
  454. {block:Quote}
  455. <h3>{Quote}</h3>
  456. {block:Source}{Source}{/block:Source}
  457. {/block:Quote}
  458.  
  459. {block:Chat}
  460. {block:Title}<span class="title">{Title}</span>{/block:Title}
  461. <ul class="chat">
  462. {block:Lines}
  463. <li class="user_{UserNumber}">
  464. {block:Label}
  465. <span class="label">{Label}</span>
  466. {/block:Label}
  467.  
  468. {Line}
  469. </li>
  470. {/block:Lines}
  471. </ul>
  472.  
  473. {/block:Chat}
  474.  
  475.  
  476. {block:Audio}
  477. <centeR><div style="width:500px; height:20px;"><div style="float:left">{AudioPlayerwhite}</div><div style="margin-top:8px; float:right;"><small>
  478. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div></centeR><BR>
  479. {block:Caption}{Caption}{/block:Caption}
  480. {/block:Audio}
  481.  
  482. {block:Video}<center>
  483. {Video-500}<BR>
  484. {block:Caption}{Caption}{/block:Caption}</center>
  485. {block:Video}
  486. {block:Answer}
  487. <img src="{AskerPortraitURL-40}" align="left" style="float: left; margin: 1px 4px 0 0;border-radius: 40px; box-shadow: 0px 0px 2px 2px #F2E4D5;">
  488. <div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>
  489. <center>{Answer}</center>
  490. {/block:Answer}
  491.  
  492. <span class="permalink"><a href="{Permalink}">
  493. {block:Date}posted {TimeAgo} | {NoteCountWithLabel} | <a href="{reblogurl}" target="_blank">re-love</a>{/block:Date}</a></span>
  494.  
  495. {block:PostNotes}
  496. <center>
  497. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  498.  
  499.  
  500. {block:HasTags}
  501. tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  502. {block:RebloggedFrom}
  503. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  504. originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  505. </center></span>
  506. <br>
  507. <div id="postnotes">{PostNotes}</div><br>
  508.  
  509. <center>{block:ContentSource}
  510. <br><a href="{SourceURL}">
  511. {lang:Source}:
  512. {block:SourceLogo}
  513. <img src="{BlackLogoURL}" width="{LogoWidth}"
  514. height="{LogoHeight}" alt="{SourceTitle}" />
  515. {/block:SourceLogo}
  516. {block:NoSourceLogo}
  517. {SourceLink}
  518. {/block:NoSourceLogo}
  519. </a>
  520. {/block:ContentSource}</center>
  521.  
  522. {/block:PostNotes}
  523. </div>
  524. {/block:Posts}
  525. </div></div>
  526. </div></div>
  527.  
  528.  
  529. <div id="home" style="display:none">
  530. </div></div>
  531.  
  532.  
  533.  
  534.  
  535.  
  536. <div id="profile" style="display:none">
  537.  
  538. <div class="h1">Tell Me Now ♥</div><br><br>
  539. <iframe frameborder="0" scrolling="no" width="100%" height="150" src="http://www.tumblr.com/ask_form/{name}.tumblr.com/" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  540. <br><br>
  541.  
  542.  
  543.  
  544. <div id="photo" style="display:none">
  545.  
  546. <div class="h1">Send your Peace to me</div><br><br>
  547. <iframe frameborder="0" scrolling="no" width="100%" height="350" src="http://www.tumblr.com/submit_form/{name}.tumblr.com/" style="background-color:transparent; overflow:hidden;" id="submit_form"></iframe>
  548.  
  549.  
  550.  
  551. <div id="extras" style="display:none">
  552.  
  553. <div class="h1"> blah blah</div><br><br>
  554. <div align="center"><b>OTHER STUFFS YOU WANT TO PUT</b>
  555.  
  556. </div>
  557.  
  558.  
  559.  
  560.  
  561. <div id="links" style="display:none">
  562.  
  563. <div class="h1"><font color="#FFAFAF">♥</font>Lurk Here</div><br>
  564. <div class="sidenav">
  565. <a href="/">Lurk</a> <a href="/">Lurk</a> <a href="/">Lurk</a> <a href="/">Lurk</a> <a href="/">Lurk</a> <a href="/">Lurk</a> <a href="/">Lurk</a> <a href="/">Lurk</a> <a href="/">Lurk</a> <a href="/">Lurk</a> <a href="/">Lurk</a> <a href="/">Lurk</a> <a href="/">Lurk</a>
  566. </div>
  567. </div>
  568.  
  569.  
  570. <div id="site" style="display:none">
  571. <div class="h1">I want to thank them</div><br><br>
  572. <img src="http://media.tumblr.com/tumblr_mb2iirMUQx1roozkr.gif" align="left">
  573. » Converted By <a href="http://flaffi.tumblr.com/">Flaffi<br>
  574. » Themed By <a href="http://cute-mandu.tk/">Lehzs</a><br>
  575. » Best viewed in Google Chrome
  576.  
  577. <br><br><!--WARNING DO NOT DELETE THIS-->
  578. I want to thank them. Very very much! Especially Flaffi for converting it. Say no to stealers!
  579. <br><br>
  580. </div>
  581.  
  582.  
  583. <script type="text/javascript">
  584.  
  585. /***********************************************
  586. * Disable select-text script- © Dynamic Drive (www.dynamicdrive.com)
  587. * This notice MUST stay intact for legal use
  588. * Visit http://www.dynamicdrive.com/ for full source code
  589. ***********************************************/
  590.  
  591. //form tags to omit in NS6+:
  592. var omitformtags=["input", "textarea", "select"]
  593.  
  594. omitformtags=omitformtags.join("|")
  595.  
  596. function disableselect(e){
  597. if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
  598. return false
  599. }
  600. function reEnable(){
  601. return true
  602. }
  603.  
  604. if (typeof document.onselectstart!="undefined")
  605. document.onselectstart=new Function ("return false")
  606. else{
  607. document.onmousedown=disableselect
  608. document.onmouseup=reEnable
  609. }
  610.  
  611. </script>
  612. <style>
  613. <!--
  614. .skin{
  615. position:absolute;
  616. width:160px;
  617. border:1px solid #3a0112;
  618. background-color: white;
  619. line-height:12px;
  620. color: #3a0112;
  621. cursor:url(http://lovelycore.com/hand.ani)
  622. font-size:8pt;
  623. font-family:Tahoma;
  624. padding-bottom:5px;
  625. padding-top:5px;
  626. padding-left:5px;
  627. padding-right:2px;
  628. z-index:50;
  629. visibility:hidden;
  630. }
  631. .menuitems{
  632. padding-left:30px;
  633. padding-right:30px;
  634. }
  635. -->
  636. </style>
  637. <div id="ie5menu" class="skin" onMouseover="highlightie5(event)" onMouseout="lowlightie5(event)" onClick="jumptoie5(event)" display:none>
  638. tsk tsk. No right click pls.<br>
  639. xie xie!<br><br>
  640. www.cute-mandu.tk<br>
  641. Version 4.5 » THE CUTIE KAWAII<br>
  642.  
  643. </div>
  644.  
  645. <script language="JavaScript1.2">
  646. //set this variable to 1 if you wish the URLs of the highlighted menu to be displayed in the status bar
  647. var display_url=0
  648. var ie5=document.all&&document.getElementById
  649. var ns6=document.getElementById&&!document.all
  650. if (ie5||ns6)
  651. var menuobj=document.getElementById("ie5menu")
  652. function showmenuie5(e){
  653. //Find out how close the mouse is to the corner of the window
  654. var rightedge=ie5? document.body.clientWidth-event.clientX : window.innerWidth-e.clientX
  655. var bottomedge=ie5? document.body.clientHeight-event.clientY : window.innerHeight-e.clientY
  656. //if the horizontal distance isn't enough to accomodate the width of the context menu
  657. if (rightedge<menuobj.offsetWidth)
  658. //move the horizontal position of the menu to the left by it's width
  659. menuobj.style.left=ie5? document.body.scrollLeft+event.clientX-menuobj.offsetWidth : window.pageXOffset+e.clientX-menuobj.offsetWidth
  660. else
  661. //position the horizontal position of the menu where the mouse was clicked
  662. menuobj.style.left=ie5? document.body.scrollLeft+event.clientX : window.pageXOffset+e.clientX
  663. //same concept with the vertical position
  664. if (bottomedge<menuobj.offsetHeight)
  665. menuobj.style.top=ie5? document.body.scrollTop+event.clientY-menuobj.offsetHeight : window.pageYOffset+e.clientY-menuobj.offsetHeight
  666. else
  667. menuobj.style.top=ie5? document.body.scrollTop+event.clientY : window.pageYOffset+e.clientY
  668. menuobj.style.visibility="visible"
  669. return false
  670. }
  671. function hidemenuie5(e){
  672. menuobj.style.visibility="hidden"
  673. }
  674. function highlightie5(e){
  675. var firingobj=ie5? event.srcElement : e.target
  676. if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
  677. if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node
  678. firingobj.style.backgroundColor="highlight"
  679. firingobj.style.color="E6E4E5"
  680. if (display_url==1)
  681. window.status=event.srcElement.url
  682. }
  683. }
  684. function lowlightie5(e){
  685. var firingobj=ie5? event.srcElement : e.target
  686. if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
  687. if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node
  688. firingobj.style.backgroundColor=""
  689. firingobj.style.color="826A92"
  690. window.status=''
  691. }
  692. }
  693. function jumptoie5(e){
  694. var firingobj=ie5? event.srcElement : e.target
  695. if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
  696. if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode
  697. if (firingobj.getAttribute("target"))
  698. window.open(firingobj.getAttribute("url"),firingobj.getAttribute("target"))
  699. else
  700. window.location=firingobj.getAttribute("url")
  701. }
  702. }
  703. if (ie5||ns6){
  704. menuobj.style.display=''
  705. document.oncontextmenu=showmenuie5
  706. document.onclick=hidemenuie5
  707. }
  708. </script>
  709.  
  710. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement