قالب دخترانه بلاگفا بلک تم

قالب دخترانه بلاگفا

قالب بسیار قشنگ و حرفه‌ای تمامی اون چیزی که از یک قالب انتظار دارید رو داره ، قالب خیلی منظم و شیک هستش ، با توجه به تعداد دانلودها و وبلاگ‌هایی که ازین قالب راضی بودن میتونم اطمینان بدم تغییرش نمیدین مگه اینکه پاره یا پوسیده بشه :))

  • فونت فارسی ساحل
  • منوی کشویی
  • ریسپانسیو و واکنشگرا
  • آیکون‌های شبکه اجتماعی

کپی کد قالب

<!DOCTYPE html>
<html>
<head>
<!-- Template made by // www.blacktheme.ir // copy url -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><-BlogAndPostTitle-></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="content-language" content="fa">
<meta name="description" content="<-BlogMetaDescription->">
<meta name="generator" content="blogfa.com">
<meta property="og:title" content="<-AutoPageTitle->">
<meta property="og:site_name" content="<-BlogTitle->">
<meta property="og:description" content="<-BlogMetaDescription->">
<meta name="twitter:title" content="<-AutoPageTitle->">
<meta name="twitter:description" content="<-BlogMetaDescription->">
<link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" />
<link type="text/css" rel="stylesheet" href="https://cdn.rawgit.com/rastikerdar/sahel-font/v3.4.0/dist/font-face.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="http://theme.blogfa.com/public/theme.1.2.js"  type="text/javascript" ></script>
<script type="text/javascript">
 try {
  cmt_caption[0]="نظرات";
  cmt_caption[1]="نظر بدهید";
  cmt_caption[2]="یک نظر";
  cmt_caption[3]="نظر";
  cmt_blogid="<-BlogId->";
  }
  catch(e) {}
 
</script>
<style>
html{line-height:1.15;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}body{margin:0;color:#111;text-align:right;background:#fff;font-family:sahel,sans-serif,tahoma,arial;font-weight:400;font-size:12pt;line-height:1.8;overflow-y:scroll;overflow-x:hidden}img{max-width:100%}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none;color:inherit;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}a:hover{opacity:.5}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;width:100%;max-width:1200px;direction:rtl}@media screen and (min-width:576px){nav .container{max-width:100%}}@media screen and (min-width:768px){#append-navlink{display:none}}@media screen and (min-width:1200px){.container{max-width:1140px}nav .container{max-width:1140px}}.blacktheme-parallax{position:relative;background-size:cover;background-repeat:no-repeat;min-height:100vh;width:100%;top:0;left:0;background-position:50% 0}.blacktheme-overlay{position:absolute;top:0;left:0;z-index:1;opacity:.6;height:100%;width:100%;background:#f200ff;background:-moz-linear-gradient(-45deg,#f200ff 0,#ffba42 100%);background:-webkit-gradient(left bottom,right top,color-stop(0,#f200ff),color-stop(100%,#ffba42));background:-webkit-linear-gradient(-45deg,#f200ff 0,#ffba42 100%);background:-o-linear-gradient(-45deg,#f200ff 0,#ffba42 100%);background:-ms-linear-gradient(-45deg,#f200ff 0,#ffba42 100%);background:linear-gradient(-45deg,#f200ff 0,#ffba42 100%)}nav{margin-top:30px;color:#fff;position:absolute;top:0;width:100%;z-index:2;padding:10px 0;font-size:22pt;font-weight:700}nav .container{display:flex;align-items:center;flex-direction:row;justify-content:space-between}nav .navlink{font-weight:500;font-size:18pt}nav .navlink a{margin-left:35px}nav .navlink .collapse-icon{display:none}@media screen and (max-width:768px){nav{background:#222;margin-top:0}.navlink a{display:none}nav .navlink .collapse-icon{display:inline-block}nav .navlink{font-size:14pt}nav{font-size:18pt}.blacktheme-blog h1{font-size:2.5rem!important}}#append-navlink .navlink{display:none}#append-navlink .navlink a{display:block;margin:5px 0}#append-navlink .navlink .collapse-icon{display:none!important}.collapse-icon i{font-size:18pt;display:block}.nav-fix{position:fixed;margin-top:-100px;background:#fff;color:#111;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.1);box-shadow:0 0 10px 0 rgba(0,0,0,.1);font-size:18pt}.nav-fix .navlink{font-size:14pt}.nav-show{margin-top:0!important;-webkit-transition:.3s all ease-out;-o-transition:.3s all ease-out;transition:.3s all ease-out}.nav-sleep{margin-top:-100px;-webkit-transition:.3s all ease-out;-o-transition:.3s all ease-out;transition:.3s all ease-out}.blacktheme-blog{padding-top:250px;text-align:right;position:relative;bottom:0;width:100%;right:0;z-index:1;color:#fff;padding-bottom:25px}.blacktheme-blog h1{margin:0;padding:0;font-size:5vw;font-weight:800}.blacktheme-blog h2{margin:0;padding:0;font-size:16pt;font-weight:600;opacity:.8}.blacktheme-blog .direct{font-size:2rem;margin:50px 0;display:block;height:80px;overflow:hidden;width:30px;text-align:center;position:relative}.blacktheme-blog .direct i{animation:1.6s ease infinite arrow;-webkit-animation:1.6s ease infinite arrow}@keyframes arrow{100%{margin-top:50px;opacity:1}30%{opacity:1}0%{margin-top:2px;opacity:0}}h2,h3,h4,h5,h6{margin:0}.blacktheme-pst-wrp{background:#fff;margin:25px 0;padding:20px 0;position:relative;display:flex;flex-direction:row;align-self:stretch;flex-wrap:nowrap;border-radius:10px;-webkit-box-shadow:0 0 25px 0 hsla(0,0%,0%,.15);box-shadow:0 0 25px 0 hsla(0,0%,0%,.15)}.blacktheme-pst-wrp .fa{background:-moz-linear-gradient(-45deg,#f200ff 0,#ffba42 100%);background:-webkit-gradient(left bottom,right top,color-stop(0,#f200ff),color-stop(100%,#ffba42));background:-webkit-linear-gradient(-45deg,#f200ff 0,#ffba42 100%);background:-o-linear-gradient(-45deg,#f200ff 0,#ffba42 100%);background:-ms-linear-gradient(-45deg,#f200ff 0,#ffba42 100%);background:linear-gradient(-45deg,#f200ff 0,#ffba42 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blacktheme-pst-wrp .right{min-width:65%;padding:0 20px}.blacktheme-pst-wrp .right img{height:auto}.blacktheme-pst-wrp .left{min-width:35%;padding:0 20px;border-right:1px solid #efefef;position:relative}.blacktheme-pst-wrp .left .parent-box{position:-webkit-sticky;position:sticky;top:73px}.blacktheme-pst-wrp .left .parent-box .box{padding:10px 0}.blacktheme-pst-wrp .left .parent-box .box h6{font-size:12pt;color:#777;font-weight:600;display:flex;align-items:center}.blacktheme-pst-wrp .left .parent-box .box h6 i{font-size:20pt;margin-left:10px;width:30px;height:30px;line-height:30px;text-align:center}.blacktheme-pst-wrp .left .parent-box .box h6 a{margin-left:10px}.blacktheme-pst-wrp .right h2{font-size:20pt;margin-bottom:25px}.blacktheme-pst-wrp .right a{color:#777}.blacktheme-pst-wrp .right h2 a{color:#111}@media screen and (max-width:768px){.blacktheme-pst-wrp{flex-wrap:wrap}.blacktheme-pst-wrp .left{border:none;border-top:1px solid #f1f1f1;min-width:100%;padding:10px 20px}.blacktheme-pst-wrp .right{min-width:100%;padding-bottom:10px}.blacktheme-pst-wrp .left .parent-box{position:relative;top:0}}.clear{clear:both}.pagination{margin:25px auto}.pagination a{padding:10px;color:#111;font-size:16pt;font-weight:600;background:-moz-linear-gradient(-45deg,#f200ff 0,#ffba42 100%);background:-webkit-gradient(left bottom,right top,color-stop(0,#f200ff),color-stop(100%,#ffba42));background:-webkit-linear-gradient(-45deg,#f200ff 0,#ffba42 100%);background:-o-linear-gradient(-45deg,#f200ff 0,#ffba42 100%);background:-ms-linear-gradient(-45deg,#f200ff 0,#ffba42 100%);background:linear-gradient(-45deg,#f200ff 0,#ffba42 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pagination .prev{float:right}.pagination .next{float:left}.sidebar{background:#222831;color:#fff;padding:20px 0}.sidebar .container{-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;orphans:1;widows:1;-webkit-column-count:3;-moz-column-count:3;column-count:3}.sidebar ul{padding:0;margin:0;opacity:.9}.sidebar li{list-style:none}.sidebar .container .box h6{font-size:16pt;margin-bottom:20px;display:flex;flex-direction:row;align-items:center}.sidebar .container .box h6 i{font-size:26pt;margin-left:20px;background:-ms-linear-gradient(-45deg,#f200ff 0,#ffba42 100%);background:-moz-linear-gradient(-45deg,#f200ff 0,#ffba42 100%);background:-webkit-gradient(left bottom,right top,color-stop(0,#f200ff),color-stop(100%,#ffba42));background:-webkit-linear-gradient(-45deg,#f200ff 0,#ffba42 100%);background:-o-linear-gradient(-45deg,#f200ff 0,#ffba42 100%);background:-ms-linear-gradient(-45deg,#f200ff 0,#ffba42 100%);background:linear-gradient(-45deg,#f200ff 0,#ffba42 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar .container .box{display:inline-block;font-size:12pt;width:100%;margin:40px 0}.sidebar .container .box img{display:block}@media screen and (max-width:992px){.sidebar .container{-webkit-column-count:2;-moz-column-count:2;column-count:2}}@media screen and (max-width:576px){.sidebar .container{-webkit-column-count:1;-moz-column-count:1;column-count:1}.sidebar .container .box{padding:0 10px}}footer{background:#111;color:#fff;text-align:center;padding:20px 0}footer .icon{display:block;margin-bottom:10px;font-size:16pt}footer .icon a{display:inline-block;margin:5px}
</style>
</head>
<body>
<header>

    <nav>
        <div class="container">
            <div class="navlink">
                <a href="javascript:void(0)" class="collapse-icon"><i class="fa fa-navicon"></i></a>
                <a href="/">خانه</a>
                <BlogProfileLinkBlock><a href="<-BlogProfileLink->">پروفایل</a></BlogProfileLinkBlock>
                <BlogEmailBlock><a href="mailto:<-BlogEmail->">ایمیل</a></BlogEmailBlock>
                <a href="<-BlogArchiveLink->">آرشیو</a>
                <a href="/posts/">مطالب</a>
            </div>

            <div>
                <a href="<-BlogUrl->"><-BlogTitle-></a>
            </div>
        </div>
        <div id="append-navlink" class="container"></div>
    </nav>

    <div class="blacktheme-parallax" style="background-image: url('http://s7.picofile.com/file/8390544100/%D9%82%D8%A7%D9%84%D8%A8_%D8%AF%D8%AE%D8%AA%D8%B1%D8%A7%D9%86%D9%87.jpg')" data-speed="4">
        <div class="blacktheme-overlay"></div>
        <div class="blacktheme-blog">
            <div class="container">
                <h1><a href="<-BlogUrl->"><-BlogTitle-></a></h1>
                <h2><-BlogDescription-></h2>
                <a href="#content" class="direct">
                    <i class="fa fa-chevron-down"></i>
                </a>
            </div>
        </div>
    </div>

</header>
<section class="container content" id="content">
    <BLOGFA>
        <div class="blacktheme-pst-wrp">
            <div class="right">
                <h2><a href="<-PostLink->"><-PostTitle-></a></h2>
                <-PostContent->
                <BlogExtendedPost><a href="<-PostLink->">ادامه نوشته</a></BlogExtendedPost>
            </div>
            <div class="left">
                <div class="parent-box">
                    <div class="box">
                        <h6><i class="fa fa-user"></i> <-PostAuthor-></h6>
                    </div>
                    <div class="box">
                        <h6><i class="fa fa-calendar"></i> <-PostDate-></h6>
                    </div>
                    <div class="box">
                        <h6><i class="fa fa-clock-o"></i> <-PostTime-></h6>
                    </div>
                    <BlogComment>
                        <div class="box">
                            <h6><i class="fa fa-comment"></i> <span dir="rtl" comment-for="<-PostId->"></span></h6>
                        </div>
                    </BlogComment>
                    <BlogPostTagsBlock>
                        <div class="box">
                            <h6><i class="fa fa-thumb-tack"></i> <BlogPostTags><a href="<-TagLink->"><-TagName-></a></BlogPostTags></h6>
                        </div>
                    </BlogPostTagsBlock>
                </div>
            </div>

        </div>
    </BLOGFA>

    <BlogNextAndPreviousBlock>
        <div class="pagination">
        <BlogPreviousPageBlock>
        <a href="<-BlogPreviousPageLink->" class="prev"  >مطالب جدیدتر</a>
        </BlogPreviousPageBlock>
        <BlogNextPageBlock>
        <a href="<-BlogNextPageLink->" class="next" >مطالب قدیمی‌تر</a>
        </BlogNextPageBlock>
            <div class="clear"></div>
        </div>
    </BlogNextAndPreviousBlock>
</section>

<section class="sidebar">
    <div class="container">
        
        <BlogProfile>
            <div class="box">
                <h6><i class="fa fa-info"></i> درباره وب</h6>
                <BlogPhoto><img src="<-BlogPhotoLink->" ></BlogPhoto>
                <-BlogAbout->
            </div>
        </BlogProfile>
        
        <BlogLinkDumpBlock>
            <div class="box">
                <h6><i class="fa fa-heart"></i> پیوندهای روزانه</h6>
                <ul>
                    <BlogLinkDump>
                        <li><a href="<-LinkUrl->" target="_blank" title="<-LinkDescription->"><-LinkTitle-></a></li>
                    </BlogLinkDump>
                    <li><a href="/links" onclick="return openlinks();">آرشیو پیوندهای روزانه</a></li>
                </ul>
            </div>
        </BlogLinkDumpBlock>

        <BlogArchiveBlock>
            <div class="box">
                <h6><i class="fa fa-calendar"></i> نوشته‌های پیشین</h6>
                <ul>
                    <BlogArchive>
                        <li><a href="<-ArchiveLink->"><-ArchiveTitle-></a></li>
                    </BlogArchive>
                </ul>
            </div>
        </BlogArchiveBlock>

        <BlogCategoriesBlock>
            <div class="box">
                <h6><i class="fa fa-check"></i> آرشیو موضوعی</h6>
                <ul>
                    <BlogCategories>
                        <li><a href="<-CategoryLink->"><-CategoryName-></a></li>
                    </BlogCategories>
                </ul>
            </div>
        </BlogCategoriesBlock>

        <BlogTagsBlock>
            <div class="box">
                <h6><i class="fa fa-tags"></i> برچسب‌ها</h6>
                <ul>
                    <BlogTags>
                            <li><a href="<-TagLink->"><-TagName-></a> <span>(<-TagCount->)</span></li>
                    </BlogTags>
                </ul>
            </div>
        </BlogTagsBlock>

        <BlogAuthorsBlock>
            <div class="box">
                <h6><i class="fa fa-users"></i> نویسندگان</h6>
                <ul>
                    <BlogAuthors>
                        <li><a href="<-AuthorLink->"><-AuthorName-></a></li>
                    </BlogAuthors>
                </ul>
            </div>
        </BlogAuthorsBlock>

        <BlogLinksBlock>
            <div class="box">
                <h6><i class="fa fa-link"></i> پیوندها</h6>
                <ul>
                    <BlogLinks>
                        <li><a href="<-LinkUrl->" target="_blank"><-LinkTitle-></a></li>
                    </BlogLinks>
                </ul>
            </div>
        </BlogLinksBlock>

        <div class="box">
            <h6><i class="fa fa-code"></i> کدهای وب</h6>
            <-BlogCustomHtml->
        </div>

    </div>
</section>


<footer>
    <div class="container">
        <div class="icon">
            <a href="#"><i class="fa fa-youtube"></i></a>
            <a href="#"><i class="fa fa-twitter"></i></a>
            <a href="#"><i class="fa fa-instagram"></i></a>
            <a href="#"><i class="fa fa-facebook"></i></a>
            <a href="#"><i class="fa fa-paper-plane"></i></a>
            <a href="#"><i class="fa fa-whatsapp"></i></a>
        </div>
        <div class="copyright">
            قالب طراحی شده توسط  <a href="http://blacktheme.ir/" target="_blank" title="بلک تم ، طراحی سایت و قالب">بلک تم</a> 
        </div>
        <!-- ♥
            Dostan agar ghasde hemayat az BLACKTHEME ro darid
            mamnon misham Link ro pak nakonid
            koli be ma komak mikone 
            vojode in link dar Weblog shoma .. 
            TY ALL
         ♥ -->
    </div>
</footer>
<!-- script -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
// navbar
$(window).scroll(function () {
    if ($(this).scrollTop() > 150) {
        $("nav").addClass("nav-fix");
    }
    if ($(this).scrollTop() < 150) {
        $("nav").removeClass("nav-fix");
        $("nav").removeClass("nav-sleep");
        $("nav").removeClass("nav-show");
    }
    if ($(this).scrollTop() < 350) {
        if ($("nav").hasClass("nav-show")) {
            $("nav").removeClass("nav-show");
            $("nav").addClass("nav-sleep");
            $("#append-navlink .navlink").slideUp(500);
            $(".navlink .collapse-icon i").addClass("fa-navicon").removeClass("fa-close");

        }
    }
    if ($(this).scrollTop() > 350) {
        $("nav").addClass("nav-show");
    }
});

// collapse
$(".navlink").clone().appendTo("#append-navlink");
$(".navlink .collapse-icon").click(function () {
    $("#append-navlink .navlink").slideToggle(500);
    $(".navlink .collapse-icon i").toggleClass("fa-navicon").toggleClass("fa-close");
});
// parallax
$('.blacktheme-parallax').each(function () { var $obj = $(this); $(window).scroll(function () { var yPos = ($(window).scrollTop() / $obj.data('speed')); var bgpos = '50% ' + yPos + 'px'; $obj.css('background-position', bgpos); }); });
</script>
</body>
</html>

قالب بلاگفا

پوسته دخترانه بلاگفاپوسته دخترانه وبلاگقالب دخترانه بلاگفاقالب دخترانه حرفه‌ایقالب دخترانه شیکقالب دخترانه وبلاگقالبه دخترانه صورتی

۲۰ دیدگاه

  • سلام امکانش هست قالب قبلی سایت بلاک تم را بزارید من ازش خوشم اومد میخوام بزارم اون برا وبلاگ

    • سلام
      قالب قبلی بلک تم چندسری از کدهاش اختصاصی طراحی شده بود باید از دوباره کدنویسی بشه ، شاید همون قالب یا شبه اون رو اضافه کنم 🌹

      • من در حال حاضر به دنبال یک قالب بسیار حرفه ای هستم اینترنتم که گشتم سایت شما بهترینه من حدود یکساله این سایتتونو میشناسم انتظار دارم یک قالب خیلی خیلی حرفه ای که وبلاگ انگار یک سایته طراحی کنید و بزارید با تشکر ویژه از شما

    • در قسمت ویرایش قالب این کد رو سرچ کنید و لینک عکس خودتون رو دقیقا جایگذاری کنید .
      http://s7.picofile.com/file/8390544100/%D9%82%D8%A7%D9%84%D8%A8_%D8%AF%D8%AE%D8%AA%D8%B1%D8%A7%D9%86%D9%87.jpg

      • ممنون
        میشه بصورت خام قرار بدین
        چون اینجوری چندین صفحه هست و کپی میکنم نمیشه ارور میده

        • بفرمایید اینم کد ،

          <!DOCTYPE html>
          <html>
          
          <head>
            <!-- theme made by http://blacktheme.ir/ -->
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <title><-BlogAndPostTitle-></title>
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <meta http-equiv="content-language" content="fa">
          <meta name="description" content="<-BlogMetaDescription->">
          <meta name="generator" content="blogfa.com">
          <meta property="og:title" content="<-AutoPageTitle->">
          <meta property="og:site_name" content="<-BlogTitle->">
          <meta property="og:description" content="<-BlogMetaDescription->">
          <meta name="twitter:title" content="<-AutoPageTitle->">
          <meta name="twitter:description" content="<-BlogMetaDescription->">
          <link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" />
          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
          <link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/gh/rastikerdar/nahid-font@v0.3.0/dist/font-face.css">
          <style>@keyframes imgSlideScale{to{transform:scale(1.3)}}@keyframes vibr{0%{transform:translateX(-2px)}25%,to{transform:translateX(0)}50%{transform:translateX(2px)}75%{transform:translateX(-1px)}}body{line-height:1.8;overflow-x:hidden;font-size:14px}details,main{display:block}h1{font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%}button,optgroup,select{font-family:inherit;margin:0}button,input,optgroup,select,textarea{font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}*{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,input,p,span,textarea{font-family:'nahid',sans-serif,tahoma,arial;margin:0;padding:0}body{color:#25262a;direction:rtl;min-height:300vh;background-color:#f7f5ef;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1048' height='524' viewBox='0 0 1600 800'%3E%3Cpath fill='%23efcf4f' d='M1102.5 734.8c2.5-1.2 24.8-8.6 25.6-7.5.5.7-3.9 23.8-4.6 24.5C1123.3 752.1 1107.5 739.5 1102.5 734.8zM1226.3 229.1c0-.1-4.9-9.4-7-14.2-.1-.3-.3-1.1-.4-1.6-.1-.4-.3-.7-.6-.9-.3-.2-.6-.1-.8.1l-13.1 12.3c0 0 0 0 0 0-.2.2-.3.5-.4.8 0 .3 0 .7.2 1 .1.1 1.4 2.5 2.1 3.6 2.4 3.7 6.5 12.1 6.5 12.2.2.3.4.5.7.6.3 0 .5-.1.7-.3 0 0 1.8-2.5 2.7-3.6 1.5-1.6 3-3.2 4.6-4.7 1.2-1.2 1.6-1.4 2.1-1.6.5-.3 1.1-.5 2.5-1.9C1226.5 230.4 1226.6 229.6 1226.3 229.1zM33 770.3C33 770.3 33 770.3 33 770.3c0-.7-.5-1.2-1.2-1.2-.1 0-.3 0-.4.1-1.6.2-14.3.1-22.2 0-.3 0-.6.1-.9.4-.2.2-.4.5-.4.9 0 .2 0 4.9.1 5.9l.4 13.6c0 .3.2.6.4.9.2.2.5.3.8.3 0 0 .1 0 .1 0 7.3-.7 14.7-.9 22-.6.3 0 .7-.1.9-.3.2-.2.4-.6.4-.9C32.9 783.3 32.9 776.2 33 770.3z'/%3E%3Cpath fill='%230c4b65' d='M171.1 383.4c1.3-2.5 14.3-22 15.6-21.6.8.3 11.5 21.2 11.5 22.1C198.1 384.2 177.9 384 171.1 383.4zM596.4 711.8c-.1-.1-6.7-8.2-9.7-12.5-.2-.3-.5-1-.7-1.5-.2-.4-.4-.7-.7-.8-.3-.1-.6 0-.8.3L574 712c0 0 0 0 0 0-.2.2-.2.5-.2.9 0 .3.2.7.4.9.1.1 1.8 2.2 2.8 3.1 3.1 3.1 8.8 10.5 8.9 10.6.2.3.5.4.8.4.3 0 .5-.2.6-.5 0 0 1.2-2.8 2-4.1 1.1-1.9 2.3-3.7 3.5-5.5.9-1.4 1.3-1.7 1.7-2 .5-.4 1-.7 2.1-2.4C596.9 713.1 596.8 712.3 596.4 711.8zM727.5 179.9C727.5 179.9 727.5 179.9 727.5 179.9c.6.2 1.3-.2 1.4-.8 0-.1 0-.2 0-.4.2-1.4 2.8-12.6 4.5-19.5.1-.3 0-.6-.2-.8-.2-.3-.5-.4-.8-.5-.2 0-4.7-1.1-5.7-1.3l-13.4-2.7c-.3-.1-.7 0-.9.2-.2.2-.4.4-.5.6 0 0 0 .1 0 .1-.8 6.5-2.2 13.1-3.9 19.4-.1.3 0 .6.2.9.2.3.5.4.8.5C714.8 176.9 721.7 178.5 727.5 179.9zM728.5 178.1c-.1-.1-.2-.2-.4-.2C728.3 177.9 728.4 178 728.5 178.1z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M699.6 472.7c-1.5 0-2.8-.8-3.5-2.3-.8-1.9 0-4.2 1.9-5 3.7-1.6 6.8-4.7 8.4-8.5 1.6-3.8 1.7-8.1.2-11.9-.3-.9-.8-1.8-1.2-2.8-.8-1.7-1.8-3.7-2.3-5.9-.9-4.1-.2-8.6 2-12.8 1.7-3.1 4.1-6.1 7.6-9.1 1.6-1.4 4-1.2 5.3.4 1.4 1.6 1.2 4-.4 5.3-2.8 2.5-4.7 4.7-5.9 7-1.4 2.6-1.9 5.3-1.3 7.6.3 1.4 1 2.8 1.7 4.3.5 1.1 1 2.2 1.5 3.3 2.1 5.6 2 12-.3 17.6-2.3 5.5-6.8 10.1-12.3 12.5C700.6 472.6 700.1 472.7 699.6 472.7zM740.4 421.4c1.5-.2 3 .5 3.8 1.9 1.1 1.8.4 4.2-1.4 5.3-3.7 2.1-6.4 5.6-7.6 9.5-1.2 4-.8 8.4 1.1 12.1.4.9 1 1.7 1.6 2.7 1 1.7 2.2 3.5 3 5.7 1.4 4 1.2 8.7-.6 13.2-1.4 3.4-3.5 6.6-6.8 10.1-1.5 1.6-3.9 1.7-5.5.2-1.6-1.4-1.7-3.9-.2-5.4 2.6-2.8 4.3-5.3 5.3-7.7 1.1-2.8 1.3-5.6.5-7.9-.5-1.3-1.3-2.7-2.2-4.1-.6-1-1.3-2.1-1.9-3.2-2.8-5.4-3.4-11.9-1.7-17.8 1.8-5.9 5.8-11 11.2-14C739.4 421.6 739.9 421.4 740.4 421.4zM261.3 590.9c5.7 6.8 9 15.7 9.4 22.4.5 7.3-2.4 16.4-10.2 20.4-3 1.5-6.7 2.2-11.2 2.2-7.9-.1-12.9-2.9-15.4-8.4-2.1-4.7-2.3-11.4 1.8-15.9 3.2-3.5 7.8-4.1 11.2-1.6 1.2.9 1.5 2.7.6 3.9-.9 1.2-2.7 1.5-3.9.6-1.8-1.3-3.6.6-3.8.8-2.4 2.6-2.1 7-.8 9.9 1.5 3.4 4.7 5 10.4 5.1 3.6 0 6.4-.5 8.6-1.6 4.7-2.4 7.7-8.6 7.2-15-.5-7.3-5.3-18.2-13-23.9-4.2-3.1-8.5-4.1-12.9-3.1-3.1.7-6.2 2.4-9.7 5-6.6 5.1-11.7 11.8-14.2 19-2.7 7.7-2.1 15.8 1.9 23.9.7 1.4.1 3.1-1.3 3.7-1.4.7-3.1.1-3.7-1.3-4.6-9.4-5.4-19.2-2.2-28.2 2.9-8.2 8.6-15.9 16.1-21.6 4.1-3.1 8-5.1 11.8-6 6-1.4 12 0 17.5 4C257.6 586.9 259.6 588.8 261.3 590.9z'/%3E%3Ccircle cx='1013.7' cy='153.9' r='7.1'/%3E%3Ccircle cx='1024.3' cy='132.1' r='7.1'/%3E%3Ccircle cx='1037.3' cy='148.9' r='7.1'/%3E%3Cpath d='M1508.7 297.2c-4.8-5.4-9.7-10.8-14.8-16.2 5.6-5.6 11.1-11.5 15.6-18.2 1.2-1.7.7-4.1-1-5.2-1.7-1.2-4.1-.7-5.2 1-4.2 6.2-9.1 11.6-14.5 16.9-4.8-5-9.7-10-14.7-14.9-1.5-1.5-3.9-1.5-5.3 0-1.5 1.5-1.5 3.9 0 5.3 4.9 4.8 9.7 9.8 14.5 14.8-1.1 1.1-2.3 2.2-3.5 3.2-4.1 3.8-8.4 7.8-12.4 12-1.4 1.5-1.4 3.8 0 5.3 0 0 0 0 0 0 1.5 1.4 3.9 1.4 5.3-.1 3.9-4 8.1-7.9 12.1-11.7 1.2-1.1 2.3-2.2 3.5-3.3 4.9 5.3 9.8 10.6 14.6 15.9.1.1.1.1.2.2 1.4 1.4 3.7 1.5 5.2.2C1510 301.2 1510.1 298.8 1508.7 297.2zM327.6 248.6l-.4-2.6c-1.5-11.1-2.2-23.2-2.3-37 0-5.5 0-11.5.2-18.5 0-.7 0-1.5 0-2.3 0-5 0-11.2 3.9-13.5 2.2-1.3 5.1-1 8.5.9 5.7 3.1 13.2 8.7 17.5 14.9 5.5 7.8 7.3 16.9 5 25.7-3.2 12.3-15 31-30 32.1L327.6 248.6zM332.1 179.2c-.2 0-.3 0-.4.1-.1.1-.7.5-1.1 2.7-.3 1.9-.3 4.2-.3 6.3 0 .8 0 1.7 0 2.4-.2 6.9-.2 12.8-.2 18.3.1 12.5.7 23.5 2 33.7 11-2.7 20.4-18.1 23-27.8 1.9-7.2.4-14.8-4.2-21.3l0 0C347 188.1 340 183 335 180.3 333.6 179.5 332.6 179.2 332.1 179.2zM516.3 60.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6C517.3 60.4 516.8 60.8 516.3 60.8zM506.1 70.5c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3.7 0 1.3.5 1.3 1.2.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6C506.4 70.5 506.2 70.5 506.1 70.5zM494.1 64.4c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3C494.7 64.3 494.4 64.4 494.1 64.4zM500.5 55.3c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7C500.9 55.3 500.7 55.3 500.5 55.3zM506.7 55c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6C507.4 54.8 507.1 55 506.7 55zM1029.3 382.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6C1030.3 382.4 1029.8 382.8 1029.3 382.8zM1019.1 392.5c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3.7 0 1.3.5 1.3 1.2.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6C1019.4 392.5 1019.2 392.5 1019.1 392.5zM1007.1 386.4c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3C1007.7 386.3 1007.4 386.4 1007.1 386.4zM1013.5 377.3c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7C1013.9 377.3 1013.7 377.3 1013.5 377.3zM1019.7 377c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6C1020.4 376.8 1020.1 377 1019.7 377zM1329.7 573.4c-1.4 0-2.9-.2-4.5-.7-8.4-2.7-16.6-12.7-18.7-20-.4-1.4-.7-2.9-.9-4.4-8.1 3.3-15.5 10.6-15.4 21 0 1.5-1.2 2.7-2.7 2.8 0 0 0 0 0 0-1.5 0-2.7-1.2-2.7-2.7-.1-6.7 2.4-12.9 7-18 3.6-4 8.4-7.1 13.7-8.8.5-6.5 3.1-12.9 7.4-17.4 7-7.4 18.2-8.9 27.3-10.1l.7-.1c1.5-.2 2.9.9 3.1 2.3.2 1.5-.9 2.9-2.3 3.1l-.7.1c-8.6 1.2-18.4 2.5-24 8.4-3 3.2-5 7.7-5.7 12.4 7.9-1 17.7 1.3 24.3 5.7 4.3 2.9 7.1 7.8 7.2 12.7.2 4.3-1.7 8.3-5.2 11.1C1335.2 572.4 1332.6 573.4 1329.7 573.4zM1311 546.7c.1 1.5.4 3 .8 4.4 1.7 5.8 8.7 14.2 15.1 16.3 2.8.9 5.1.5 7.2-1.1 2.7-2.1 3.2-4.8 3.1-6.6-.1-3.2-2-6.4-4.8-8.3C1326.7 547.5 1317.7 545.6 1311 546.7z'/%3E%3C/g%3E%3C/svg%3E")}header{height:750px;color:#fff}header .imgBox{position:relative;height:inherit;overflow:hidden;pointer-events:none}header .imgBox .imgSlide,header .imgBox::before{position:absolute;height:100%;width:100%;top:0;left:0}header .imgBox::before{content:'';background-color:rgba(0,0,0,.3);z-index:2}header .imgBox img{visibility:hidden;height:0;width:0}header .imgBox .imgSlide{display:none;background-size:cover;background-position:center;animation:imgSlideScale 20s linear;background-repeat:no-repeat;z-index:1;will-change:contents}header .imgBox .imgSlide:first-of-type{display:block}.headerWrap{position:absolute;top:0;right:0;z-index:3;width:100%}.blackthemeContainer{max-width:1100px;padding-right:15px;padding-left:15px;margin-left:auto;margin-right:auto}.headerWrap nav{display:block;margin-top:15px;margin-bottom:15px}.headerWrap nav ul{margin:0;font-size:0;padding:15px 0 50px;display:block;transition:.5s ease right}.headerWrap nav ul li{display:inline-block;list-style:none;font-size:16px;margin-left:30px;margin-bottom:30px}.headerWrap nav ul li a:hover{opacity:.5}.navIcon{display:none;font-size:30px}.blogLink{margin-bottom:50px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.blogLink h1{font-size:40px;text-shadow:-3px 3px 0 rgba(0,0,0,.2)}.blogLink h2{font-size:20px;margin-top:10px;color:#efcf4f}.navOverly{position:fixed;top:0;left:0;z-index:3;height:100%;width:100%;background:rgba(0,0,0,.7);cursor:pointer;display:none}header nav .ulSet{right:0!important}@media screen and (min-width:768px){.navOverly{display:none!important}}@media screen and (max-width:768px){.headerWrap nav ul{position:fixed;height:100%;width:220px;top:0;right:-225px;background:#fff;color:#111;z-index:4;padding:30px 15px;overflow-y:auto}.headerWrap nav ul li{display:block;margin-left:0;margin-bottom:15px;font-size:14px}.navIcon{display:block}.blogLink h1{font-size:30px}.blogLink h2{font-size:20px}}@media screen and (max-width:576px){.blogLink h2{font-weight:500;font-size:18px}}.blackthemeWrap{display:flex;flex-direction:row;justify-items:flex-start;justify-content:space-between;direction:ltr;margin-top:-100px;z-index:2;position:relative}.blackthemeWrap .postPart{width:100%;direction:rtl;padding-right:30px;padding-top:30px;max-width:700px}.blackthemeWrap .detailPart{width:100%;min-width:300px;max-width:300px;direction:rtl;padding-top:30px}.postPart article{background:#fff;overflow:hidden;border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,.05);margin-bottom:50px}.postPart article .postCont a{color:#0c4b65}.detailPart .box ul li a:hover,.detailPart .box:hover h6,.postPart article .postCont a:hover,footer .copyright a:hover{color:#c25934}.postPart article .postContent img{height:auto}.postPart article .postContent{padding:15px;min-height:120px}.postPart article .postInfo{padding:15px;background:#efcf4f;color:#0c4b65;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-weight:600}.postPart article .postInfo i{font-size:16px;color:#c25934;margin-right:15px;margin-left:5px}.postPart article .postInfo i:first-of-type{margin-right:0}.postPart article .postInfo .commentBox a{background:#c25934;color:#fff;padding:5px 15px;display:block;border-radius:5px;overflow:hidden}.postPart article .postInfo .commentBox a:hover{background-color:#fff;color:#0c4b65}.postPart article .postContent .postLink{padding-bottom:15px;color:#c25934}.nextandprevious{display:block;position:relative}.detailPart .box,.nextandprevious a{border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,.05);padding:15px}.nextandprevious a{background:#efcf4f;color:#0c4b65;font-weight:600}.nextandprevious a:hover{background-color:#c25934;color:#fff}.previouslink{float:right}.nextlink{float:left}.clear{clear:both}.detailPart .box{background:#fff;margin-bottom:50px;overflow:hidden;position:relative;z-index:1}.detailPart .box h6,.detailPart .box h6 i{display:flex;flex-direction:row;align-items:center}.detailPart .box h6{color:#0c4b65;font-size:14px;justify-content:space-between;margin-bottom:15px;position:relative;transition:1s ease color}.detailPart .box h6 i{font-size:16px;height:40px;width:40px;justify-content:center;border-radius:50%;color:#c25934;box-shadow:0 0 0 3px #efcf4f;transition:1s ease box-shadow,1s ease transform;z-index:-1;pointer-events:none}.detailPart .box:hover h6 i{box-shadow:0 0 0 100px #efcf4f;}.detailPart .box ul{padding:0;margin:0}.detailPart .box ul li{list-style:none;border-bottom:1px dashed rgba(0,0,0,.08);padding:5px 0}.detailPart .box ul li:last-of-type{border-bottom:none}.svgSection{max-width:600px;margin:auto auto 25px;position:relative}.svgSection svg{filter:drop-shadow(1px 5px 15px rgba(0,0,0,.1));display:block;position:relative;pointer-events:none}.svgSection .iPart{display:flex;flex-direction:row-reverse;position:absolute;top:0;right:0;z-index:1;transform:rotate(45deg)translate(-189px,118px)}.svgSection .iPart i{width:3px;height:600px;display:block;background:#fff;background-image:linear-gradient(to right,#999,#fff);margin-left:4px;margin-right:4px;border-radius:3px;cursor:pointer;user-select:none}.svgSection .iPart i::before{display:none}.svgSection .iPart .vibrate{animation:vibr .5s cubic-bezier(.86,0,.07,1)}.svgSection audio,.svgSection h5{position:absolute;user-select:none}.svgSection audio{height:0;width:0;opacity:0;pointer-events:none}.svgSection h5{top:0;left:0;z-index:2;font-size:30px;color:#efcf4f;transform:rotate(-45deg)translate(100px,220px);font-weight:100}footer{background-color:#0c4b65;color:#fff;text-align:center;padding:15px 0}footer .copyright i{margin:0 15px;font-size:18px}footer .copyright i:first-of-type{color:#efcf4f;margin-right:0}footer .copyright i:last-of-type{color:#c25934;margin-left:0}footer .copyright a{color:#efcf4f;font-weight:700;margin-right:5px}@media screen and (max-width:992px){.blackthemeWrap .postPart{max-width:700px}.blackthemeWrap .detailPart{width:100%;min-width:220px;max-width:220px}}@media screen and (max-width:768px){.postPart article .postInfo{flex-wrap:wrap}header{height:500px}.blackthemeWrap{display:block}.blackthemeWrap .detailPart .box,.blackthemeWrap .postPart article,.svgSection{margin-bottom:25px}.blackthemeWrap .postPart{padding-right:0;max-width:100%;margin-bottom:0}.blackthemeWrap .detailPart{width:100%;min-width:100%;max-width:100%;padding-left:0}.svgSection{max-width:300px;margin-top:25px}.svgSection .iPart i{height:300px;width:2px;margin-left:1px;margin-right:1px;border-radius:3px}.svgSection .iPart{transform:rotate(45deg)translate(-98px,65px)}.svgSection h5{transform:rotate(-45deg)translate(0,255px);font-size:18px}}</style>
          <script src="http://theme.blogfa.com/public/theme.1.2.js"  type="text/javascript" ></script>
          
          <script type="text/javascript">
           try {
            cmt_caption[0]="نظرات";
            cmt_caption[1]="نظر بدهيد";
            cmt_caption[2]="يک نظر";
            cmt_caption[3]="نظر";
            cmt_blogid="<-BlogId->";
            }
            catch(e) {}
           
          </script>
          
          </head>
          <body>
          <header>
              <div class="imgBox">
                <!-- 
                  برای اضافه کردن عکس در اینجا 
                  img
                  اضافه کنید
                -->
          
                <img src="http://s11.picofile.com/file/8396445418/1.jpg" alt="">
                <img src="http://s11.picofile.com/file/8396445484/2.jpg" alt="">
                <img src="http://s11.picofile.com/file/8396445642/3.jpg" alt="">
                <img src="http://s10.picofile.com/file/8396445676/4.jpg" alt="">
                <img src="http://s10.picofile.com/file/8396445700/5.jpg" alt="">
          
              </div>
          
              <div class="headerWrap">
                <nav class="blackthemeContainer">
                 <div class="navOverly"></div> 
                  <ul>
                    <li><a href="/">صفحه‌اصلی</a></li>
                    <BlogProfileLinkBlock><li><a href="<-BlogProfileLink->">پروفایل</a></li></BlogProfileLinkBlock>
                    <BlogEmailBlock><li><a href="mailto:<-BlogEmail->">ایمیل</a></li></BlogEmailBlock>
                    <li><a href="<-BlogArchiveLink->">آرشیو وبلاگ</a></li>
                    <li><a href="/posts/">سرتیتر مطالب</a></li>
                    <li><a href="/rss/">نقشه وب</a></li>
                  </ul>
                  <div class="blogLink">
                    <div>
                        <h1><a href="<-BlogUrl->"><-BlogTitle-></a></h1>
                        <h2><-BlogDescription-></h2>
                    </div>
                    <div>
                        <a href="javascript:void(0);" class="navIcon"><i class="fa fa-navicon"></i></a>
                    </div>
                  </div>   
                </nav>
              </div>
          </header>
          <section class="blackthemeContainer blackthemeWrap">
            <div class="postPart">
              <BLOGFA>
              <article>
                  <div class="postContent">
                  <h2 class="postLink"><a href="<-PostLink->"><-PostTitle-></a></h2>
                    <-PostContent->
                    <BlogExtendedPost>
                      <div class="postCont">
                        <a href="<-PostLink->">ادامه نوشته</a>
                      </div>
                    </BlogExtendedPost>
          
                    <BlogPostTagsBlock>
                        <div class="postCont">
                            <span>برچسب‌ها: </span><BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a></BlogPostTags>
                        </div>
                    </BlogPostTagsBlock> 
                  </div>
                  <div class="postInfo">
                    <div>
                    <i class="fa fa-calendar"></i> <-PostDate-> <i class="fa fa-clock-o"></i> <-PostTime-> <i class="fa fa-user-o"></i> <-PostAuthor->
                    </div>
                    <div>
                      <BlogComment><span dir="rtl" class="commentBox" comment-for="<-PostId->"></span></BlogComment>
                    </div>
                  </div>
                </article>
              </BLOGFA>
              <BlogNextAndPreviousBlock>
                  <div class="nextandprevious">
                  <BlogPreviousPageBlock>
                  <a href="<-BlogPreviousPageLink->" class="previouslink"  >مطالب جدیدتر</a>
                  </BlogPreviousPageBlock>
                  <BlogNextPageBlock>
                  <a href="<-BlogNextPageLink->" class="nextlink" >مطالب قدیمی‌تر</a>
                  </BlogNextPageBlock>
                  <div class="clear"></div>
                  </div>
                </BlogNextAndPreviousBlock>
            </div>
            <div class="detailPart">
              <BlogProfile>
                <div class="box">
                  <h6>درباره وبلاگ <i class="fa fa-info"></i></h6>
                  <BlogPhoto><img src="<-BlogPhotoLink->"><br></BlogPhoto>
                  <-BlogAbout->
                </div>
              </BlogProfile>
              <BlogLinkDumpBlock>
                <div class="box">
                  <h6>پیوندهای روزانه <i class="fa fa-star"></i></h6>
                  <ul>
                    <BlogLinkDump>
                      <li><a href="<-LinkUrl->" target="_blank" title="<-LinkDescription->">
                          <-LinkTitle->
                        </a></li>
                    </BlogLinkDump>
                    <li><a href="/links" onclick="return openlinks();">آرشیو پیوندهای روزانه</a></li>
                  </ul>
                </div>
              </BlogLinkDumpBlock>
            
            
            
              <BlogArchiveBlock>
                <div class="box">
                  <h6>نوشته‌های پیشین <i class="fa fa-calendar"></i></h6>
                  <ul>
                    <BlogArchive>
                      <li><a href="<-ArchiveLink->">
                          <-ArchiveTitle->
                        </a></li>
                    </BlogArchive>
                  </ul>
                </div>
              </BlogArchiveBlock>
            
            
            
              <BlogCategoriesBlock>
                <div class="box">
                  <h6>آرشیو موضوعی <i class="fa fa-archive"></i></h6>
                  <ul>
                    <BlogCategories>
                      <li><a href="<-CategoryLink->">
                          <-CategoryName->
                        </a></li>
                    </BlogCategories>
                  </ul>
                </div>
              </BlogCategoriesBlock>
            
            
              <BlogTagsBlock>
                <div class="box">
                  <h6>برچسب‌ها <i class="fa fa-tags"></i></h6>
                  <ul>
                    <BlogTags>
                      <li><a href="<-TagLink->">
                          <-TagName->
                        </a> <span>(<-TagCount->)</span></li>
                    </BlogTags>
                  </ul>
                </div>
              </BlogTagsBlock>
            
            
            
              <BlogAuthorsBlock>
                <div class="box">
                  <h6>نویسندگان <i class="fa fa-users"></i></h6>
                  <ul>
                    <BlogAuthors>
                      <li><a href="<-AuthorLink->">
                          <-AuthorName->
                        </a></li>
                    </BlogAuthors>
                  </ul>
                </div>
              </BlogAuthorsBlock>
            
            
            
              <BlogLinksBlock>
                <div class="box">
                  <h6>پیوندها <i class="fa fa-link"></i></h6>
                  <ul>
                    <BlogLinks>
                      <li><a href="<-LinkUrl->" target="_blank">
                          <-LinkTitle->
                        </a></li>
                    </BlogLinks>
                  </ul>
                </div>
              </BlogLinksBlock>
          
              <div class="box">
                  <h6>کد <i class="fa fa-code"></i></h6>
                  <-BlogCustomHtml->
              </div>
            </div>
          </section>
          
          <section class="svgSection">
              <h5>کمی گیتار بزن ..</h5>
              <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                 viewBox="0 0 488.564 488.564" style="enable-background:new 0 0 488.564 488.564;" xml:space="preserve">
              <ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -233.8967 189.2282)" style="fill:#E87118;" cx="111.47" cy="376.952" rx="91.999" ry="127.999"/>
              <path id="SVGCleanerId_0" style="fill:#F29C11;" d="M270.764,217.941c-38.4-38.4-92.8-47.2-120.8-19.2c-5.6,5.6-9.6,12-12,20
                c-5.6,8-12,17.6-20.8,25.6c-8.8,8.8-20.8,12-31.2,13.6c-6.4,0-12.8,0.8-18.4,1.6c-0.8,0-1.6,0-2.4,0.8c-13.6,3.2-25.6,8.8-36,19.2
                c-36,35.2-24.8,104.8,25.6,154.4c49.6,49.6,119.2,60.8,155.2,24.8c9.6-9.6,16-22.4,19.2-36c0-0.8,0-1.6,0-1.6
                c0.8-6.4,1.6-12,1.6-19.2c1.6-10.4,4-22.4,13.6-31.2c8-8.8,18.4-14.4,26.4-20c7.2-2.4,14.4-6.4,20-12
                C318.764,310.741,309.964,256.341,270.764,217.941z"/>
              <g>
                <path id="SVGCleanerId_0_1_" style="fill:#F29C11;" d="M270.764,217.941c-38.4-38.4-92.8-47.2-120.8-19.2c-5.6,5.6-9.6,12-12,20
                  c-5.6,8-12,17.6-20.8,25.6c-8.8,8.8-20.8,12-31.2,13.6c-6.4,0-12.8,0.8-18.4,1.6c-0.8,0-1.6,0-2.4,0.8c-13.6,3.2-25.6,8.8-36,19.2
                  c-36,35.2-24.8,104.8,25.6,154.4c49.6,49.6,119.2,60.8,155.2,24.8c9.6-9.6,16-22.4,19.2-36c0-0.8,0-1.6,0-1.6
                  c0.8-6.4,1.6-12,1.6-19.2c1.6-10.4,4-22.4,13.6-31.2c8-8.8,18.4-14.4,26.4-20c7.2-2.4,14.4-6.4,20-12
                  C318.764,310.741,309.964,256.341,270.764,217.941z"/>
              </g>
              <path style="fill:#F4B831;" d="M149.964,197.941c-5.6,5.6-9.6,12-12,20c-5.6,8.8-12,18.4-20.8,26.4c-8.8,8.8-20.8,12-31.2,13.6
                c-6.4,0-12.8,0.8-18.4,1.6c-0.8,0-1.6,0-2.4,0.8c-13.6,3.2-25.6,8.8-36,19.2c-16,16-23.2,39.2-20.8,64.8h276c1.6-1.6,4-3.2,5.6-4.8
                c28-28,19.2-82.4-20-120.8C232.364,178.741,177.964,169.941,149.964,197.941z"/>
              <path d="M250.764,281.141c-8,8-20-6.4-28-13.6l-1.6-1.6c-8-8-21.6-20-13.6-28l176-162.4c8-8,20-8,28,0l1.6,1.6c8,8,8,20,0,28
                L250.764,281.141z"/>
              <path d="M429.164,103.541c-8,8-20,8-28,0l-16-16c-8-8-8-20,0-28l35.2-35.2c8-8,20-8,28,0l16,16c8,8,8,20,0,28L429.164,103.541z"/>
              <g>
                <path style="fill:#3A382D;" d="M257.964,273.941c-8,8-20-6.4-28-13.6l-1.6-2.4c-8-8-21.6-20-13.6-28l176-162.4c8-8,20-8,28,0
                  l1.6,1.6c8,8,8,20,0,28L257.964,273.941z"/>
                <path style="fill:#3A382D;" d="M436.364,96.341c-8,8-20,8-28,0l-16-16c-8-8-8-20,0-28l35.2-35.2c8-8,20-8,28,0l16,16c8,8,8,20,0,28
                  L436.364,96.341z"/>
              </g>
              <circle style="fill:#895B19;" cx="182.764" cy="305.941" r="41.6"/>
              <path style="fill:#6D450F;" d="M201.964,286.741c14.4,14.4,16,36.8,4,52.8c1.6-1.6,4-2.4,5.6-4c16-16,16-42.4,0-58.4
                s-42.4-16-58.4,0c-1.6,1.6-3.2,3.2-4,5.6C165.164,270.741,187.564,272.341,201.964,286.741z"/>
              <path style="fill:#442909;" d="M148.364,405.941c-4.8,4.8-5.6,12-10.4,7.2l-62.4-62.4c-4.8-4.8,2.4-5.6,7.2-10.4l0,0
                c4.8-4.8,12.8-4.8,17.6,0l48,48C153.164,393.141,153.164,401.141,148.364,405.941L148.364,405.941z"/>
              <path style="fill:#6D450F;" d="M151.564,401.941c-4.8,4.8-5.6,12-10.4,7.2l-62.4-62.4c-4.8-4.8,2.4-5.6,7.2-10.4l0,0
                c4.8-4.8,12.8-4.8,17.6,0l47.2,47.2C156.364,389.141,156.364,397.141,151.564,401.941L151.564,401.941z"/>
              <g>
                <path style="fill:#E87118;" d="M425.164,11.541c-2.4,2.4-5.6,2.4-7.2,0l0,0c-2.4-2.4-2.4-5.6,0-7.2l2.4-2.4c2.4-2.4,5.6-2.4,7.2,0
                  l0,0c2.4,2.4,2.4,5.6,0,7.2L425.164,11.541z"/>
                <path style="fill:#E87118;" d="M410.764,25.941c-2.4,2.4-5.6,2.4-7.2,0l0,0c-2.4-2.4-2.4-5.6,0-7.2l2.4-2.4c2.4-1.6,5.6-1.6,7.2,0
                  l0,0c2.4,2.4,2.4,5.6,0,7.2L410.764,25.941z"/>
                <path style="fill:#E87118;" d="M395.564,41.141c-2.4,2.4-5.6,2.4-7.2,0l0,0c-2.4-2.4-2.4-5.6,0-7.2l2.4-2.4c2.4-2.4,5.6-2.4,7.2,0
                  l0,0c2.4,2.4,2.4,5.6,0,7.2L395.564,41.141z"/>
                <path style="fill:#E87118;" d="M484.364,70.741c-2.4,2.4-5.6,2.4-7.2,0l0,0c-2.4-2.4-2.4-5.6,0-7.2l2.4-2.4c2.4-2.4,5.6-2.4,7.2,0
                  l0,0c2.4,2.4,2.4,5.6,0,7.2L484.364,70.741z"/>
                <path style="fill:#E87118;" d="M469.964,85.141c-2.4,2.4-5.6,2.4-7.2,0l0,0c-2.4-2.4-2.4-5.6,0-7.2l2.4-2.4c2.4-2.4,5.6-2.4,7.2,0
                  l0,0c2.4,2.4,2.4,5.6,0,7.2L469.964,85.141z"/>
                <path style="fill:#E87118;" d="M455.564,100.341c-2.4,1.6-5.6,1.6-7.2,0l0,0c-2.4-2.4-2.4-5.6,0-7.2l2.4-2.4c2.4-2.4,5.6-2.4,7.2,0
                  l0,0c2.4,2.4,2.4,5.6,0,7.2L455.564,100.341z"/>
              </g>
              <path style="fill:#F29C11;" d="M411.564,97.141c-0.8,0.8-1.6,0.8-2.4,0l-17.6-17.6c-0.8-0.8-0.8-1.6,0-2.4l0,0
                c0.8-0.8,1.6-0.8,2.4,0l17.6,17.6C411.564,95.541,411.564,96.341,411.564,97.141L411.564,97.141z"/>
              </svg>
              <audio src="https://static.emediamusic.com/audio/Note6elow.mp3" id="note-l-e"></audio>
              <audio src="https://static.emediamusic.com/audio/NOTE5A.mp3" id="note-a"></audio>
              <audio src="https://static.emediamusic.com/audio/NOTE4D.mp3" id="note-d"></audio>
              <audio src="https://static.emediamusic.com/audio/NOTE3G.mp3" id="note-g"></audio>
              <audio src="https://static.emediamusic.com/audio/NOTE2B.mp3" id="note-b"></audio>
              <audio src="https://static.emediamusic.com/audio/NOTE1EHI.mp3" id="note-h-e"></audio>
              <div class="iPart" id="guitar-pick">
                  <i class="string" data-string="string-l-e"></i>
                  <i class="string" data-string="string-a"></i>
                  <i class="string" data-string="string-d"></i>
                  <i class="string" data-string="string-g"></i>
                  <i class="string" data-string="string-b"></i>
                  <i class="string" data-string="string-h-e"></i>
              </div>
          </section>
          
          <footer>
              <div class="copyright blackthemeContainer">
                  <i class="fa fa-music"></i>
                  طراحی شده توسط <a href="http://blacktheme.ir/" title="مرجع قالب وبلاگ">بلک تم</a>
                  <i class="fa fa-music"></i>
              </div>
          </footer>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
          <script>
              $('.navIcon').click(function () {
              $('nav ul').addClass('ulSet');
              $('.navOverly').fadeIn(500)
          });
          $('.navOverly').click(function () {
              $('nav ul').removeClass('ulSet');
              $('.navOverly').fadeOut(500)
          });
          $(document).ready(function () {
              $('header .imgBox img').each(function () {
                  imglength = $(this).length;
                  imgSrc = $(this).attr('src');
                  $(this).parent().append('<div class="imgSlide" style="background-image:url(' + imgSrc + ');"></div>')
              });
              var $imgs = $('header .imgBox').find('.imgSlide'),
                  _0x9293 = 0;
          
              function _0x9285() {
                  var _0x92AF = (++_0x9293 % $imgs.length);
                  $($imgs.get(_0x92AF - 1)).fadeOut(800);
                  $($imgs.get(_0x92AF)).fadeIn(800)
              }
              var _0x92A1 = setInterval(_0x9285, 4000)
          });
          
          function playString(_0x92D9) {
              var _0x92E7 = _0x92D9.dataset.string.replace('string-', '');
              var _0x92CB = document.getElementById('note-' + _0x92E7);
              _0x92CB.pause();
              _0x92CB.currentTime = 0;
              _0x92CB.play();
              _0x92D9.classList.remove('vibrate');
              setTimeout(function () {
                  _0x92D9.classList.add('vibrate')
              }, 50)
          }
          document.getElementById('guitar-pick').addEventListener('click', function (_0x92BD) {
              if (_0x92BD.target.classList.contains('string')) {
                  playString(_0x92BD.target)
              }
          });
          document.getElementById('guitar-pick').addEventListener('mouseover', function (_0x92BD) {
              if (_0x92BD.target.classList.contains('string') && (_0x92BD.buttons == 1 || _0x92BD.buttons == 3)) {
                  playString(_0x92BD.target)
              }
          })
          
          </script>
          </body>
          
          </html>
          
    • سلام
      دوست عزیز برای سفارش ، طرح اصلی که میخواید رو مشخص کنید تا بتونیم بر اساس سلیقه شما طراحی رو انجام بدیم و تحویلتون بدیم .
      برای چگونگی سفارش ایمیل بفرستین یا از شماره تماس تماس بگیرید .

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *