Scribd Logo
Upload

Welcome to Scribd!

  • Blog Skins 344260

    Uploaded by

    Dinda Sudibya
    9 views6 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    9 views6 pages

    Blog Skins 344260

    Uploaded by

    Dinda Sudibya

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 6

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st rict.

    dtd"> <HTML><head> <title>Lovela Dinda</title> <script type="text/javascript"> function changeNavigation(id) {document.getElementById('content').innerHTML=document.getElementById(id).innerH TML} </script> <style type="text/css"> body { background-image: url(http://i1015.photobucket.com/albums/af277/sleepingtoys/cit y/citybg.jpg); background-repeat: repeat-x; background-attachment: fixed; background-color: #F0F0F0; font: normal 8pt "Arial", sans-serif; color: #808080; line-height: 1.5; text-align: justify; } #navbar-iframe{ display: none;height: 0px; } #bottom { background: #222; height: 20px; width: 100%; position: fixed; bottom: 0;left: 0;z-index: 1; } #sun{ padding:5px; background: #222222;} #post{ filter: alpha (opacity=90); -moz-opacity: 0.50; opacity: 0.90; -webkit-transition-duration:1s; padding:1px 3px 3px 0px;} #post:hover{ filter: alpha (opacity=100); -moz-opacity: 1.00; opacity: 1.00; -webkit-transition-duration: 1s; padding:1px 3px 3px 0px;} #posts { background: #ffffff; vertical-align: top; width: 520px; -moz-border-radius: 10px 0 10px 10px; -webkit-border-radius: 10px 0 10px 10px; padding: 5px 10px 10px 10px;}

    #postbody img { padding: 6px; background:#fafafa; border: 1px solid #e1e1e1;} #music img { padding: 6px; background:#111; border: 0px solid #222;} #moon { background: transparent; position: absolute; top: 20px; left: 315px; width: 60%; } #rain { position: fixed; width: 250px; bottom: 10px; left: 50px;} #rain #content { -webkit-border-radius: 10px 10px 0 0px; -moz-border-radius: 10px 10px 0 0px; background: #222222; color: #999; margin: 10px 0 0; padding: 8px; } ::selection { color: #888888; background: #f5f5f5; } ::-moz-selection{ background: #f5f5f5; color: #888888;} .blogger-labels{ border-top: 1px solid #f8f8f8; font-size: 10px; padding-top: 5px; margin: 10px auto 0 auto; text-align: right;} strong, b {color:#81A8B8;}em, i {color: #B94159 ; font-weight:bold;}u {color: #A 79C8E ;border-bottom: 1px solid #A79C8E;} a { font: bold 8.5pt "helvetica", sans-serif; color: #888; text-decoration: none; text-transform: lowercase;} a:hover { -moz-transition-duration: 1s; -webkit-transition-duration:1s; color: #ffffff; }

    blockquote { background-image:url("http://i589.photobucket.com/albums/ss333/HeartsAloud/dl/h bq.gif"); background-repeat: no-repeat; background-position:top right; font: normal 8pt "arial", monospace; color: #999; margin: 1px 0px 1px 0px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eee; -webkit-transition-duration:1s; padding: 9px 0px 9px 0px; } blockquote:hover { -webkit-transition-duration:1s; color: #555; } .date { font: normal 20pt "helvetica", sans-serif; text-transform: lowercase; color:#dddddd; letter-spacing:-3pt;} .title { font: normal 18pt "helvetica", sans-serif; border-bottom: 1px solid #f5f5f5; margin-top:-10pt; margin-bottom:2px; font-style:italic; letter-spacing: -2pt; color:#f1f1f1; text-transform: lowercase; } .time{ font: bold 30pt "arial", sans-serif; -moz-border-radius: 0 7px 7px 0px; -webkit-border-radius: 0 15px 15px 0px; height: 50px; background: #f9f9f9 !important; padding: 1px 3px 3px 0px; float: left; position: relative; color:#f1f1f1; font-weight:bold; letter-spacing:-6.5pt; filter: alpha (opacity=70); -moz-opacity: 0.70; opacity: 0.70; -webkit-transition-duration:1s; } .time:hover{ filter: alpha (opacity=90); -moz-opacity: 0.90; opacity: 0.90; -webkit-transition-duration:1s; padding:1px 3px 3px 0px;} .clouds{ font: normal 18pt "helvetica", sans-serif; font-color:#333333;

    letter-spacing:-2pt; } .sky{ text-align: right; padding: 0 9px 0px 0px; font: bold 40pt "helvetica", sans-serif; letter-spacing:-7pt; text-transform: lowercase; line-height:50%; color:#222;} .navi { background: #222222; color: #555555; border-bottom: 1px solid #333; font: normal 8pt "helvetica", sans-serif; letter-spacing: 3pt; margin: 0; padding: 8px 5px; text-align: right; text-transform: uppercase; -webkit-transition-duration:1s; } .navi:hover { -webkit-transition-duration:1s; background: #222; color: #999999; cursor: default; border-right:140px solid #333; margin-right: 0px;} a.label:link, a.label:active, a.label:visited { text-decoration: none; display: block; font: bold 30pt "arial", sans-serif; col or: #e4e4e4; text-align: center; padding-bottom: 3px; margin:5px; } a.label:hover{ color: #A6ACA7; } </style></head> <body> <div id="rain"> <div class="sky"> The City That Never Sleeps </div> <div id="content"> <div id="music"> <img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/3.jpg"> Best viewed in <b>Google Chrome</b>, screen resolution 1280 x 1024. Do not put too much content under each header or else some of the content could not be seen. </div> </div> <div class="navi" style="border-top: none;" onClick="changeNavigation('about')"> ABOUT</div>

    <div class="navi" onClick="changeNavigation('affiliates')">AFFILIATES</div> <div class="navi" onClick="changeNavigation('archive')">ARCHIVES</div> <div class="navi" onClick="changeNavigation('tagboard')">TAGBOARD</div> <div id="sun"> </div> <div id="about" style="display: none;"> <div class="clouds">profile</div> <div id="music"> <img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/1.jpg"> It's best to keep it short and sweet. (: </div> </div> <div id="affiliates" style="display: none;"> <div class="clouds">affiliates</div> <div id="music"> <img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/5.jpg"> <a <a <a <a href="http://struckbywanderlust.tumblr.com" target="_blank">tumblr</a> href="http://heartsaloud.livejournal.com" target="_blank">livejournal</a> href="http://heartsinink.livejournal.com" target="_blank">heartsinink</a> href="http://twitter.com/heartsaloud" target="_blank">twitter</a>

    <div class="clouds">credits</div> This skin is made by <a href="http://blogskins.com/me/sleepingtoys" target="_bla nk">sleeping</a><a href="http://about.me/halfway" target="_blank">toys</a>.<br> Resources: <a href="http://www.sxc.hu/" target="_blank">1</a>, <a href="http://w eheartit.com/entry/2591643" target="_blank">2</a>, <a href="http://weheartit.com/entry/442753" target="_blank">3</a>, <a href="http ://weheartit.com/entry/2868529" target="_blank">4</a>, <a href="http://weheartit.com/entry/2867826" target="_blank">5</a> </div> </div> <div id="archive" style="display: none;"> <div class="clouds">archives</div> <div id="music"> <img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/4.jpg"> <td width="235px" valign="top"> <form name="form1"> <select style="font-size:8pt;color:#999999;font-family: helvetica;backgroundcolor:#333333; border:1px solid #222222; padding: 0px; width: 235px;" onChange=" location.href=this.options[this.selectedIndex].value;"> <option value=''>Archives</option> <BloggerArchives> <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option> </BloggerArchives> </select> </form> </td>

    </div> </div> <div id="tagboard" style="display: none;"> <div class="clouds">talk</div> <div id="music"> <img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/2.jpg"> Any usable chat widget goes in here.<br> A pop-up <a href="http://cbox.ws">cbox</a> is recommended. If you do not want a pop-up cbox, its width should not exceed 250px. </div></div> </div> <div id="moon"> <br><br><br> <Blogger> <br> <table id="post" border="0" cellpadding="0" cellspacing="0"> <tr> <td id="posts"> <div class="date">posted : <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeade r></div> <div class="title">title : <$BlogItemTitle$></div> <div id="postbody"><$BlogItemBody$></div> <td valign="top" width="112"> <div class="time" align="center"><a class="label" href="#top"> <$BlogItemDateTime$> </a> </div></div> </td></tr></table> http://i1015.photobucket.com/albums/af277/sleepingtoys/city/c itybg.jpg </Blogger>http://data.whicdn.com/images/7137036/tumblr_lg7bf6PdP11qbgpo2o1_500_l arge.jpg?1297659210 <br><br> <div id="bottom"></div> </div> </body></html>

    You might also like