قالب رایگان - آموزش html

<html> <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" /> <meta name="GENERATOR" content="BlogFa.com"> <title><-BlogTitle-></title> <style> Body {{filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#176899,EndColorStr=#F0F1E3,GradientType=0); background: #ffffff; ; font-family: Tahoma, times new roman, sans-serif; font-size: 8pt; margin:0; padding-right:0px; color: #ffffff } .Center{width:740px;text-align: center;} .123 {filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#176899,EndColorStr=#F0F1E3,GradientType=0) } .s{filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#176899,EndColorStr=#F0F1E3,GradientType=0) } .HeaderBox{height:210px ; color: white;; background: url('http://tinypic.com/j7rknp.gif');;direction: rtl;} .BlogTitle{font-family: Arial; font-size: 25pt; font-weight: bold;padding-top: 0px;padding-bottom: 0px} .BlogTitle A:link {color:#ffffff;text-decoration: none;color:white} .BlogTitle A:visited {color:#000099;text-decoration: none;color:white} .BlogTitle A:hover {color:#ff0000;text-decoration: none;color:white} .BlogSubTitle{height:18px;background:url('http://tinypic.com/j7ro0g.gif');font-weight: bold ; color:#ffffff ;font-family: Tahoma;font-size: 9pt;padding-bottom: 6px} .Container{padding:1px; color: #000000;text-align=right;direction: rtl;} .Content{padding-left:1px;padding-right:1px;width: 550px;float: right;text-align: right;direction: rtl;} .Sidebar{font-size: 8pt;font-family: Tahoma; line-height: 150%;width: 180px;float: right;text-align: right;direction: rtl;} .PostTitle{background: #176899; font-size: 9pt;font-family: Tahoma; font-weight: bold ;color:black;padding-top: 0px; padding-bottom: 0px;} .PostTitle A:link {color:#C3EFFF;text-decoration: none;} .PostTitle A:visited {color:#595959;text-decoration: none;} .PostTitle A:hover {color:#ffffff;text-decoration: none;} .PostBody { padding-right: 5px ;font-size: 9pt;font-family: Tahoma;color:#1C4758;padding-top: 1px; padding-bottom: 2px;line-height:1.5em;} .PostBody A:link{color:#258CF3;text-decoration: none;} .PostBody A:visited {color:#258CF3;text-decoration: none;} .PostBody A:hover{color:navy;text-decoration: underline;} .postdesc {font-size: 7pt;font-family: Tahoma;color:gray;padding-bottom: 10px} .postdesc A{font-size: 8pt;font-family: Tahoma;} A:link {color:#004977;text-decoration: none;} A:visited {color:#005F8E;text-decoration: none;} A:hover {color:#ffffff;text-decoration: none;} </style> <script language="javascript"> function GetBC(lngPostid) { 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="آرشيو نظرات"; if ( intCount==0) strResult="نظر بدهيد"; if ( intCount==1) strResult="يک نظر"; if ( intCount>1) strResult=intCount + " نظر" ; strUrl="http://commenting.blogfa.com/?blogid=" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ; strResult ="<a href=\"javascript:void(0)\" 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('LinkDump.aspx','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px'); return true; } </script> </head> <body> <div align =center> <div class ="Center"> <div class="HeaderBox" > <br><br><br><br><br><br><div class="BlogTitle" dir="rtl" ><p align="right" style="FILTER: blur(Strength=9); HEIGHT: 1px;WIDTH: 720px" dir=rtl><a href="<-BlogUrl->"><-BlogTitle-></a></p></div> </div> <div class="BlogSubTitle" dir="rtl" ><p style="FILTER: blur(Strength=9); HEIGHT: 1px;WIDTH: 720px" dir=rtl><span style="background-color: #006599"><-BlogDescription-></span></p></div> <div style="padding:10px"></div> <div class="Container"> <div style="height:100%"> <div class="Content"> <BLOGFA> <a name="<-PostId->"></a> <table border="0" cellpadding="0" style=" font-family:Tahoma; font-size:8pt" width="550" height="71"> <tr> <td width="7" height="22" > <td height="22" width="100%"> <div class="PostTitle" ><a href="<-PostLink->"><-PostTitle-></a></div></td> <td height="22" width="7"> </tr> <tr> <td colspan="3" class="123" style="border-left:1px solid #B1C3ED; border-right:1px solid #B1C3ED; border-top:1px solid #B1C3ED; padding:5px; color: #000000; font-family:Tahoma; font-size:9pt" valign="top"> <div class="postbody" ><-PostContent-> <BlogExtendedPost><br><a href="<-PostLink->">ادامه مطلب</a></BlogExtendedPost> </div></td> </tr> <tr> <td colspan="3" style="border-left:1px solid #B1C3ED; border-right:1px solid #B1C3ED; border-bottom:1px solid #B1C3ED; padding:0px; color: #000000; background-color: #F0F1E3; font-family:Tahoma; font-size:9pt" valign="top"> <div class="postdesc"> <a href="<-PostLink->" >+</a> نوشته شده در <-PostDate->ساعت <-PostTime-> توسط <-PostAuthor-> <BlogComment> | <span dir="rtl" > <script type="text/javascript">GetBC(<-PostId->);</script> </span> </BlogComment> </div> </td> </tr> </table> <br> </BLOGFA> </div> <div class="Sidebar">  <BlogProfile> <table border="0" cellpadding="0" style="border-collapse: collapse; font-family:Tahoma; font-size:8pt" > <tr> <td width="7" height="22" ></td> <td bgcolor="#176899" height="22" align="center" style=" background-repeat: repeat-x" width="100%"> درباره </td> <tr> <td colspan="3" class="s" style="padding:2px; color: #004977; border: 1px solid #B1C3ED; font-family:Tahoma; font-size:9pt" valign="top"> <div style="line-height: 120%;padding-bottom:7px;text-align: justify" > <BlogPhoto> <div style="padding-bottom:7px;text-align:center" > <img border ="0" src="<-BlogPhotoLink->" > </div> </BlogPhoto> <b><-BlogAbout-></b> </div> </td> </tr> </table> <div style="padding:5px"></div> </BlogProfile>   <table border="0" cellpadding="0" style="border-collapse: collapse; font-family:Tahoma; font-size:8pt" > <tr> <td width="7" height="22" ></td> <td bgcolor="#176899" height="22" align="center" style=" background-repeat: repeat-x" width="100%"> </td> <td height="22" width="7"> </tr> <tr> <td colspan="3" class="s" style="padding:2px; color: #000000; border: 1px solid #B1C3ED; font-family:Tahoma; font-size:9pt" valign="top"> <a href="<-BlogUrl->">صفحه نخست</a><br> <a href="mailto:<-BlogEmail->">پست الکترونيک</a><br> <a href="<-BlogArchiveLink->">آرشيو وبلاگ</a><br> </td> </tr> </table> <div style="padding:5px"></div>   <BlogLinkDumpBlock> <table border="0" cellpadding="0" style="border-collapse: collapse; font-family:Tahoma; font-size:8pt" > <tr> <td width="7" height="22" ></td> <td bgcolor="#176899" height="22" align="center" style=" background-repeat: repeat-x" width="100%"> پيوندهاي روزانه </td> <td height="22" width="7"> </tr> <tr> <td colspan="3" class="s" style="padding:2px; color: #000000; border: 1px solid #B1C3ED; font-family:Tahoma; font-size:9pt" valign="top"> <BlogLinkDump> <a href="<-LinkUrl->" target="_blank" title="<-LinkDescription->" ><-LinkTitle-></a><br> </BlogLinkDump> <a href="javascript:void(0)" onclick ="OpenLD();">آرشيو پيوندهاي روزانه</a> </td> </tr> </table> <div style="padding:5px"></div> </BlogLinkDumpBlock>   <table border="0" cellpadding="0" style="border-collapse: collapse; font-family:Tahoma; font-size:8pt" > <tr> <td width="7" height="22" ></td> <td bgcolor="#176899" height="22" align="center" style=" background-repeat: repeat-x" width="100%"> نوشته هاي پيشين </td> <td height="22" width="7"> </tr> <tr> <td colspan="3" class="s" style="padding:2px; color: #000000; border: 1px solid #B1C3ED; font-family:Tahoma; font-size:9pt" valign="top"> <span dir="ltr"> <BlogArchive> <a href="<-ArchiveLink->"><-ArchiveTitle-></a><br> </BlogArchive> </span> </td> </tr> </table> <div style="padding:5px"></div>   <BlogCategoriesBlock> <table border="0" cellpadding="0" style="border-collapse: collapse; font-family:Tahoma; font-size:8pt" > <tr> <td width="7" height="22" ></td> <td bgcolor="#176899" height="22" align="center" style=" background-repeat: repeat-x" width="100%"> آرشيو موضوعي </td> <td height="22" width="7"> </tr> <tr> <td colspan="3" class="s" style="padding:2px; color: #000000; border: 1px solid #B1C3ED; font-family:Tahoma; font-size:9pt" valign="top"> <BlogCategories> <a href="<-CategoryLink->" ><-CategoryName-></a><br> </BlogCategories> </td> </tr> </table> <div style="padding:5px"></div> </BlogCategoriesBlock>   <BlogAuthorsBlock> <table border="0" cellpadding="0" style="border-collapse: collapse; font-family:Tahoma; font-size:8pt" > <tr> <td width="7" height="22" ></td> <td bgcolor="#176899" height="22" align="center" style=" background-repeat: repeat-x" width="100%"> نويسندگان</td> <td height="22" width="7"> </tr> <tr> <td colspan="3" class="s" style="padding:2px; color: #000000; border: 1px solid #B1C3ED; font-family:Tahoma; font-size:9pt" valign="top"> <BlogAuthors> <a href="<-AuthorLink->" ><-AuthorName-></a><br> </BlogAuthors> </td> </tr> </table> <div style="padding:5px"></div> </BlogAuthorsBlock>   <BlogLinksBlock> <table border="0" cellpadding="0" style="border-collapse: collapse; font-family:Tahoma; font-size:8pt" > <tr> <td width="7" height="22" ></td> <td bgcolor="#176899" height="22" align="center" style=" background-repeat: repeat-x" width="100%"> پيوندها </td> <td height="22" width="7"> </tr> <tr> <td colspan="3" class="s" style="padding:2px; color: #000000; border: 1px solid #B1C3ED; font-family:Tahoma; font-size:9pt" valign="top"> <BlogLinks> <a href="<-LinkUrl->" target="_blank" ><-LinkTitle-></a><br> </BlogLinks> </td> </tr> </table> <div style="padding:5px"></div> </BlogLinksBlock>   <table border="0" cellpadding="0" style="border-collapse: collapse; font-family:Tahoma; font-size:8pt" > <tr> <td width="7" height="22" ></td> <td bgcolor="#176899" height="22" align="center" style=" background-repeat: repeat-x" width="100%"> لوگوي دوستان </td> <td height="22" width="7"> </tr> <tr> <td colspan="3" class="s" style="padding:2px; color: #004977; border: 1px solid #B1C3ED; font-family:Tahoma; font-size:9pt" valign="top"> <center><marquee direction="up" width="150" height="100" scrolldelay="30" scrollamount="2" onmouseover="stop();" onmouseout="start();"><center> <a href='http://www.somayeh-naz.BLOGFA.com/'><img border='0' src="http://tinypic.com/ehk9hx.gif"width='88' height='33' style='border: 1px solid #000000' alt="طراحي قالب-کدهاي html"></a> </center></td> </tr> </table> <div style="padding:5px"></div>   <table border="0" cellpadding="0" style="border-collapse: collapse; font-family:Tahoma; font-size:8pt" > <tr> <td width="7" height="22" ></td> <td bgcolor="#176899" height="22" align="center" style=" background-repeat: repeat-x" width="100%"> آمار وبلاگ </td> <td height="22" width="7"> </tr> <tr> <td colspan="3" class="s" style="padding:2px; color: #004977; border: 1px solid #B1C3ED; font-family:Tahoma; font-size:9pt" valign="top"> <script language="javascript" src="https://www.sharemation.com\tavoosi\bikaran.weblog\bikaran\yourcounter.js"></script> تعداد بازديد ها :<SCRIPT src="http://fastwebcounter.com/secure.php?s=<-BlogUrl->"></SCRIPT> <br> تعداد کاربران آنلاين : <font class="counter" size="1" dir="ltr"> <script language="javascript" src="http://www.fastusersonline.com/?sitename=<-BlogUrl->"> </script> </font> <br> تعداد بازديدهاي شما : <SCRIPT language="Javascript">document.write("" + visits + "بار")</SCRIPT> </td> </tr> </table> <div style="padding:5px"></div>   <table border="0" cellpadding="0" style="border-collapse: collapse; font-family:Tahoma; font-size:8pt" > <tr> <td width="7" height="22" ></td> <td bgcolor="#176899" height="22" align="center" style=" background-repeat: repeat-x" width="100%"> </td> <td height="22" width="7"> </tr> <tr> <td colspan="3" class="s" style="padding:2px; color: #000000; border: 1px solid #B1C3ED; font-family:Tahoma; font-size:9pt" valign="top"> <p style="text-align:center"> <a style="color: #FFFFFF; text-decoration: none; font-family: Arial; font-size: 8pt; background-color: #99C2D6" href="<-BlogXmlLink->"> RSS </a> <div align=center > <div style="padding:4px"></div> <font color="#808080" style="font-size: 7pt">POWERED BY</font><br> <a style="color: #1C4758; text-decoration: none;font-family:Verdana;font-weight:bold" href="http://www.blogfa.com/" > BLOGFA.COM</a> </div> <div align="center"><BR><font color="#808080" style="font-size: 7pt">Template Designer</font><br><B><a href="HTtp://somayeh-naz.blogfa.com"> SOMAYEH-NAZ </a></div></B> </td> </tr> </table> <div style="padding:5px"></div>  </div> </div> <div style="clear: both;"> </div> </div> </div> </div> </body> </html>  </body> </html> </body> </html> </body> </html>