GAN SHER RHIE: Roses

Hello!

I feel so "free" these few days that I decided to make layouts again.

.... No. I am actually not free and I should be worried about my studies. I don't know though. I am aware that I am more useless than I already was. Falling behind so bad I don't feel like getting up again.

Will not be active in layout-making but only once in awhile. Since it is done I thought why not share it? I share it here because Blogskins.com is kind off dead. I miss it because I spent my teen days with it; SOTDs, making online friends, learning new things.

I came back with a navigation kind. It is a very simple white layout harmonized by the family colour of Teal. Also, hints of roses to add a little touch to it. Credits are stated at the Credits section under Miscellaneous.

Why Courier New? No reasons! I just happened to be obsessed with this font lately.

Codes are inserted below. Usual drills; keep the credits and edit the profile, links, etc sections to your own liking. Don't forget to FOLLOW MY BLOG for new updates!

<html>
<head>
<title>YOUR TITLE</title>

body {  background-color: #fefefe; font: normal 9pt Courier New; Color: #333333; scrollbar-face-color: #ffffff;scrollbar-arrow-color: #ffffff;scrollbar-track-color: #ffffff;scrollbar-highlight-color: #ffffff;scrollbar-3dlight-color: #ffffff;scrollbar-darkshadow-color: #ffffff;scrollbar-shadow-color: #ffffff;}

.h1{font-family: Courier New; font-size:25px; color:#555555; text-weight:bold; text-transform: lowercase;text-align:left; line-height:20px; border-bottom: 2px solid #444444; background: none;}

.h2{font: normal 9pt courier new; color: #777777; Text-align: Left; }

.h3{font-family: Courier New; font-size:13px; color:#555555; background:#transparent; text-weight:bold; text-transform: uppercase;text-align:left;line-height:12px;}

a:link, a:visited, a:active { font: Courier New; color:#12B9AB; text-decoration:none;}

a:hover{font: 8pt Courier New;color: #ffffff;}

strong, {font: 10pt  Courier New; color: #222222;}

big {font-family: arial;font-size: 21px;line-height: 80%;letter-spacing: -2px;text-transform: uppercase;font-weight: normal;}

img {-webkit-transition-duration:.4s; padding: 2px;}

img:hover {filter: alpha(opacity=40); opacity: .5; padding: 2px;}

#navigations{text-align: center; background:transparent; font-family: Courier New; color: #B89494; padding-top: 0px; cursor: default;font-size:20pt; letter-spacing: -2px; padding-left: 15px; }

blockquote {font-family: Courier New; padding: 5px; color:#222222; cursor:vertical-text;}

blockquote:first-letter {font-family: Courier New; color:#12B9AB;  font-size:20pt; font-style:italic; }

blockquote:hover{Font-family: Courier New; Color:#aaaaaa; textarea, input, select {background:#ffffff; Font-family: Arial; font-size: 8pt; color:#cccccc;}
</style>

<center>
<div id="navigations">
<span style="background: transparent;">
<span style="color:#089F93;" onMouseover="this.style.color='#bbbbbb'" onMouseout="this.style.color='#089F93'" onClick="changeNavigation('entries')">Entries</span><br>
<span style="color:#089F93;" onMouseover="this.style.color='#bbbbbb'" onMouseout="this.style.color='#089F93'" onClick="changeNavigation('misc')">Miscellaneous</span><br><br>
</a></span></div>
<center>
<select style="font: normal 12px Courier New; padding: 15px; color: #555555; width: 95%; border: 1px solid #eeeeee; background: #transparent;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value=''>Posts</option>
<bloggerpreviousitems>
<option value="<$BlogItemPermalinkURL$>">» <$BlogPreviousItemTitle$></option>
</BloggerPreviousItems>
</select><br>

<select style="font: normal 12px Courier New; Padding: 15px; Color: #555555; width: 95%; border: 1px solid #eeeeee; background: #transparent;" onChange="location.href=this.options[this.selectedIndex].value;">
<option selected>Months</option>
<bloggerarchives>
<option value="<$BlogArchiveURL$>">» <$BlogArchiveName$></option>
</BloggerArchives>
</select>

<br><br><br><br><br>
</center>
</div>
</div>
</div>
<div style="position:absolute; padding: 15px; color: #aaaaaa;text-align: left;  top:50px; left: 650px ;background-color: #ffffff; filter:alpha(opacity=90); filter:alpha(opacity=60) ; width: 450px;  " id="main">
<blogger>
<div>
<div class="h1">
<$BlogItemTitle$></div>
<div class="h3">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader>, <$BlogItemDateTime$> <blogitemcommentsenabled><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>comment</a><$BlogItemCommentCount$>/ comment(s) </BlogItemCommentsEnabled></div>
</div>
<div class="h2">
<$BlogItemBody$>
 </div>
</Blogger>
</div>
</div>
<div style="display: none;" id="misc">
<div class="h1">
Profile</div>
<div class="h2">
<br>
Short bio of yours. <br><br>

</div>
<div class="h1">
Links</div>
<br>
<div class="h2">
<center>
<a class="affiliate" href="http://jgansherrhie.blogspot.com/">Links</a>
<a class="affiliate" href="http://jgansherrhie.blogspot.com/">Links</a>
<a class="affiliate" href="http://jgansherrhie.blogspot.com/">Links</a>
<a class="affiliate" href="http://jgansherrhie.blogspot.com/">Links</a>
<a class="affiliate" href="http://jgansherrhie.blogspot.com/">Links</a>
<br><br>
</td></tr>
</tbody></table>
</div>
<div class="h1">
Info's and Credits</div>
<div class="h2">
<br>

Tested in Google Chrome. <br>

Layout by <a class="affiliate" href="http://jgansherrhie.blogspot.com/">Sher Rhie</a> @ 2015. Image from <a href="http://jacklumber.deviantart.com/">Jack Lumber.</a>
<br><br>

</div>
</div>
<div style="display: none;" id="entries">
<blogger><div>
<div class="h1">
<$BlogItemTitle$></div>
<div class="h3">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader>, <$BlogItemDateTime$> <blogitemcommentsenabled><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>comment</a><$BlogItemCommentCount$>/ comment(s) </BlogItemCommentsEnabled></div>
</div>
<br>
<div class="h2">
<$BlogItemBody$>
 </div>
</Blogger>
  </div>

GAN SHER RHIE

Monday 11 May 2015

Roses

No comments:

Post a Comment