CODES;
|
<html> <link href='http://fonts.googleapis.com/css?family=Rum+Raisin' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Chewy' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'> <head> <base target='_blank'/> <title>O N L I N E P I N K</title> <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m9sq6jUEJF1qdlkyg.gif"> <script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" /> <!-- now, we'll customize the snowStorm object --> <script type="text/javascript"> snowStorm.snowColor = '#000000'; // blue-ish snow!? snowStorm.flakesMaxActive = 999; // show more snow on screen at once snowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view </script> <style type="text/css"> #navbar-iframe{ display: none; } body{ background:url(http://31.media.tumblr.com/d887e255db86b1e6b13bb9198782c2a7/tumblr_movdbcThVO1ru3nbdo8_r1_250.png ); background-attachment: fixed; font-family:Short Stack; letter-spacing:1px; color:#666; padding:1px; cursor:url(http://static.tumblr.com/xjqjg7j/zIbmxtzxe/83.gif), auto; } ::-moz-selection { background:#FFD9D9; color:#FFFFFF; } ::selection { background:#FFD9D9; color:#FFFFFF; } a:link, a:visited { cursor:url(http://media.tumblr.com/tumblr_m31cgeemk61qev35h.bmp), auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; text-decoration:none; font-family: Rum Raisin; color:#666; padding:1px; } a:hover { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; color:#FFD9D9; } img{ border-radius:2px; -webkit-transition:1s; } .sidebar { border-radius:10px; background:white; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; width: 220px; font-size:11px; text-align:left; border:1px solid #FEDBD7; margin-left:10px; } .title { padding:5px 5px 5px 30px; background:url(http://media.tumblr.com/7ff05191dd7a2c8771f03ab54cd0023c/tumblr_inline_mmzr8rdL7x1qz4rgp.gif) left center; background-repeat:no-repeat; font:17px georgia; font-style:italic; text-align:left; letter-spacing: 2px; color:black; -webkit-transition:All 0.4s ease; -moz-transition:All 0.4s ease; -o-transition:All 0.4s ease; } .title:first-letter { font-size: 30px; font-family: 'Rum Raisin', sans-serif; text-align: center; color: #FEDBD7; } .lilu { background:#FFD9D9; margin-bottom:10px; font-size:11px; text-align:right; letter-spacing:2px; } .ch-grid { margin: 20px 0 0 0; padding: 2px; list-style: none; display: block; text-align: center; width: 100%; } blockquote { padding: 10px 10px 10px 26px; border-top:1px dashed #FFD9D9; border-bottom:1px solid #FFD9D9; border-right:1px solid #FEDBD7; border-left:1px dashed #FEDBD7; background-position:bottom right; background-repeat:no-repeat; background-image: url(http://media.tumblr.com/7ff05191dd7a2c8771f03ab54cd0023c/tumblr_inline_mmzr8rdL7x1qz4rgp.gif); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } u { text-decoration: none; border-bottom: 2px solid #ffe3ec; } i , s, strike { color: #FEB9B9; } b { color:#FEB9B9; -webkit-transition-duration: 1.5s; } b:hover { color: #A9A9A9; -webkit-transition-duration: 1.5s; } ::-webkit-scrollbar { width: 7px; height: 10px; background:url(http://4.bp.blogspot.com/-bWTbpTieI8Y/TtxTXbZ2ltI/AAAAAAAAEVI/5-JtC-0Sp54/s1600/pink.png); } ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal { background-color: #fff; border: 1px solid #FFD9D9; } ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{ height:10px; width:10px; display:block; background:#fff; border:1px solid #FEDBD7; } ::selection { background: #E0FFFF; color: #000; } ::-moz-selection { background: #E0FFFF; color: #000; } a.navi{ display:inline-block; -webkit-transition:All 0.8s ease ; -moz-transition:All 0.84s ease ; -o-transition:All 0.8s ease ; padding:5px; width:70px; text-decoration:none; font-family:tahoma; font-size:10px; text-transform:uppercase; color: #fff; background: #FFD9D9; text-align:center; cursor:url(http://media.tumblr.com/tumblr_m31cgeemk61qev35h.bmp),auto; } a.navi:hover{ -moz-box-shadow:inset -100px 0px -200px -0.5px #FEDBD7; -webkit-box-shadow:inset -100px 0px -200px -0.5px #fff; box-shadow:inset -100px 0px 0px -0.5px #FEDBD7; color: #fff; border-bottom:0px; } a.tablo{ margin-bottom:10px; background:#fff; width:45px; text-decoration:none; border:1px dotted #FEDBD7; border-radius:33px; color:#555; display:inline-block; text-align:center; } .h1 { border-top: 4px solid #FFD9D9; border-bottom: 4px solid #FFD9D9; width:500px; background:url(http://4.bp.blogspot.com/-dz_V6yhPNek/Tyyugik0U_I/AAAAAAAAFCk/b3edvE9HVQE/s1600/pink.jpg); text-align:center; font-family: Chewy; font-size:20px; } a.chan { background:url(http://media.tumblr.com/17b1c58eeaaf1e2da4ca9f32df1cc4c6/tumblr_inline_mmzqopAmMy1qz4rgp.gif); background-repeat:no-repeat; background-size:13px; padding-left:25px; color:#666; display:inline-block; font:11px arial; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; width:305px; line-height:18px; } a.chan:hover{ background:url(http://media.tumblr.com/cc3b9654a8511b8c43d54b9dd827d31b/tumblr_inline_mmznj1JXpZ1qz4rgp.gif); background-repeat:no-repeat; background-size:13px; color: #FEDBD7; } li { list-style-image:url(http://media.tumblr.com/tumblr_m3wef4x2Kv1qdlkyg.gif); } li:hover { list-style-image: url(http://media.tumblr.com/tumblr_m2k9c4Y9Zc1qdlkyg.gif); } #comments h4 { color: #FFD9D9; border: 2px solid #FFD9D9;font-weight:normal;font:12px Chewy;width:400px; padding:3px; background:#FFFFFF; } #comments-block { width:480px; margin:1.5em; background:url(http://25.media.tumblr.com/ab6fae6efe0134f8829013acaf10a99e/tumblr_movdbcThVO1ru3nbdo5_250.png); color:#555555;text-align:left; font:9px Chewy; padding:5px; border:2px solid #FFD9D9; } #comments-block .comment-author {margin:.5em 0;} #comments-block .comment-body {margin:.25em 0 0; background: #FFFFFF;} #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; letter-spacing:.1em; } .comment-body p { margin:0 0 .60em; padding: 5px 5px 5px 5px; background: #FFFFFF; border:2px solid #FFD9D9; } .comment-timestamp { margin:1em; padding:5px;margin-bottom:2em; color:#666666;width:200px; background:#FFE3EC; border:2px solid #FFD9D9;border-radius: 25px; } .comment-data { background:#FFFFFF; border:2px solid #FFD9D9;border-radius: 25px; margin-top:5px !important;margin-bottom:5px !important; padding:3px;width:250px; color:#666666;text-align:center; } .comment-date { background:#FFFFFF; width:180px;float:right; border:2px solid #FFD9D9;border-radius: 25px; margin-top:5px !important;margin-bottom:5px !important; padding:3px;color:#666666; text-align:center; } .deleted-comment { font-style:italic; color:#B2B2B2; } </style> <center> <div style="margin-top:15px;"> <div style="display:inline-block;width:900px;padding:8px;border-radius:0px 0px 0px 0px;border:2px solid #FEDBD7;background: url(http://31.media.tumblr.com/d887e255db86b1e6b13bb9198782c2a7/tumblr_movdbcThVO1ru3nbdo8_r1_250.png );"> <div style="display:inline-block;width:900px;padding-top:275px;border-radius:0px 0px 0px 0px;border:0px dotted #FEDBD7;border-bottom:none;background-repeat:no-repeat;background: url(http://static.tumblr.com/xjqjg7j/lHPmcykun/banner05.png);"></div><br> </center> <center> <div style="margin-top:-1px;margin-bottom:-3px;background:none;border-left:20px solid #FEDBD7;border-right:20px solid #FEDBD7;width:600px;height:50px;display:inline-block;-webkit-box-shadow: 0 1px 5px rgba(191,191,191,0.88);-moz-box-shadow: 0 1px 5px rgba(191,191,191,0.88);box-shadow: 0 1px 5px rgba(191,191,191,0.88);"> </div> <div style="display:inline-block;width:900px;padding:10px;border-radius:10px 10px 10px 10px;border:2px solid #FEDBD7;background: url(http://31.media.tumblr.com/d887e255db86b1e6b13bb9198782c2a7/tumblr_movdbcThVO1ru3nbdo8_r1_250.png );"> <a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">ENTRY</a> <a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('profile').innerHTML">PROFILE</a> <a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML">AFFIES</a> <a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('stuff').innerHTML">THINGS</a> <a class="navi" href="http://www.facebook.com/">FB</a> <a class="navi" href="http://www.blogger.com/">D'BOARD</a> <a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID">FOLLOW</a> <a class="navi" href="<$NewerPosts$>">NEWER</a> <a class="navi" href="<$OlderPosts$>">OLDER</a> </div></div></div> <table style="border-radius:0px 0px 0px 0px;line-height: 17px; padding-left:0px; padding-right:0px; padding-bottom:18px; padding-top:20px; background:none; border:0px solid #FEDBD7;" width="960" border="0" align="center" cellspacing="15"-webkit-box-shadow: 0 1px 5px rgba(191,191,191,0.88); -moz-box-shadow: 0 1px 5px rgba(191,191,191,0.88); box-shadow: 0 1px 5px rgba(191,191,191,0.88); > <tbody><tr> <td valign="top"><div class="sidebar"> <div class="title">Owner</div> <div class="lilu">Welcome here</div> <center> <div style="background:url(http://i.imgur.com/ev8VyQW.png) repeat; border:1px solid #B0E0E6;padding:4px;width:80px;"> <img style="width:80px;height:80px;" src="http://31.media.tumblr.com/f1037cbc03af127c5ab0ddc1181c8cf2/tumblr_ms4aes27Cc1stxrhho3_500.jpg"> </div> <br> Hello and bonjour . i'm Someone here. I live in planet Mars. blablablabla<br> </center></div> <center><div style="background:none;margin-bottom:-3px;border-left:20px solid #FFD9d9;border-right:20px solid #FFD9D9;width:100px;height:42px;display:inline-block;"> </div> <div class="sidebar"><div class="title">Menu</div> <div class="lilu">A Treasure You Find Here</div> <center> <a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" >POST</a> <a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML" >CBOX</a> <br> <div id="wnsb" style="padding:3px;border:1px dashed #FFD9D9;border-radius:3px;background:#fff; width:200px;height:100px;background-position:bottom center;background-repeat:no-repeat;background-image: url(http://media.tumblr.com/45a0a7901414f824f7ad7d43a36b5081/tumblr_inline_mjs07wtjUS1qdlkyg.gif);"><br> <center><b>"FOLLOW"</b> this blog first<br> <a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID">FOLLOW</a> </center> </div> <div id="1" style="display: none;"> <div style="background:url(http://i.imgur.com/5Dy51.png); text-align:left;height:100px; overflow-x:hidden; overflow-y:scroll;"> <bloggerpreviousitems> <li><a href="<$BlogItemPermalinkURL$>"> <$BlogPreviousItemTitle$></li></a> </BloggerPreviousItems> </div> <div id="2" style="display: none;"> <center> PUT YOUR CBOX width="200" </center> </div> </div></div></div></div> <center><div style="background:none;margin-bottom:-3px; border-left:20px solid #FFD9D9;border-right:20px solid #FFD9D9;width:100px;height:42px;display:inline-block;"> </div> <div class="sidebar"><div class="title">Sweet Friends</div> <div class="lilu">Follow Me, Please?</div> <center> Your Followers Widget </div> </center></div> <center><div style="background:none;margin-bottom:-3px; border-left:20px solid #FFD9D9;border-right:20px solid #FFD9D9;width:100px;height:42px;display:inline-block;"> </div> <div class="sidebar"><div class="title">Credits</div> <div class="lilu">Creative Works</div> <center> Template by <a href="http://nyimasamaliablog.blogspot.com">Li</a><a href="http://www.blogskins.com/me/NyimasAmAlia22">Chan</a> .<br> Basecode by <a href="http://fatinhalid.blogspot.com">Atin</a>.<br> Help by <a href="http://snow-white.lolipop.jp/">D</a> <a href="http://pastelpatterns.com">I</a> <a href="http://pixel-diary.tumblr.com/">A</a> <a href="http://kawaiilayouts.tumblr.com/">R</a> <a href="http://cutesecrets.tumblr.com/">Y</a>. </div></br> <td valign="top" style="padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;width:950px; border:1px solid #FFD9D9; background:white; font-size:11px;border-radius:10px;"><div id="blog"> <blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="lilu"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$> </blogger> </div><br><br> </table> <div id="profile" style="display:none;"> <div class="title">Who Are The Owner?</div> <div class="lilu">The human behind the screen.</div> <center><img src="http://24.media.tumblr.com/a955dfc5a299a90926a0d5d94df5b072/tumblr_n15o7s1iV21t9vcz8o1_500.png"></center><br><br> <div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"> <b>Name :</b> bla bla bla<br /> <b>Nickname :</b> bla bla bla<br /> <b>Korean Name :</b> bla bla bla<br /> <br /> <b>Born in the date of :</b> bla bla bla<br /> <b>Place of birth :</b> bla bla bla<br /> <b>Stay :</b> bla bla bla<br /> <b>Hometown :</b> bla bla bla<br /> <br /> <b>Hobby :</b> bla bla bla<br /> <b>Ambition :</b> bla bla bla</b> <br /> <br /> <b>Love / Favorites:</b> bla bla bla<br /> <b>Hate / Antis :</b> bla bla bla<br /> <br /><br /> </div> <div id="link" style="display:none;"> <div class="title">Exchange link</div> <div class="lilu">They are my friends.</div> <style type="text/css"> @font-face{font-family:pixel;src:url(http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf)} a.link2 { cursor: url(http://media.tumblr.com/tumblr_m31cgeemk61qev35h.bmp), progress; background:#fff; border:1px dashed #FFD9D9; display:inline-block; padding:2px; width:70px; margin:2px; color:#666; font-family: pixel; font-size:8px; text-transform:uppercase; letter-spacing:1px; text-align:center; box-shadow:inset 0px 0px 0px #ffd9d9,inset 0px 0px 0px #ffd9d9; -webkit-transition: 0.5s; -moz-transition: 0.5s; } a.link2:hover { padding:2px; width:70px; margin:2px; color:#fff; display:inline-block; box-shadow:inset 0px 14px 0px #ffd9d9,inset 0px -14px 0px #ffd9d9; } </style> <body oncontextmenu='return false;'> <center> <img src="http://24.media.tumblr.com/5b9d6d30a6b872e80efbd7981b2ff345/tumblr_mzjzskQ6tX1qm9ie2o1_r1_1280.jpg" width="413" height="249"><br><br> <br> <center><table cellpadding="2" cellspacing="2" width="180"> <tr> <td><input type="text" size="11" value="LiChan" style="width:170px;color:#000;border:1px dotted #FFD9D9;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"></td> </tr><tr> <td><input type="text" size="11" value="http://nyimasamaliablog.blogspot.com/" style="width:170px;color:#000;border:1px dotted #FFD9D9;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"><tr> </table></center> <br> <a class="link2" href="http://.blogspot.com/">NEXT</a> <a class="link2" href="http://.blogspot.com/">NEXT</a> <a class="link2" href="http://.blogspot.com/">NEXT</a> <a class="link2" href="http://.blogspot.com/">NEXT</a> <a class="link2" href="http://.blogspot.com/">NEXT</a> <a class="link2" href="http://.blogspot.com/">NEXT</a> <br> <a class="link2" href="http://.blogspot.com/">NEXT</a> <a class="link2" href="http://.blogspot.com/">NEXT</a> <a class="link2" href="http://.blogspot.com/">NEXT</a> <a class="link2" href="http://.blogspot.com/">NEXT</a> <a class="link2" href="http://.blogspot.com/">NEXT</a> <a class="link2" href="http://.blogspot.com/">NEXT</a> </div> </div> <div id="stuff" style="display:none;"> <div class="title">Stuff ?</div> <div class="lilu">The tutorial and the freebies.</div> <center><img src="http://25.media.tumblr.com/89df532be61125d729b6c6e6fc9efa3d/tumblr_n19zjxPaRV1t9vcz8o1_500.png"><br><br> <div dir="ltr" style="text-align: left;" trbidi="on"> <div class="h1">TUTORIAL </div> <a class="chan" href="http://.blogspot.com/"> Tutorial</a> <a class="chan" href="http://.blogspot.com/"> Tutorial</a> <a class="chan" href="http://.blogspot.com/"> Tutorial</a> <a class="chan" href="http://.blogspot.com/"> Tutorial</a> <a class="chan" href="http://.blogspot.com/"> Tutorial</a> <a class="chan" href="http://.blogspot.com/"> Tutorial</a> <br><br><br> <div class="h1">FREEBIES </div> <a class="chan" href="http://.blogspot.com/"> Freebies</a> <a class="chan" href="http://.blogspot.com/"> Freebies</a> <a class="chan" href="http://.blogspot.com/"> Freebies</a> <a class="chan" href="http://.blogspot.com/"> Freebies</a> <br><br><br> </div> <div id="entry" style="display:none;"> <blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$> </blogger> </div><br><br> </table></html> |