<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="expires" content="-1" /> <meta name="description" content="<-BlogTitle->" /> <meta name="keywords" content="" /> <title><-BlogTitle-></title> <base target="_blank" /> <style type="text/css" media="all"> body {word-wrap:break-word; font-family:tahoma, sans-serif; font-size:13px; color:#000;} #Granny {width:750px;} ::-webkit-scrollbar {width:7px;} ::-webkit-scrollbar-track {background:#eee; box-shadow:inset 0px 0px 3px 1px #999;} ::-webkit-scrollbar-thumb {background-image:-webkit-linear-gradient(top,#999,#000,#999);} ::-moz-scrollbar {width:7px;} ::-moz-scrollbar-track {background:#eee; box-shadow:inset 0px 0px 3px 1px #999;} ::-moz-scrollbar-thumb {background-image:-webkit-linear-gradient(top,#999,#000,#999);} li {color:#999;} a {text-decoration:none; color:#666;} a:hover {text-shadow:1px 2px 3px #000; color:#000;} #Header {background:#fff url("http://s2.picofile.com/file/7881876020/261.jpg") no-repeat; height:500px;} #HeaderCont {color:#999; direction:rtl; padding:5px; font-size:20px;} #HeaderInn {color:#666; direction:rtl; font-size:14px; margin-bottom:20px;} .OnePost {direction:rtl;} .OnePost img {max-width:345px;} .TopPost {background-image:-webkit-linear-gradient(left,#eee,#fff,#eee); background-image:-moz-linear-gradient(left,#eee,#fff,#eee); background-image:-o-linear-gradient(left,#eee,#fff,#eee); color:#777; font-size:12px; text-align:left; direction:rtl; padding:5px;} .MidPost {padding:5px;} .BotPost {padding:5px; text-align:left; font-size:12px;} .TitleHeaderPost {background-image:-webkit-linear-gradient(left,#eee,#fff,#eee); font-size:15px; text-align:right; padding:5px; border-bottom:1px solid #bbb;} .PostTextBody {direction:rtl; padding:5px; font-size:13px; color:#000; text-align:right; line-height: 150%; } .PostSep {background-image:-webkit-linear-gradient(left,#999,#ddd,#999); height:7px;} #SideCol {width:365px; float:left; margin-left:10px; height:650px; box-shadow:0px 0px 3px 1px #998E96; background-image:-webkit-linear-gradient(left,#999,#fff); background-image:-moz-linear-gradient(left,#999,#fff);; background-image:-o-linear-gradient(left,#999,#fff);} #MainCol {direction:rtl; overflow-y:auto; width:365px; float:left; margin-right:10px; height:650px; box-shadow:0px 0px 3px 1px #bbb;} .Box {overflow-y:auto; width:345px; float:left; margin-right:10px; height:650px; box-shadow:0px 0px 3px 1px #bbb; padding:10px; display:none; text-align:right; direction:rtl;} .Title {direction:rtl; float:left; width:74.3px; font-size:14px; box-shadow:0px 0px 3px 1px #999; margin:4px; padding:5px;} .Title:hover {box-shadow:inset 0px 0px 3px 1px #999;} #Inside {margin:10px; padding:5px; background:#fff; box-shadow:inset 0px 0px 4px 2px #666; height:120px; text-align:right; overflow-y:auto;} #Top {background-image:-webkit-linear-gradient(left,#eee,#fff,#eee); background-image:-moz-linear-gradient(left,#eee,#fff,#eee); background-image:-o-linear-gradient(left,#eee,#fff,#eee); height:35px; margin-bottom:20px; box-shadow:0px 0px 3px 1px #bbb; padding:5px;} </style> <script type="text/javascript" langauge="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" language="javascript"> <!-- function GetBC(lngPostid) { var intTimeZone="<-BlogTimeZone->", strBlogId="<-BlogId->", intCount=-1, strResult=""; try { for (i=0;i<BlogComments.length;i+=2) { if (BlogComments[i]==lngPostid) intCount=BlogComments[i+1] ;} } catch(e) {} if (intCount == -1) strResult="CM's"; if (intCount == 0) strResult="CM's"; if (intCount == 1) strResult="1CM"; if (intCount > 1) strResult=intCount + "CM"; var strUrl = "/comments/?blogid=" + strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone; var strResult = "<a href=\"javascript:void(0)\" target=\"_self\" onclick=\"javascript:window.open('"+strUrl+"','blogfa_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,width=500px,height=500px')\" >"+strResult+"</a>" ; document.write(strResult);} function OpenLD() { window.open('/links','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px'); return true; } // --> $(document).ready(function(){ $("#MenuT").click(function(){ $("#Menu").fadeToggle(500); $("#Authors").fadeOut(0); $("#Cat").fadeOut(0); $("#MainCol").fadeOut(0); $("#TW").fadeOut(0); $("#Tag").fadeOut(0); $("#Links").fadeOut(0); $("#Archive").fadeOut(0); $("#Other").fadeOut(0); }); $("#AuthorsT").click(function(){ $("#Authors").fadeToggle(500); $("#Menu").fadeOut(0); $("#Cat").fadeOut(0); $("#MainCol").fadeOut(0); $("#TW").fadeOut(0); $("#Tag").fadeOut(0); $("#Links").fadeOut(0); $("#Archive").fadeOut(0); $("#Other").fadeOut(0); }); $("#CatT").click(function(){ $("#Cat").fadeToggle(500); $("#Menu").fadeOut(0); $("#Authors").fadeOut(0); $("#MainCol").fadeOut(0); $("#TW").fadeOut(0); $("#Tag").fadeOut(0); $("#Links").fadeOut(0); $("#Archive").fadeOut(0); $("#Other").fadeOut(0); }); $("#TagT").click(function(){ $("#Tag").fadeToggle(500); $("#Menu").fadeOut(0); $("#Authors").fadeOut(0); $("#Cat").fadeOut(0); $("#MainCol").fadeOut(0); $("#TW").fadeOut(0); $("#Links").fadeOut(0); $("#Archive").fadeOut(0); $("#Other").fadeOut(0); }); $("#LinksT").click(function(){ $("#Links").fadeToggle(500); $("#Menu").fadeOut(0); $("#Authors").fadeOut(0); $("#Cat").fadeOut(0); $("#MainCol").fadeOut(0); $("#TW").fadeOut(0); $("#Tag").fadeOut(0); $("#Archive").fadeOut(0); $("#Other").fadeOut(0); }); $("#TWT").click(function(){ $("#TW").fadeToggle(500); $("#Menu").fadeOut(0); $("#Authors").fadeOut(0); $("#Cat").fadeOut(0); $("#MainCol").fadeOut(0); $("#Tag").fadeOut(0); $("#Links").fadeOut(0); $("#Archive").fadeOut(0); $("#Other").fadeOut(0); }); $("#MainT").click(function(){ $("#MainCol").fadeToggle(500); $("#Menu").fadeOut(0); $("#About").fadeOut(0); $("#Cat").fadeOut(0); $("#TW").fadeOut(0); $("#Tag").fadeOut(0); $("#Links").fadeOut(0); $("#Authors").fadeOut(0); $("#Other").fadeOut(0); }); $("#ArchiveT").click(function(){ $("#Archive").fadeToggle(500); $("#Menu").fadeOut(0); $("#Authors").fadeOut(0); $("#Cat").fadeOut(0); $("#TW").fadeOut(0); $("#Tag").fadeOut(0); $("#Links").fadeOut(0); $("#MainCol").fadeOut(0); $("#Other").fadeOut(0); }); $("#OtherT").click(function(){ $("#Other").fadeToggle(500); $("#Authors").fadeOut(0); $("#Cat").fadeOut(0); $("#MainCol").fadeOut(0); $("#Menu").fadeOut(0); $("#TW").fadeOut(0); $("#Tag").fadeOut(0); $("#Links").fadeOut(0); $("#Archive").fadeOut(0); }); }); </script> </head> <body> <center> <div id="Granny"> <div id="HeaderCont"><-BlogTitle-></div> <div id="HeaderInn"><-BlogDescription-></div> <div id="Top"> <div class="Title" id="MenuT">MENU</div> <div class="Title" id="AuthorsT">AUTHORS</div> <div class="Title" id="CatT">CATS</div> <div class="Title" id="TagT">TAGS</div> <div class="Title" id="ArchiveT">PAST</div> <div class="Title" id="LinksT">LINKS</div> <div class="Title" id="MainT">POSTS</div> <div class="Title" id="OtherT">CODES</div> </div> <div id="Display"> <div class="Box" id="Menu"> <li><a href="<-BlogUrl->">Home Page</a></br> <li><a href="<-BlogUrl->/profile">MY Profile</a></br> <li><a href="<-BlogUrl->/links">Daily Links</a></br> <li><a href="<-BlogUrl->/posts">All Posts</a></br> <li><a href="http://templateworld.blogfa.com/">Design</a></br> </div> <div class="Box" id="Authors"> <BlogAuthors> <li><a href="<-AuthorLink->" ><-AuthorName-></a><br> </BlogAuthors> </div> <div class="Box" id="Cat"> <BlogCategories> <li><a href="<-CategoryLink->"><-CategoryName-></a> </BlogCategories> </div> <div class="Box" id="Tag"> <BlogTags> <li><a href="<-TagLink->"><-TagName-></a> </BlogTags> </div> <div class="Box" id="Links"> <BlogLinks> <li><a href="<-LinkUrl->"><-LinkTitle-></a> </BlogLinks> </div> <div class="Box" id="Archive"> <BlogArchive> <li><a href="<-ArchiveLink->" target="_blank" ><-ArchiveTitle-></a> </BlogArchive> </div> <div class="Box" id="Other"> <-BlogCustomHtml-> </div> <div class="Box" id="TW"> <li><a href="http://templateWorld.blogfa.com">Template World</a> </div> </div> <!-- ==================== Main Column ==================== --> <div id="MainCol"> <BLOGFA> <div class="OnePost"> <div class="TopPost"> <-PostTime-> , <-PostDate-> , <-PostAuthor-> </div> <div class="TitleHeaderPost"><a href="<-PostLink->"><-PostTitle-></a></div> <div class="MidPost"> <div class="PostTextBody"><-PostContent-></div> <BlogPostTagsBlock><br>Tag's: <BlogPostTags separator=","><a href="<-TagLink->"><-TagName-></a> </BlogPostTags></BlogPostTagsBlock></br> </div> <div class="BotPost"> <BlogExtendedPost> <a href="<-PostLink->">EDAME</a> , </BlogExtendedPost> <BlogComment> <script language="javascript" type="text/javascript">GetBC("<-PostId->");</script> </BlogComment> </div> </div> <div class="PostSep"></div> </BLOGFA> </div> <div id="SideCol"> <div id="Header"></div> <div id="inside"><-BlogAbout-></div> </div> </div> </center> </body> </html> code