کد قالب اصلی
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"><html><head> <head:meta></head:meta><head:meta></head:meta><head:meta></head:meta><head:meta></head:meta> <head:script></head:script> <head:style></head:style> <link href="style.css" rel="stylesheet" type="text/css"> <link href="http://s6.picofile.com/file/8378644292/l_ogo.png" rel="icon"> </head> <body> <div class="b"> <div class="sa"> <box:blog_info> <div class="bl mn"> <h1>درباره</h1> <check:if blog_image> <center><img alt="(*blog_title*)" src="(*blog_image*)"></center> </check:if> <p> <check:if blog_description> (*blog_description*) </check:if> </p></div> </box:blog_info> <box:ads> <div class="bl"> <h1>تبلیغات</h1> <view:ads><br> <center>(*ad*)</center> </view:ads> <br></div> </box:ads> <div class="bl"> <h1>پیوندهای روزانه</h1> <a href="http://arshiatheme.blog.ir/" target="_blank"><li>عرشیا تم</li></a> <box:daily_links> <view:daily_links> <a alt="(*link_alt*)" href="(*link_url*)" target="_blank"><li>(*link_name*)</li></a> </view:daily_links> </box:daily_links> </div> <box:tag_cloud> <div class="bl"> <h1>کلمات کلیدی</h1> <view:tag_cloud> <a class="(*tag_selected*)" href="(*tag_link*)"><li>(*tag_name*)</li></a> </view:tag_cloud> </div> </box:tag_cloud> <box:archive> <div class="bl"> <h1>بایگانی</h1> <view:archive> <a href="(*link_url*)" title="(*link_count*)"><li>(*link_name*) </li></a> </view:archive> </div> </box:archive> </div> <div class="sb"> <!--هیدر قالب--> <!--باتغییر لینک زیر هیدر وبلاگتون رو عوض کنید--> <header style="background:url(http://s7.picofile.com/file/8379895742/hd.jpg);"> <!--هیدر قالب--> <a href="#"><img src="http://s7.picofile.com/file/8378167318/3.png"></a> <a href="#"><img src="http://s7.picofile.com/file/8378167326/4.png"></a> <a href="#"><img src="http://s6.picofile.com/file/8378167334/5.png"></a> <a href="#"><img src="http://s6.picofile.com/file/8378167342/6.png"></a> <a href="#"><img src="http://s6.picofile.com/file/8378167368/7.png"></a> <a href="#"><img src="http://s6.picofile.com/file/8378167350/8.png"></a> </header> <box:menu> <div class="nav"> <a href="(*blog_link*)"><h3>صفحه اصلی</h3></a> <view:menu><a href="(*menu_item_link*)"><h3>(*menu_item_title*)</h3></a></view:menu> <a href="(*rss_link*)"><h3>آر اس اس</h3></a> </div> </box:menu> <div class="blb"> <h1>عنوان آخرین مطالب</h1> <box:recent_posts> <div class="blba"> <view:recent_posts> <a href="(*post_link*)"><li>(*post_title*)</li></a> </view:recent_posts> </div> </box:recent_posts> </div> <div class="blbe"> <h1>آخرین نظرات</h1> <box:recent_comments> <div class="blba"> <view:recent_comments> <a href="(*comment_link*)"><li><img src="(*comment_avatar*)">(*comment_body_text max="25"*)</li></a> </view:recent_comments> </div> </box:recent_comments> </div> <box:messages> <div class="more"> <view:messages> (*message*) </view:messages> </div> </box:messages> <!--شرح مطالب--> <box:post_detail> <div class="more"> <h3><a href="(*post_link*)">(*post_title*)</a></h3> <div style="margin:5px;"> <div class="c"><img src="(*post_image*)"></div> (*post_full_content*) </div> <span style="font:1px tahoma;color:#fff;"> (*post_author*) (*post_date*) </span> <img src="http://s7.picofile.com/file/8378167450/tag.png" style="width:25px;float:right;"> <div class="aa"> <box:post_tags> <view:post_tags> <check:if tag_is_first> <a href="(*tag_link*)">(*tag_name*)</a> </check:if> </view:post_tags> </box:post_tags> </div> </div> <box:post_comments> <a name="comments"></a> <div class="more"> <h3><a href="(*post_link*)#comments">نظرات ((*post_comment_count*))</a></h3> <check:if not post_comment_count> <center>هیچ نظری هنوز ثبت نشده است</center> </check:if> <view:post_comments> <div class="coments"> <h1> <img src="(*comment_avatar*)"> <div class="mnb"><a target="self" href="(*comment_website*)" style="float:right;margin-right:10px;background:;">(*comment_fullname*)</a><a style="float:left;margin-right:10px;">(*comment_date*)</a> </div> <a name="comment-(*comment_id*)"></a> <check:if comment_website> <a href="(*comment_website*)" rel="nofollow" target="_blank" title="(*comment_website*)"></a> </check:if> <check:if comment_email> <a href="mailto:(*comment_email*)" title="(*comment_email*)"></a> </check:if> <br>(*comment_body*) </h1> <check:if comment_reply> <h2> <img src="(*comment_reply_avatar*)"> <div class="mnc"><a style="float:right;margin-right:10px;">(*comment_reply_fullname*)</a><a style="float:left;">(*comment_reply_date*)</a></div> <span style="color:#d00;margin-right:10px;"> (*comment_reply*)</span> </h2> </check:if> </div></view:post_comments> <div style="margin-left:80px;margin-right:80px;"> <check:if post_has_send_comment> <a name="send_comment"></a> (*comment_add_form*)<br> </check:if> </div></div> </box:post_comments> </box:post_detail> <!--شرح مطالب--> <!--صفحات اضافی--> <box:page_detail> <div class="more"> <h3><a href="(*page_link*)">(*page_title*)</a></h3> <div style="margin:5px;">(*page_content*)</div> </div> <box:page_comments> <a name="comments"></a> <div class="more"> <h3><a href="(*page_link*)#comments">نظرات ((*page_comment_count*))</a></h3> <check:if not page_comment_count> <center>هیچ نظری هنوز ثبت نشده است</center> </check:if> <view:page_comments> <div class="coments"> <h1> <img src="(*comment_avatar*)"> <div class="mnb"><a target="self" href="(*comment_website*)" style="float:right;margin-right:10px;background:;">(*comment_fullname*)</a><a style="float:left;margin-right:10px;">(*comment_date*)</a> </div> <a name="comment-(*comment_id*)"></a> <check:if comment_website> <a href="(*comment_website*)" rel="nofollow" target="_blank" title="(*comment_website*)"></a> </check:if> <check:if comment_email> <a href="mailto:(*comment_email*)" title="(*comment_email*)"></a> </check:if> <br>(*comment_body*) </h1> <check:if comment_reply> <h2> <img src="(*comment_reply_avatar*)"> <div class="mnc"><a style="float:right;margin-right:10px;">(*comment_reply_fullname*)</a><a style="float:left;">(*comment_reply_date*)</a></div> <span style="color:#d00;margin-right:10px;"> (*comment_reply*)</span> </h2> </check:if> </div></view:page_comments> <div style="margin-left:80px;margin-right:80px;"> <check:if page_has_send_comment> <a name="send_comment"></a> (*comment_add_form*) <br></check:if> </div></div> </box:page_comments> </box:page_detail> <!--صفحات اضافی--> <!--post--> <box:post_list> <view:post_list> <div class="post"> <h3><a href="(*post_link*)">(*post_title*)</a></h3> <h4> <img src="(*post_image*)"> (*post_summary*) </h4> <h5> <box:post_rating>(*user_rated*) <a href="(*rate_up_link*)">(*user_rated_up*)<img src="http://s7.picofile.com/file/8378167418/l.png"></a> <a href="(*rate_down_link*)">(*user_rated_down*)<img src="http://s6.picofile.com/file/8378167434/lk.png"></a> </box:post_rating> <img src="http://s6.picofile.com/file/8378167376/au.png"> <div style="float:right;margin:2px 10px 2px 0;color:#333;">(*post_author*)</div> <div class="aaa"> <a href="(*post_link*)">بیشتر بدانید...</a> <a href="(*post_link*)#comments" title="تاکنون (*post_comment_count*) دیدگاه مطرح شده">اشتراک دیدگاه</a> </div> </h5> </div> </view:post_list> </box:post_list> <!--post--> <box:pagination><center><div class="more aa"> <check:if page_prev> <a href="(*page_prev*)">قبل</a> </check:if> <view:pages spec="3,2,2,2,3,2"> <check:if page_num> <a href="(*page_link*)" class="(*page_current*)">(*page_num*)</a> </check:if> <check:if not page_num> <a>. . .</a> </check:if> </view:pages> <check:if page_next> <a href="(*page_next*)">بعد</a> </check:if></div> </center></box:pagination> </div> <div class="sc"> <box:categories> <div class="bl"> <h1>موضوعات</h1> <view:categories> <check:if category_selected> <a title="((*category_post_count*))"><li>(*category_name*)</li></a> </check:if> <check:if not category_selected> <a href="(*category_link*)" title="((*category_post_count*))"><li>(*category_name*)</li></a> </check:if> <check:if category_children> <view:category_children></view:category_children> </check:if> </view:categories> </div> </box:categories> <div class="bl"> <h1>لینکستان</h1> <box:links> <view:links> <a alt="(*link_alt*)" href="(*link_url*)" target="_blank"><li>(*link_name*)</li></a> </view:links> </box:links> <a href="http://arshiatheme.blog.ir/" target="_blank"><li>عرشیا تم</li></a> </div> <box:authors> <div class="bl"> <h1>نویسندگان</h1> <view:authors> <a href="(*author_link*)" title="((*author_post_count*))"><li>(*author_name*) </li></a> </view:authors></div> </box:authors> <box:stat> <div class="bl"> <h1>آمار بازدید</h1> <view:stat> <li>(*stat_title*) : (*stat_value*)</li> </view:stat> </div> </box:stat> </div> <footer> کلیه حقوق مادی و معنوی برای <a href="(*blog_link*)">(*blog_title*)</a> محفوظ است.<br> (*copyright_notice*)<br> طراحی و کدنویسی: <a href="http://arshiatheme.blog.ir/" target="_blank">عرشیا تم</a> </footer> </div> </body></html>
کد سی اس اس
body{background:url(http://s7.picofile.com/file/8379895750/bg.png) #389CAD; direction:rtl;font-family:b koodak ;src: url('BKoodkBd.ttf') format('ttf'); font-size:16px;text-align:justify;height:;} a{text-decoration:none;color:#333;} a:hover{transition: all 500ms ease-in;} .b{width:1060px;margin:auto;} .sa{width:200px;float:right;margin:8px;} .sb{width:610px;float:right;margin:8px 8px 8px 6px;} .sc{width:200px;float:right;margin:8px 0 0 0;} header{width:600px;height:190px;border:5px solid #fff;border-radius:8px;} header img{height:24px;margin:3px;border-radius:5px;border:1px solid #fff;} .bl{background:#fff;width:200px;border-radius:8px;padding:5px;margin-bottom:5px;float:right;} .bl h1{background:url(http://s7.picofile.com/file/8379895768/b.jpg); height:30px;font-size:16px;text-align:center;margin:0;text-shadow:0 0 10px #fff;border-radius:5px;} .h{background:#92AEDA;width:190px;font-weight:bold;border:1px solid #6D94CD;text-align:justify;border-radius:2px;margin:4px;text-align:center;} .h:hover{background:#6D94CD;}.h p{margin:5px;} .blba img{height:40px;width:40px;float:right;border-radius:50%;margin:0 0 0 5px;} li{list-style-type: none;padding: 2px 5px;margin:3px;border:1px dashed #ccc;border-radius:5px;font-size:15px;float:right;width:91%;transition: all 300ms ease-in;} li:hover{background:#FFF46C;border:1px dashed #ccc;transition: all 300ms ease-in;} .bl a:hover{color:#d00;} .nav{background:#fff;width:575px;height:25px;float:right;padding:5px 10px 7px 15px;margin:6px 0 6px 0;border-radius:10px;border-right:5px solid #FDB709;border-left:5px solid #FDB709;} .nav h3{margin:0;font:16px b koodak;border:1px solid #999;border-radius:10px;float:right;line-height:25px;padding:0 10px 0 10px;border-right:5px solid #FDB709;border-left:5px solid #FDB709;height:25px;margin-left:5px;} .nav h3:hover{background:#FFF9AE;transition: all 300ms ease-in;} .blb{background:#fff;width:292px;border-radius:8px;padding:5px;margin:0 0 2px 5px;float:right;} .blba{overflow:auto;height:250px;} .blb h1{height:30px;font:16px b koodak;text-align:center;margin:0 0 8px 0;text-shadow:0 0 10px #fff;line-height:30px;border:1px solid #FFE8B0;border-radius:8px;border-right:5px solid #FDB709;border-left:5px solid #FDB709;} .blbe{background:#fff;width:292px;border-radius:8px;padding:5px;margin:0 0 2px 0;float:right;} .blbe h1{height:30px;font:16px b koodak;text-align:center;margin:0 0 8px 0;text-shadow:0 0 10px #fff;line-height:30px;border:1px solid #FFE8B0;border-radius:8px;border-right:5px solid #FDB709;border-left:5px solid #FDB709;} .post{background:#fff;width:600px;border-radius:8px;padding:5px;margin:5px 0 0 0;float:right;} .post h3{background:#FFF9AE;height:30px;font:16px b koodak;margin:0;text-shadow:0 0 10px #fff;border-radius:10px;border-right:5px solid #FDB709;border-left:5px solid #FDB709;text-align:center;}.post h3 a{color:#389CAD;}.post h3 a:hover{color:#d00;} .post h4{font:14px b koodak;margin:5px;border-radius:5px;color:#333;line-height:18px;} .post h4 img{border-radius:8px;margin:5px 0 0 8px;opacity: 0.8;} .post h4 img:hover{opacity: 10.10;transition: all 300ms ease-in;} .post h5{background:#FFF4D9;height:30px;font:14px b koodak;text-align:center;margin:0;text-shadow:0 0 10px #fff;border-radius:5px;}.aaa a{background:#FFE8B0;text-shadow:0 0 10px #fff;padding:0 8px 0 8px;margin:3px 5px 3px 5px;height:24px;border-radius:5px;float:left;}.aaa a:hover{background:#fff;}.post h5 img{height:25px;float:right;margin:2px 15px 0 0;} footer{background:#fff;height:80px;width:1023px;padding:10px;float:right;border-radius:8px;margin:0 7px 5px 0;text-align:center;color:#333;border-top:3px solid #FDB709;border-bottom:3px solid #FDB709;} .more{background:#fff;width:600px;border-radius:8px;padding:5px;margin:5px 0 0 0;float:right;} .more h3{background:#FFF9AE;height:30px;font:16px b koodak;margin:0;text-shadow:0 0 10px #fff;border-radius:10px;border-right:5px solid #FDB709;border-left:5px solid #FDB709;text-align:center;}.more h3 a{color:#389CAD;}.more h3 a:hover{color:#d00;} .more h4{font-size:15px;margin:5px;border-radius:5px;color:#333;} .c img{width:500px;height:280px;border-radius:8px;margin:5px 50px 10px 0;opacity: 0.8;} .c img:hover{opacity: 10.10;transition: all 300ms ease-in;} .mn{font-size:15px;color:#333;}.mn img{width:190px;border-radius:8px;margin:5px;} .aa a{background:#FFE8B0;text-shadow:0 0 10px #fff;padding:0 8px 0 8px;margin:0 5px 0 0;height:24px;border-radius:5px;float:right;line-height:23px;}.aa a:hover{background:#ccc;} .nv img{width:41px;height:41px;border:1px solid #eee;border-radius:10px;margin:2px;} .coments{margin:5px;font:14px b koodak;} .coments h1{width:98%;font:14px b koodak;background:#FFF9AE;border-radius:5px;border:1px solid #ccc;float:right;padding:5px;line-height:17px;} .coments h1 img{float:right;width:50px;border-radius:5px;border:1px solid #eee;margin-left:10px;} .coments h2 img{float:right;width:50px;border-radius:5px;border:1px solid #eee;margin-left:10px;} .coments h2{width:95%;font:14px b koodak;background:#FFF9AE;border-radius:5px;border:1px solid #999;float:right;padding:5px;margin:0 18px 0 0;line-height:17px;} .mnb{background:#FFF4D9;float:right;width:88%;padding:2px;border-radius:3px;border:1px solid #ccc;} .mnc{background:#FFF4D9;float:right;width:87%;padding:2px;border-radius:3px;border:1px solid #ccc;} .hidden{font:1px tahoma;color:#fff;}.hidden a{font:1px tahoma;color:#fff;}
را نگه دارید ctrl و a برای اینکه تمام متن را بگیرید کلید