اولین template و یه کار خفن

اولین قالب ما, اسم هم هنوز نداره
بطور کامل هم تموم نشده و شاید یه اشکال هایی داشته باشه
دوستان اگه یه اسم باحال براش پیدا بکنید ممنون میشیم
کدشو فعلآ اینجا میزارم تا همه استفاده بکنید ولی هفته بعد
ورژن کامل این قالب + چند تا قالب دیگه

و اما کد...
<!doctype html public "-//w3c//dtd html 4.0 transitional//fa"> <html> <head> <title>:: Smile v1.4 ::</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-style-type" content="text/css">  <meta http-equiv="imagetoolbar" content="no"> <meta content="true" name="mssmarttagspreventparsing">  <style type="text/css" media="all"> body { margin: 0; padding: 0; color: #3a4f6c; background-color: #466d94; text-align: center; font: 14px/20px arial, helvetica, tahoma, sans-serif; } #container { width: 710px; border: 5px solid #fff; padding: 0; text-align: justify; background-color: #edf0f5; margin: 3px auto 5px; } #logostrip { padding: 0; height: 80px; border: 1px solid #f4f4f4; background-color: #466d94; } #sublogo { padding: 4px 4px; background-color: #d1dceb; } #navcontainer ul { margin: 0; padding: 0; list-style-type: none; } #navcontainer ul li { display: inline; } #navcontainer ul li a { text-decoration: none; padding: 0.1em 1em; } #navcontainer ul li a:hover { color: #0099dd; text-decoration: none; } #logoname { letter-spacing: 1.0em; color: #d1dceb; margin: 48px 0 0 20px; font: bold 2.2em arial, verdana,sans-serif; } #logoname a:link, #logoname a:visited, #logoname a:active { letter-spacing: 1.0em; color: #d1dceb; font: bold 2.2em arial, verdana,sans-serif; } #logoname a:hover { letter-spacing: 1.0em; color: #f4f4f4; font: bold 2.2em arial, verdana,sans-serif; text-decoration: none; } a { color: #466d94; background: transparent; text-decoration: none; font: bold 11px/14px verdana,arial, helvetica, sans-serif; } a:link { color: #466d94; background: transparent; } a:visited { color: #83a4c6; background: transparent; } a:hover { color: #c60; background: transparent; text-decoration: underline; } h2 { margin: 0 0 3px 10px; padding: 3px; font-size: 11px; line-height: 14px; font-weight: 600; background-color: transparent; color: #3a4f6c; } h3 { margin: 3px 0 4px; padding: 3px 8px; background-color: transparent; border-left: 10px solid #d1dceb; color: #c60; font: 500 14px/16px georgia, verdana, arial, san-serif; } h6 { font-size: 14px; line-height: 110%; color: #fff; background-color: #6892b9; border-bottom: 0px dashed #94a6bc; margin-left:4px; margin-right:0; margin-top:8px; margin-bottom:8px; padding-left:0px; padding-right:6px; padding-top:4px; padding-bottom:4px } .loc { margin: 5px 0 5px 2px; padding: 4px; color: #c60; background-color: transparent; font: 500 12px/14px georgia, verdana, arial, san-serif; } h1, h4, h5, .storytitle, .storycategory, .storyauthor { margin: 6px 4px; padding: 0; font-size: 28px; line-height: 28px; font-weight: 700; color: #fff; background-color: #6892b9; } .posts { font-family: tahoma, times new roman, sans-serif; color: #000000; font-size: 8pt; border: 1px solid #e6e6e6; background-color: #fff; padding: 4px 15px 20px; margin: 2px 0 1px; } .postedby { font-size: 11px; color: #999; text-decoration: none; line-height: 14px; margin-left: 5px; } a.postedby { font-size: 11px; color: #ccc; text-decoration: none; line-height: 14px; margin-left: 5px; } h5, .storyauthor { font-size: 12px; font-style: normal; color: #fff; } p, .storycontent { font: 11px/20px verdana, arial, helvetica, sans-serif; margin: 0.8em 0 1em; line-height: 140%; } #content>p { margin: 0; } #content>p+p { text-indent: 30px; } .storycontent { font: 11px/16px verdana, geneva, arial, helvetica, sans-serif; color: #666; } .storycategory, .storyauthor { font-size: 12px; line-height: 14px; margin-left: 5px; } .blockquote { border-left: 1px solid #ccc; margin: 1.05em; padding-left: 8px; font: italic 11px/16px verdana, arial, helvetica, sans-serif; } .newlist { padding-right: 6px; margin-right: 10px; margin-left: 10px; font: 11px/16px verdana, tahoma, helvetica, sans-serif; } .newlist li { list-style: none; margin: 0; padding: 0.10em; } .navlist { list-style: none; border-right: 1px solid #d1dceb; border-left: 1px solid #d1dceb; padding-right: 6px; margin-left: 6px; } .navlist li { list-style: none; margin: 0; padding: 0; font-family: tahoma, times new roman, sans-serif; font-size: 12pt; margin: 0px; } .navlist li a { text-decoration: none; } .navlist li a:hover { text-decoration: underline; } #content>.storycontent { margin: 0; } #content>.storycontent+.storycontent { text-indent: 30px; } .imgholder img { background: #fff; padding: 4px; margin-left: 10px; border: 1px solid #a9a9a9; position: relative; } .imagepost { border: #ccc 1px solid; padding: 4px; margin: 2px 0; height: 90px; background-color: #fff; } .imagepost img { float: left; margin-right: 10px; margin-left: 2px; border: 0px none; } .thumbs { background-color: white; border: 1px solid #ccc; float: left; padding: 4px; margin: 2px 10px 2px 0; } .imgmiddle { margin-top: 12px; text-align: center; } .siteinput { color: #3a4f6c; vertical-align: middle; width: 100px; background: #f2f2f2; border: 1px solid #94a6bc; font: 9pt verdana, helvetica, sans-serif; } #content { border: 0px solid; padding: 5px; margin-right: 210px; background-color: transparent; margin-left:0; margin-top:0; margin-bottom:0 } #thanks { border: 0px solid; padding: 5px; margin: 12px; background-color: #f4f4f4 } #recentlistbox { padding: 0; margin-bottom: 0; text-align: left; float: left; width: 99.5%; border: 1px solid #ccc; background: #fff; } .recentlisttextfixed { float: left; margin: 0; padding: 0 10px; width: 130px; } .recentlisttextfloat { float: left; margin: 0; padding: 0 10px; width: 130px; } #footer { clear: both; padding: 5px; margin-top: 5px; background-color: #d5dbe5; } #menu-a { float: right; width: 190px; width: 200px; width: 190px; margin: 0 3px; padding: 5px 0 5px 6px; background-color: transparent; } #box { text-align: justify; width: 180px; height: 150px; background: #edf0f5; border-left: 1px solid #d1dceb; scrollbar-base-color: #edf0f5; scrollbar-arrow-color: #336699; scrollbar-shadow-color: #d1dceb; } .pad { padding: 5px; zoom: 50%; } .padright { padding-right: 10px; } .padright a { color: #466d94; background: transparent; text-decoration: none; font: bold 12px/16px tahoma, arial, helvetica, sans-serif; zoom: 200%; } .overflow { overflow: auto; width: 340px; height: 280px; zoom: 100%; } #menu h4 { margin: 12px 0 4px; } #copyr { text-align: center; vertical-align: middle; color: #ccc; background: transparent; font: 10px/16px tahoma, sans-serif; } .rightflush { text-align: right; margin-top: 10px; } .centerp { text-align: center; font-size: 10px; } .formlabel { clear: both; vertical-align: middle; border: 1px solid #e6e6e6; background-color: #fff; font-size: 11px; padding-right: 6px; margin-right: 6px; margin-left: 10px; } table { display: none; } </style> <link rel="alternate" type="text/xml" title="rss 2.0" href="http://n.blogsky.com/rss.asp"> <script>  </script> </head> <body> <a name="top"></a>  <div id="container"> <div id="logostrip"> <div id="logoname"> <p><a href="http://n.blogsky.com" title="n">Smile v1.4</a></p> </div> </div> <div id="sublogo"> <div id="navcontainer"> <ul> <li><a href="http://www.blogsky.com" target="_blank">powerd by blogsky!</a></li> </ul> </div> </div>  <div id="menu-a" dir="rtl"> <h6>:: فهرست ::</h6> <div class="navlist"> <div class="formlabel"> <br> <a href="http://n.blogsky.com">صفحه اصلی</a><br><br> <a onclick="window.open ('http://n.blogsky.com/email.asp','_blank','width=370, height=400, scrollbars=yes, resizable=yes');" href="#"><span dir='rtl'>مکاتبه با N</span></a><br><br> <a href="ymsgr:sendim?yahoouser">یاهو مسنجر<img src="http://opi.yahoo.com/online?u=yahoousername&m=g&t=3" border="0"></a><br> <br> </div> </div> <br> <h6>:: آرشیو یادداشت ها ::</h6> <div id="box"> <div class="pad"> <div class="overflow" dir="ltr"> <div class="padright"> <br> [+archivelist] [#archivelistitem]<br> [-archivelist] <br> </div> </div> </div> </div> <h6>:: لوگو ::</h6> <div class="formlabel" align="center"> <div class="navlist"> <form name="logo"> <img src="http://www.blogsky.com/logo/n.gif" onclick="javascript:highlightall('logo.text')" width="88" height="31"><br>:: link 2 us ::<br> <input value='<a href="http://n.blogsky.com"><img src="http://www.blogsky.com/logo/n.gif" border="0"></a>' name='text' class="siteinput" size="20"> </form> </div> </div> <h6>:: دوستان ::</h6> <div class="navlist" align="center"> <a href="http://n.blogsky.com" target="_blank">nnn</a><br> <a href="#link of weblog" target="_blank">لینک شما</a><br> <a href="#link of weblog" target="_blank">لینک شما</a><br> <a href="#link of weblog" target="_blank">لینک شما</a><br> <a href="#link of weblog" target="_blank">لینک شما</a><br> </div> <br> <h6>:: آمار ::</h6> <div class="formlabel" align="center"> <div class="navlist"> <br>تعداد بازدیدکنندگان<br><b>10</b>  <br>آنلاین <b><script src="http://tools.majidonline.net/online.php?site=http://n.blogsky.com" type=text/javascript></script></b> نفر <br>  <br> </div> </div> <h6>:: rss ::</h6> <div class="navlist" align="center"> <a href="http://n.blogsky.com/rss.asp"><img border="0" src="http://n.blogsky.com/images/rss.gif"></a><br> </div> <br> <h6>:: طراحی قالب ::</h6> <div class="navlist"> <div class="formlabel" align="center"> <br><a href="http://n.blogsky.com" target="_blank"><img src="http://www.blogsky.com/logo/n.gif" width="88" height="31" border="0" alt="n.blogsky.com"></a> <br>n.blogsky.com<br><br> </div> </div> </div>    <div id="content" dir="rtl"> [+blogsky] <div align=left> <h2>[#date]</h2> </div> <div> <h5>[#headline]</h5> </div> <div class="storycontent"> <div class="posts"> [#text] <br><br><br> <a class="postedby" href="?PostId=71">+ نوشته شده توسط N در ساعت [#time]</a> </div> <div class="rightflush" align="left"> <a onclick="window.open ('http://n.blogsky.com/comments.asp?PostId=71','_blank','width=370, height=400, scrollbars=yes, resizable=yes');" href="javascript:void(0)"> نظرات [0] </a> :: <a title="page top" href="#top">top</a> <br> </div> </div> [-blogsky] </div> </div> </div>  <div id="copyr" align=center> <b>n.blogsky.com ©2004 all rights reserved!</b> </div>  </body> </html>
اینم نمونه وبلاگی که از این قالب استفاده شده
html.blogsky.com

برای قالب قسمت نظرات هم
فعلآ از این کد رنگ ( 466d94 ) برا Background استفاده بکنید.
اگه کسی از این قالب استفاده کرد میتونه تو قسمت نظرات اعلام بکنه
تا version جدید رو بمحض درست شدن براشون بفرستم.

توجه:
دوستانی که میخواهند قالب جدید ما رو تو وبلاگشون معرفی بکنند
ذکر آدرس n.blogsky.com اجباری میباشد

Norik سه‌شنبه 30 تیر‌ماه سال 1383 ساعت 08:37 ق.ظ

نظرات 2 + ارسال نظر

سپنتا پنج‌شنبه 1 مرداد‌ماه سال 1383 ساعت 06:06 ق.ظ http://sepanta.blogsky.com

سلام کارتون خیلی خوبه من فکر کنم اسم آبی آرام برا این قالب خوب باشه.
رفیق به وبلاگ من سر بزن من یک قالب میخوام اگه بتونی چیز باکلاسی برام طراحی کنی ممنون میشم ببین مطالب من تو چه زمینه ای است اگه تونستی یک کاری بکن ممنون