Scribd
Upload
96 views

Blog Skins 375936

The document is the code for a blog post webpage with a pink and gray color scheme. It includes navigation links on the sidebar to other blog pages and social media links at the top. The main content is a poem about sitting alone at night looking at the stars and thinking of someone far away. Styling is applied throughout to format text, images, and layout.

Uploaded by

aisyahkarina
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
96 views

Blog Skins 375936

The document is the code for a blog post webpage with a pink and gray color scheme. It includes navigation links on the sidebar to other blog pages and social media links at the top. The main content is a poem about sitting alone at night looking at the stars and thinking of someone far away. Styling is applied throughout to format text, images, and layout.

Uploaded by

aisyahkarina
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 8

<html><link href='http://fonts.googleapis.com/css?family=Loved+by+the+King|Cabin +Sketch:700|Delius+Swash+Caps|Sue+Ellen+Francisco|Patrick+Hand' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Rancho' rel='stylesheet' type ='text/css'> <head> <title>Talking To The Moon.

</title> <link rel="shortcut icon" href="http://www5e.biglobe.ne.jp/~cep/s/mm/hbp.gif"> </head> <style type="text/css"> .input { text-align: center; margin-top: 200px; } ::selection { background: #F7819F; /* Safari */ color: #000; } ::-moz-selection { background: #F7819F; /* Firefox */ color: #000; } #navbar-iframe { display: none; } blockquote { border: #C5908E 1px dotted; padding: 5px; margin: 15px; letter-spacing: 1px; font-family: georgia; font-style: italic; } ::-webkit-scrollbar { height:12px; width: 8px; background: #FBBBB9;} ::-webkit-scrollbar-thumb { background-color: #736F6E;-moz-border-radius: 10px; border-radius: 10px; } a:whoa { font-family: courier new; font-size:8pt; background: #585858; padding: 3px; text-transform: uppercase; } a, a:link, a:visited, a:active { color: #C48189; text-decoration: none;

padding: 0px; -webkit-transition:.6s; } a:hover { color: #E7A1B0; text-decoration: none; border-radius: 5px; -webkit-transition-duration:.6s; -moz-transition-duration:.6s; border-bottom: 1px dashed #FFFF00; cursor: url(http://www.drikoti.net/Dri/drikoti.cur), auto; } body {cursor: url(http://i.imgur.com/ZOrzC.png),auto; background: url(http://applepine.chu.jp/back/pattern/mameturu.gif) fixed; background-color: #FFFFFF; font-family: verdana; font-weight: normal; font-size: 8pt; color: #666666; line-height: 120%; text-align: justify; } h1 { font-family: georgia; font-size: 18px; text-align: right; color: #FFBBBB; letter-spacing: 1pt; text-transform: normal; font-weight: normal; line-height: 100%; padding: 5px; margin: 0px; } h1:first-letter{ font-weight: bold; color: #F6358A; } h2 {font-family: georgia; font-size: 9px; line-height: 9px; letter-spacing: 1px; color: #AAAAAA; text-transform: uppercase; text-align: right; padding: 2px; margin-bottom: 5px; font-weight: normal; } h3 {color:gray; font-family:georgia; text-align: right; font-style: italic; letter-spacing: 2px; border-bottom: 1px solid #eee; font-size:10pt;

text-transform:normal; font-weight: normal; } .box1 { font-family: verdana; border: 5px solid #E8ADAA; font-size: 8pt; padding: 10px; background-color: #FFFFFF; -moz-border-radius: 10px 10px 10px; -webkit-border-radius: 10px 10px 10px; padding: 10 10px 10 10px; } .navi span { color:#C5908E; -webkit-transition:.4s; padding: 2px; width: 200px; } .navi span:hover { cursor: url(http://www.drikoti.net/Dri/drikoti.cur), auto; text-decoration: none; color: #E77471; -webkit-transition-duration:.4s; -moz-transition-duration:.4s; } .title1{ font-family: courier new; font-size: 20px; } #sidebar { position: fixed; top: 75px; left: 90px; width: 200px; } img{ border-radius:5px; } #main { font-family: verdana; border: 5px solid #C5908E; font-size: 8pt; padding: 10px; background-color: #FFFFFF; -moz-border-radius: 10px 10px 10px; -webkit-border-radius: 10px 10px 10px; padding: 10 10px 10 10px; position: fixed; overflow: auto; top: 200px; left: 300px; height: 355px; width: 450px; }

#whoa { font-family: verdana; border: 5px solid #FBBBB9; font-size: 8pt; padding: 10px; background-color: #FFFFFF; -moz-border-radius: 10px 10px 10px; -webkit-border-radius: 10px 10px 10px; padding: 10 10px 10 10px; position: fixed; top: 75px; left: 300px; height: 85px; width: 450px; } li{ list-style-type : none; background-image : url(http://i257.photobucket.com/albums/hh205/ xoxojays/smilies/minidocomo/pic014demoji_17170398decoojp.gif); background-position : left; background-repeat : no-repeat; padding-left : 2.0em; } hr{ width height color border } a.thunder { font-family: courier new; text-transform: uppercase; padding: 2px; background: #6E6E6E; color: #FFF; -webkit-transition:.5s; -moz-transition:.5s; } a.thunder:hover { background: #F5A9BC; } a.boom { font-family: courier new; text-transform: lowercase; color: #000; -webkit-transition:.5s; -moz-transition:.5s; } a.boom:hover { color: #F7819F; } b, strong { font-weight: bold; color: #FFBBBB; } u { text-decoration: none; color: #C0C0C0; : : : : ; 0px; #FCDFFF; 1px solid #F6CED8;

border-bottom: #FFB0B0 1px dotted; } i, italic { font-weight: italic; color: #FFBE9F; } s { text-decoration: line-through; color: #DDDDDD; } </style> <body> <script language=JavaScript> <!-//Disable right click script III- By Renigade ([email protected]) //For full source code, visit http://www.dynamicdrive.com var message=""; /////////////////////////////////// function clickIE() {if (document.all) {(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} document.oncontextmenu=new Function("return false") // --> </script> <div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href ="http://www.blogger.com/follow-blog.g?blogID=5991124936322718474" target="_blan k" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; marg in-right: 1em;"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.pn g?6" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right :2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel ="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; marginright: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboa rd_alpha.png?6" /></a></div></div> <div id="sidebar"> <div class="box1"> <center><object height="25" width="150"><param name="movie" value="http://www.yo utube.com/v/TQ_DPm8dmlo?fs=1&amp;autoplay=1&amp;hl=en_US&amp;color1=ffffff&amp;c olor2=ffffff;rel=0" /><param name="allowFullScreen" value="true" /><param name=" allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/TQ_DPm8 dmlo?fs=1&amp;autoplay=1&amp;hl=en_US&amp;&amp;color1=ffffff&amp;color2=ffffff;r el=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfulls creen="true" height="25" width="150"></embed></object></center> <h3>Navis</h3> <center><img style="width:150px; border: 3px solid #7F5A58" src="http://i50.tiny pic.com/es80fd.jpg"/></center> <div class="navi"> <li><span onClick="document.getElementById('main').innerHTML=document.getElement ById('me').innerHTML" title="The Blogger">About</span></li> <li><span onClick="document.getElementById('main').innerHTML=document.getElement

ById('arch').innerHTML" title="Tutorials">Links and Affies</span></li> <li><span onClick="document.getElementById('main').innerHTML=document.getElement ById('home').innerHTML" title="Entries">Back to posts</span></li> </div> <h3>Tag</h3> <!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="0" height="0" src="http://www3.cbox.ws/box/? boxid=3314286&amp;boxtag=9dszh1&amp;sec=main" marginheight="2" marginwidth="2" s crolling="auto" allowtransparency="yes" name="cboxmain3-3314286" style="border:# FFFFFF 1px solid;" id="cboxmain3-3314286"></iframe></div> <div><iframe frameborder="0" width="100%" height="75" src="http://www3.cbox.ws/b ox/?boxid=3314286&amp;boxtag=9dszh1&amp;sec=form" marginheight="2" marginwidth=" 2" scrolling="no" allowtransparency="yes" name="cboxform3-3314286" style="border :#FFFFFF 1px solid;border-top:0px" id="cboxform3-3314286"></iframe></div> </div> <!-- END CBOX --> <h3>Archives</h3> <select style="font-size:8pt; color:#F2F2F2; font-family:georgia; letter-spacing : 2px; background-color:#E77471; border:0px; padding: 0px; width:160px;" onChang e="location.href=this.options[this.selectedIndex].value;"> <option value=''>Can we get back?</option> <BloggerArchives> <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option> </BloggerArchives></select> <h3>Credito:</h3> <b>Template</b> : <a href="http://balqishoneyz.blogspot.com/" target="_blank">pu ffnuts19.</a><br> <b>Background</b> : <a href="http://colourlovers.com/" target="_blank">Colourlov ers.</a><br> <b>Images by</b> : <a href="http://thefadingnight.blogspot.com/" target="_blank" >TheFadingNight</a><br> <b>Smilies</b> : <a href="http://babydoll.nu/smilies" target="_blank">Babydoll</ a><br> <br><br> <center> <NewerPosts> <a href=<$NewerPosts$>><span style="font-size:35px; font-w eight:bold;"></span></a></NewerPosts>.<OlderPosts><a href=<$OlderPosts$>><span sty le="font-size:35px; font-weight:bold;"></span></a> </OlderPosts> <a href="javascri pt:scroll(0,0)">.</a></center> </center> </div></div> <div style="position:fixed; color:#E8ADAA; text-transform:uppercase; font-family : arial; font-size: 50px; top:52px; left: 100px;">Simple</div> <div style="position:fixed; color:#FBBBB9; text-transform:uppercase; font-family : arial; font-size: 50px; top:52px; left: 340px;">Thing Called</div> <div style="position:fixed; color:#C5908E;-webkit-transform: rotate(90deg); -moz -transform: rotate(90deg); text-transform:uppercase; font-family: arial; font-si ze: 70px; top:382px; left: 700px;">Love.</div> <div id="whoa"> <img style="clear: left; float: left; margin-bottom: 1em; width:70px; margin-rig ht: 1em;border:5px solid #7F5A58" src="http://i752.photobucket.com/albums/xx162/ themidnighttrain/TFN/mask5.png"/> <center><b>{</b> You've stumbled upon my site. <b>}</b><br></center><br> I know you're somewhere out there<br> <u>Somewhere far away.</u><br> At night when the stars light up my room, I sit by myself.

</div></div> <div id="main"> <Blogger> <h1><BlogItemTitle><$BlogItemTitle$></BlogItemTitle> </h1> <h2> <BlogDateHeader> , <$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDate Time$> <font size="2"><font color="#FFB0B0"> </font></font> } <a href="<$BlogItemCom mentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment (s) </a></BlogItemCommentsEnabled> </h2> <br> <$BlogItemBody$><br> <h3><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <span sty le="font-size: 7.5pt; color: #FFBBBB; background-color:#ffffff; padding: 4px; te xt-transform: uppercase;"><font size="2"><font color="#FFB0B0"> </font></font> <$Bl ogItemCommentCount$> commenter(s)</span></a></BlogItemCommentsEnabled></h3> </Blogger> </div></div> <div id="arch" style="display: none;"> <h1>Links and Stuffs.</h1> <center><img src="http://i40.tinypic.com/11jx94y.jpg"/></center> <hr></hr> <center><a class="thunder" href="http://blogspot.com">B</a> <a class="thunder" h ref="http://blogspot.com">R</a> <a class="thunder" href="http://blogspot.com">U< /a> <a class="thunder" href="http://blogspot.com">N</a> <a class="thunder" href= "http://blogspot.com">O</a></center> <hr></hr> <center><a class="boom" href="http://blogspot.com">M</a> | <a class="boom" href= "http://blogspot.com/">A</a> | <a class="boom" href="http://blogspot.com/">R</a> | <a class="boom" href="http://blogspot.com/">S</a> | <a class="boom">Next?</a> </center> <hr></hr> <br> <br><br> </div> <div id="me" style="display: none;"> <h1>Owner</h1><br> <center><img src="http://data.whicdn.com/images/22420447/img1237173390_large.jpe g"/></center> <p><u>Wassup people :><br><br></u> <b></b> <b></b> <b></b> <b></b> n it.<br> <b></b> <br> <b></b> <hr></hr> <br></p> <center> <b>{</b> <a href="http://www.facebook.com/username" target="_blank">Facebook</a> . <a href="http://twitter.com/username" target="_blank">Twitter</a> . <a href="http://www.blogskins.com/me/username" target="_blank">Blogskins</a> <b> I am Bruno. Let me pronounce it for ya ' <u>Bbeh-Roo-No</u><br> I am soulin' in my soul.<br> I was born when I want I was born on.<br> Currently staying in underground, and I wish I could spend my whole life i Best chums: <u>You</u>, <u>You</u>, <u>You</u>, <u>You</u> and <u>You</u>. I love talking. Well, to the moon.<br>

}</b> </center> <br> <center><u>Underline</u> <b>Bold</b> <i>Italicized</i> <s>Strikeout</s></center> <br><br> <div id="home" style="display: none;"> <Blogger> <h1><BlogItemTitle><$BlogItemTitle$></BlogItemTitle> </h1> <h2> <BlogDateHeader> , <$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDate Time$> <font size="2"><font color="#FFB0B0"> </font></font> </h2> <br> <$BlogItemBody$><br> <h3><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <span sty le="font-size: 7.5pt; color: #FFBBBB; background-color:#ffffff; padding: 4px; te xt-transform: uppercase;"><font size="2"><font color="#FFB0B0"> </font></font> <$Bl ogItemCommentCount$> commenter(s)</span></a></BlogItemCommentsEnabled></h3> </Blogger> <center><OlderPosts><a href=<$OlderPosts$>>OLD</a> </OlderPosts> <a href="javasc ript:scroll(0,0)">.</a> <NewerPosts> <a href=<$NewerPosts$>>NEW</a></NewerPosts> </center> </center> </div> </body> </html>

You might also like