GAN SHER RHIE: Minimalist
GAN SHER RHIE
Thursday, 27 August 2015
Minimalist
A simple layout that I used not long ago!
Decided to share it with all of you since I have changed to a newer layout. Specially for those who loves something simple! :)
<html><head> <title>title</title> <script type="text/javascript"> /*********************************************** * Gradual Highlight image script- ? Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ var baseopacity=15 function slowhigh(which2){ imgobj=which2 browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : "" instantset(baseopacity) highlighting=setInterval("gradualfade(imgobj)",50) } function slowlow(which2){ cleartimer() instantset(baseopacity) } function instantset(degree){ if (browserdetect=="mozilla") imgobj.style.MozOpacity=degree/100 else if (browserdetect=="ie") imgobj.filters.alpha.opacity=degree } function cleartimer(){ if (window.highlighting) clearInterval(highlighting) } function gradualfade(cur2){ if (browserdetect=="mozilla" && cur2.style.MozOpacity<1) cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99) else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=10 else if (window.highlighting) clearInterval(highlighting) } </script> <style type="text/css"> .gradualshine{ } </style> <meta content="no" http-equiv="imagetoolbar"> <meta content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=4)" http-equiv="Page-Exit"> <meta content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=4)" http-equiv="Page-Enter"> </head> <style> A:link { text-decoration: none; font-family: arial; font-weight: none; text-transform:none;background: none; color: #8F6979; } A:visited { text-decoration: none; font-family: arial; color:#8F6979; text-transform:none;} A:active { text-decoration: none; font-family: arial; text-transform:bold;cursor: crosshair; color: #8F6979;} A:hover { text-decoration:none; font-family: arial; color:#000000; letter-spacing: 1px;} body {background: #ffffff;font-family: arial; font-size:8pt; color: #555555; font-weight:none;text-align: left;scrollbar-face-color:# E6C4D9;scrollbar-shadow-color:#D9B9D1 ;scrollbar-3dlight-color:# D9ADD1;scrollbar-arrow-color:# ffffff;scrollbar-track-color:# ffffff;scrollbar-darkshadow-color:# EFD7E7;scrollbar-highlight-color:# ;} table, tr, td{background-color: #ffffff;color: #444444;font-family: Arial; font-size: 8.5px;text-align: left;} .h2 {font-family: courier new;text-transform:lowercase; line-height: 13px; font-size: 8.5pt; padding-left: 3px; color:#E6E6E6; background: #1C1C1C;text-align:left; border-bottom: 1.5px solid #F3F2E3; } .b1 {font-family: arial; text-align: left; font-size: 9pt; letter-spacing: 0.5px; background: #ffffff;color:#666666; padding: 3px;} .b2 {font-family: arial; text-align: justify; font-size: 9pt; letter-spacing: 0.5px; background: #ffffff;color:#555555;padding: 5px; } .h1{font-family: courier new; text-align:left; text-style: bold; font-size: 18pt; line-height: 20px; color:#333333;padding: 1.5px; text-transform: lowercase; } b{ color: #000000; text-decoration: bold; } i { color: #865D54; text-decoration: italic; } .blockquote {font-family: courier new; background:none;border-left:7px solid #cccccc;border-right:7px solid #cccccc;padding:5px; color:#222222; cursor:vertical-text;} .img {-moz-box-shadow:0 3px 7px #424242;moz-opacity:.60; opacity:.60;} img:hover {filter:alpha(opacity=60); moz-opacity:.90; opacity:.90;} <script> <style type="text/css">@import url(http://www.blogger.com/css/navbar/main.css); @import url(http://www.blogger.com/css/navbar/1.css); div.b-mobile {display:none;} <script> <style type="text/css">@import url(http://www.blogger.com/css/navbar/main.css); @import url(http://www.blogger.com/css/navbar/1.css); div.b-mobile {display:none;} </style> <noembed> <body></noembed> <noembed> <body></noembed> <div style="position: absolute; top:120; left:80;background-color:(none); filter:alpha(opacity=100)"> <blogger><table border="0" cellpadding="00" cellspacing="00"> <tr> <td valign="top"width="620" position="absolute"> <div class=b1> <div class="h1"> <blogitemtitle><$BlogItemTitle$></BlogItemTitle></div> <div class="h2"> <blogdateheader> <$BlogDateHeaderDate$></blogdateheader> | <$BlogItemDateTime$></div> <br> <div class="b2"> <$BlogItemBody$> </tr> <br></table> </BLOGGER> </div> <div style="position: absolute; top:250; left:750; width:180; filter:alpha(opacity=100)"> <div align=left> <div class=b1> <div class=h1> Profile<font></div> <br> <b>Name?</b><br><br> About you <center> <br> <a class="affiliate" href="http://www.blogger.com/follow-blog.g?blogID=9196323438234207472"> >> FOLLOW MY BLOG << </a> </div> </center> <br> <select style="font: normal 10px Arial; padding: 3px; color: #555555; width: 97%; border: 1px solid #eeeeee; background: #transparent;" onChange="location.href=this.options[this.selectedIndex].value;"> <option value=''>Previously Posted</option> <bloggerpreviousitems> <option value="<$BlogItemPermalinkURL$>">» <$BlogPreviousItemTitle$></option> </BloggerPreviousItems> </select> </div> <br><br> <div class=b1> <div class=h1> Links</div> <br> <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> </div> <br><br> <div class=b1> <div class=h1> Tagboard</div> <br> Width 170 </div> <br><br> <div class=b1> <div class=h1> Credits<br><br></div> Layout made by <a class="affiliate" href="http://jgansherrhie.blogspot.com/">Gan Sher Rhie</a> © 2015.<br> Tested in Google Chrome at a resolution of 100% and best viewed with desktop.<br><br> </a> </html>
No comments:
Post a Comment
Newer Post
Older Post
Home
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment