قالب مینیمال بلاگفا

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

  • فونت فارسی شبنم
  • فونت فارسی صمیم
  • حرکت پس‌زمینه با الگوی حرکت ماوس
  • ریسپانسیو و واکنشگرا

کد قالب مینیمال بلاگفا

<!DOCTYPE html>
<html>
<!-- theme designed by https://blacktheme.ir  | Weblog Themes & code for Weblog -->
<head>
<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.jsdelivr.net/gh/rastikerdar/samim-font@v4.0.5/dist/font-face.css">
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/gh/rastikerdar/shabnam-font@v5.0.1/dist/font-face.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.0/css/OverlayScrollbars.min.css">
<style>html{line-height:1.15;-webkit-text-size-adjust:100%}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}*{box-sizing:border-box}img{max-width:100%}body,button,input{font-family:samim,sans-serif,tahoma}h1,h2,h3,h4,h5,h6{font-family:shabnam,sans-serif,tahoma}body{line-height:1.8;font-size:9pt;background-color:#eee;direction:rtl;color:#111;background-image:linear-gradient(45deg,#f0f0f0,#e1e1e1);position:relative;height:100vh;overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg width='800' height='600' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ --%3E%3Cg%3E%3Ctitle%3Ebackground%3C/title%3E%3Crect fill='none' id='canvas_background' height='602' width='802' y='-1' x='-1'/%3E%3Cg display='none' overflow='visible' y='0' x='0' height='100%25' width='100%25' id='canvasGrid'%3E%3Crect fill='url(%23gridpattern)' stroke-width='0' y='0' x='0' height='100%25' width='100%25'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cellipse ry='8.5' rx='8.5' id='svg_1' cy='171' cx='69' stroke-width='1.5' stroke='%23ffffff' fill='none'/%3E%3Cellipse stroke='%239bd9db' ry='10' rx='10' id='svg_5' cy='358.5' cx='74' stroke-width='1.5' fill='%239bd9db'/%3E%3Cellipse stroke='%239bd9db' ry='12.5' rx='12.5' id='svg_7' cy='542.5' cx='757.5' stroke-width='1.5' fill='%239bd9db'/%3E%3Cellipse stroke='%239bd9db' ry='8' rx='8' id='svg_8' cy='62.5' cx='569' stroke-width='1.5' fill='%239bd9db'/%3E%3Cellipse stroke='%23ffffff' ry='7' rx='7' id='svg_9' cy='505' cx='340' stroke-width='1.5' fill='%23ffffff'/%3E%3Cellipse stroke='%23ffffff' ry='14' rx='14' id='svg_10' cy='527.5' cx='182' stroke-width='1.5' fill='none'/%3E%3Cellipse stroke='%239bd9db' ry='8' rx='8' id='svg_11' cy='274.5' cx='724.5' stroke-width='1.5' fill='%239bd9db'/%3E%3Cellipse stroke='%239bd9db' ry='4' rx='4' id='svg_12' cy='126' cx='266.5' stroke-width='1.5' fill='%239bd9db'/%3E%3Cellipse stroke='%239bd9db' ry='4' rx='4' id='svg_13' cy='520' cx='320.5' stroke-width='1.5' fill='%239bd9db'/%3E%3Cellipse stroke='%23ffffff' ry='15' rx='15' id='svg_14' cy='406.5' cx='735.5' stroke-width='1.5' fill='none'/%3E%3Cellipse stroke='%23ffffff' ry='5' rx='5' id='svg_15' cy='247.5' cx='418' stroke-width='1.5' fill='none'/%3E%3Cellipse stroke='%23ffffff' ry='4' rx='4' id='svg_17' cy='172' cx='147.5' stroke-width='1.5' fill='%23ffffff'/%3E%3Cellipse stroke='%23ffffff' ry='8' rx='8' id='svg_18' cy='213' cx='574' stroke-width='1.5' fill='%23ffffff'/%3E%3Cellipse stroke='%23ffffff' ry='8' rx='8' id='svg_19' cy='45' cx='28' stroke-width='1.5' fill='%23ffffff'/%3E%3Cellipse stroke='%23ffffff' ry='8' rx='8' id='svg_20' cy='578' cx='571' stroke-width='1.5' fill='%23ffffff'/%3E%3Cellipse ry='8.5' rx='8.5' id='svg_21' cy='120' cx='693' stroke-width='1.5' stroke='%23ffffff' fill='none'/%3E%3Cellipse ry='8.5' rx='8.5' id='svg_22' cy='513' cx='12' stroke-width='1.5' stroke='%23ffffff' fill='none'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:700px}a{text-decoration:none;color:inherit}a:hover{opacity:.3}svg{display:block;width:24px;height:24px}.blackthemeBox{max-width:400px;margin-right:auto;margin-left:auto;position:fixed;left:0;right:0;top:0;bottom:0;z-index:1;padding:40px 20px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}@media screen and (max-width:400px),(max-height:500px){.blackthemeBox{padding:15px}}.blackthemeBoxBg{background-color:#f5f5f5;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;height:100%;box-shadow:0 0 20px #dbdbdb;border:2px solid #fff}.blackthemePadding{padding:20px}.blackthemeBoxBg{display:flex;flex-direction:column;overflow:hidden;position:relative}.blackthemeHead{height:100%;margin-top:70px;margin-bottom:60px;position:relative}.blackthemeFooter{max-height:60px;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;background-color:#fff;position:absolute;bottom:0;z-index:2;width:100%}.blackthemeFooter a{padding-bottom:5px;border-bottom:2px solid transparent;opacity:1!important}.blackthemeFooter .set{border-color:#9bd9db;color:#9bd9db}.blackthemeCarousel{height:100%}.blackthemeCarousel .blackthemeCarouselBox{width:100%;min-height:100%;padding:20px;overflow:hidden}.os-theme-dark>.os-scrollbar,.os-theme-light>.os-scrollbar{padding:4px!important}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:hsla(0,0%,20%,.08)!important}.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:#9bd9db!important}header{max-height:70px;height:70px;display:flex;flex-direction:row;align-items:center;position:absolute;top:0;left:0;width:100%;background-color:#fff;padding:0 20px;white-space:nowrap;overflow:hidden}header img{display:block;height:40px;width:40px;margin-left:10px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}header h1{margin:0;padding:0;font-size:1.5em}.blackthemePostBox{margin-bottom:20px;border-bottom:2px solid hsla(0,0%,0%,.01);padding-bottom:10px}.blackthemePostBox img{height:auto}.blackthemePostBox a{font-weight:700}.blackthemePostBoxTitle{font-size:1.2em;padding:0;margin:0}.blackthemeClear{clear:both}.blackthemePostTag{font-size:8.5pt;margin-top:10px}.blackthemePostInfo{font-size:8.5pt;color:#9b9b9b}.blackthemePostInfo a{color:#111}.blackthemeComment{text-align:left}.blackthemePagination{padding-bottom:20px}.blackthemePrevoius{float:right}.blackthemeNext{float:left}.blackthemeSideBox{margin-bottom:20px;border-bottom:2px solid hsla(0,0%,0%,.01);padding-bottom:20px}.blackthemeSideBox:last-of-type{border:none}.blackthemeSideBox h6{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;font-size:inherit;margin:0 0 20px 0;padding:0}.blackthemeSideBox h6 svg{margin-left:10px}.blackthemeSideBox ul{padding:0;margin:0;list-style-type:none;list-style:none}.blackthemeNav ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.blackthemeNav{padding-bottom:10px!important}.blackthemeNav ul li{margin-left:10px;margin-bottom:10px}</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>
    <div class="blackthemeBox">
        <div class="blackthemeBoxBg">
            <header>
                <BlogPhoto><img src="<-BlogPhotoLink->" class="imgSelect"></BlogPhoto>
                <h1><a href="<-BlogUrl->"><-BlogTitle-></a></h1>
            </header>
            <div class="blackthemeHead">
                <div class="blackthemeCarousel">
                    <div class="blackthemeCarouselBox blackthemeScroll" id="home">
                        <BLOGFA>
                            <div class="blackthemePostBox">
                                <h2 class="blackthemePostBoxTitle"><a href="<-PostLink->">
                                        <-PostTitle->
                                    </a></h2>
                                <-PostContent->
                                    <div class="blackthemeClear"></div>
                                    <BlogExtendedPost><a href="<-PostLink->">ادامه نوشته</a></BlogExtendedPost>
                                    <BlogPostTagsBlock>
                                        <div class="blackthemePostTag">
                                            <span>برچسب‌ها: </span>
                                            <BlogPostTags separator=", "><a href="<-TagLink->">
                                                    <-TagName->
                                                </a></BlogPostTags>
                                        </div>
                                    </BlogPostTagsBlock>
                                    <div class="blackthemePostInfo">
                                        <span>
                                            <-PostAuthor-> | <-PostDate->
                                                    <-PostTime->
                                        </span>
                        
                                        <BlogComment>
                                            <div class="blackthemeComment">
                                                <span dir="rtl" comment-for="<-PostId->"></span>
                                            </div>
                                        </BlogComment>
                        
                                    </div>
                            </div>
                        </BLOGFA>
                        <BlogNextAndPreviousBlock>
                            <div class="blackthemePagination">
                                <BlogPreviousPageBlock>
                                    <a href="<-BlogPreviousPageLink->" class="blackthemePrevoius">صفحه قبل</a>
                                </BlogPreviousPageBlock>
                                <BlogNextPageBlock>
                                    <a href="<-BlogNextPageLink->" class="blackthemeNext">صفحه بعد</a>
                                </BlogNextPageBlock>
                                <div class="blackthemeClear"></div>
                            </div>
                        </BlogNextAndPreviousBlock>
                        <div style="text-align: center;margin-top: 20px;">
                            <-BlogCustomHtml->
                              <div class="blackthemeClear"></div>
                          </div>
                    </div>
                    <div class="blackthemeCarouselBox blackthemeScroll" id="content">
                        <BlogCategoriesBlock>
                            <div class="blackthemeSideBox">
                              <h6>آرشیو موضوعی<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5"
                                  fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                                  <rect x="3" y="3" width="7" height="7"></rect>
                                  <rect x="14" y="3" width="7" height="7"></rect>
                                  <rect x="14" y="14" width="7" height="7"></rect>
                                  <rect x="3" y="14" width="7" height="7"></rect>
                                </svg></h6>
                              <ul>
                                <BlogCategories>
                                  <li><a href="<-CategoryLink->">
                                      <-CategoryName->
                                    </a></li>
                                </BlogCategories>
                              </ul>
                            </div>
                          </BlogCategoriesBlock>
                          
                          <BlogPreviousItemsBlock>
                            <div class="blackthemeSideBox">
                              <h6>آخرین نوشته‌ها<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5"
                                  fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                                  <path d="M12 20h9"></path>
                                  <path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path>
                                </svg></h6>
                        
                              <ul>
                                <BlogPreviousItems items="10">
                                  <li>
                                    <a href="<-PostLink->" title="<-PostDate->">
                                      <-PostTitle->
                                    </a>
                                  </li>
                                </BlogPreviousItems>
                              </ul>
                            </div>
                          </BlogPreviousItemsBlock>
                        
                          <BlogTagsBlock>
                            <div class="blackthemeSideBox">
                              <h6>برچسب‌ها<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5" fill="none"
                                  stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                                  <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path>
                                  <line x1="7" y1="7" x2="7.01" y2="7"></line>
                                </svg></h6>
                              <ul>
                                <BlogTags>
                                  <li><a href="<-TagLink->">
                                      <-TagName->
                                    </a></li>
                                </BlogTags>
                              </ul>
                            </div>
                          </BlogTagsBlock>
                        
                          <BlogArchiveBlock>
                            <div class="blackthemeSideBox">
                              <h6>نوشته‌های پیشین<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5"
                                  fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                                  <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
                                  <line x1="16" y1="2" x2="16" y2="6"></line>
                                  <line x1="8" y1="2" x2="8" y2="6"></line>
                                  <line x1="3" y1="10" x2="21" y2="10"></line>
                                </svg></h6>
                              <ul>
                                <BlogArchive>
                                  <li><a href="<-ArchiveLink->">
                                      <-ArchiveTitle->
                                    </a></li>
                                </BlogArchive>
                              </ul>
                            </div>
                          </BlogArchiveBlock>


                        
                          <BlogAuthorsBlock>
                            <div class="blackthemeSideBox">
                              <h6>نویسندگان<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5" fill="none"
                                  stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                                  <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
                                  <circle cx="9" cy="7" r="4"></circle>
                                  <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
                                  <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                                </svg></h6>
                              <ul>
                                <BlogAuthors>
                                  <li><a href="<-AuthorLink->">
                                      <-AuthorName->
                                    </a></li>
                                </BlogAuthors>
                              </ul>
                            </div>
                          </BlogAuthorsBlock>
                    </div>
                    <div class="blackthemeCarouselBox blackthemeScroll" id="link">
                        <div class="blackthemeSideBox blackthemeNav">
                            <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="https://blacktheme.ir" title="قالب وبلاگ و کدوبلاگ" target="_blank">طراح قالب</a></li>
                            </ul>
                    
                          </div>
                        
                        <BlogLinkDumpBlock>
                            <div class="blackthemeSideBox">
                              <h6>پیوندهای روزانه<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5"
                                  fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                                  <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
                                  <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
                                </svg></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>
                        
                          <BlogLinksBlock>
                            <div class="blackthemeSideBox">
                              <h6>دوستان<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5" fill="none"
                                  stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                                  <path
                                    d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z">
                                  </path>
                                </svg></h6>
                              <ul>
                                <BlogLinks>
                                  <li><a href="<-LinkUrl->" target="_blank">
                                      <-LinkTitle->
                                    </a></li>
                                </BlogLinks>
                              </ul>
                            </div>
                          </BlogLinksBlock>
                    </div>
                    <div class="blackthemeCarouselBox blackthemeScroll" id="about">
                        <BlogProfile>
                            <div class="blackthemeSideBox">
                              <h6>بیوگرافی<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5" fill="none"
                                  stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                                  <circle cx="12" cy="12" r="10"></circle>
                                  <line x1="12" y1="16" x2="12" y2="12"></line>
                                  <line x1="12" y1="8" x2="12.01" y2="8"></line>
                                </svg></h6>
                              <div class="imgApp"></div>
                              <-BlogAbout->
                            </div>
                          </BlogProfile>
                    </div>
                </div>
            </div>
            <div class="blackthemeFooter blackthemePadding">
                <a href="javascript:void(0);" id="home" class="set"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M12 5.561l-7 5.6V19h5v-4h4v4h5v-7.358a1 1 0 0 0-.375-.781L12 5.561zM12 3l7.874 6.3A3 3 0 0 1 21 11.641V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7.839A2 2 0 0 1 3.75 9.6L12 3z" fill="currentColor" fill-rule="nonzero"/></svg></a>
                <a href="javascript:void(0);" id="content"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M18 4H6v14.764l6-3l6 3V4zM6 2h12a2 2 0 0 1 2 2v18l-8-4l-8 4V4a2 2 0 0 1 2-2zm8 4h2v6h-2V6z" fill="currentColor" fill-rule="nonzero"/></svg></a>
                <a href="javascript:void(0);" id="link"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78l1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></g></svg></a>
                <a href="javascript:void(0);" id="about"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M12 12a4 4 0 1 1 0-8a4 4 0 0 1 0 8zm0 3c3.186 0 6.045.571 8 3.063V20H4v-1.937C5.955 15.57 8.814 15 12 15z" fill="currentColor" fill-rule="nonzero"/></svg></a>
            </div>
        </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.0/js/OverlayScrollbars.min.js"></script>
    <script>$carousel=$(".blackthemeCarousel").flickity({wrapAround:!1,prevNextButtons:!1,pageDots:!1,accessibility:!1,imagesLoaded:!0,setGallerySize:!1,draggable:!1,selectedAttraction:.4,friction:.9});var $cellButtonGroup=$(".blackthemeFooter"),$cellButtons=$cellButtonGroup.find("a");function setCarHeight(){var e=$(".blackthemeCarousel").height()+"px";$(".blackthemeCarouselBox").css({height:e})}$cellButtonGroup.on("click","a",function(){var e=$(this).index();$carousel.flickity("select",e),$(".blackthemeFooter a").removeClass("set"),$(this).addClass("set")}),$(".blackthemeCarouselBox").each(function(){setCarHeight()}),$(window).on("resize",function(){setCarHeight()}),$(".blackthemeScroll").overlayScrollbars({}),$(".imgSelect").clone().appendTo(".imgApp"),$("body").on("mousemove",function(e){relX=e.pageX-$(this).offset().left,relX="-"+relX/5+"px",relY=e.pageY-$(this).offset().top,relY="-"+relY/5+"px",$("body").css({"background-position":relX+" "+relY})});</script>
    <!-- theme designed by https://blacktheme.ir  | Weblog Themes & code for Weblog -->
</body>
</html>

قالب بلاگفا

قالب اینستاگرام رایگانقالب رایگان بلاگفاقالب روشن بلاگفاقالب ساده مینیمالقالب طرح اینستاگرام بلاگفاقالب کوچک بلاگفاقالب مینیمال بلاگفاقالب نویسنده بلاگفاقالب وبلاگری بلاگفا

۱۳ دیدگاه

  • سلام میخوام این قالب رو برایب بلاگیکس بذارم. لایک هم داره؟ اگه نداره میشه بهش اضافه کنین؟
    ممنون❤❤❤

  • سلام…خداقوت واقعاخیلی خوب بود…من اشنایی زیادی با بلاگفا ندارم…فقط یه سوال دارم،من این قالبو داخل یه وبلاگ دیدم خوشم اومد ،اومدم دنبالش…ولی اونجوری که اون گذاشته بود نمیشه…میخام بدونم چجوری باید وقتی دوستان رو لینک میکنم مثل استوری اینستا بالای صفحه نمایش داده بشه و اینکه خودم چجوری میتونم استوری بزارم؟!اخه این قابلیتارو توی یه وب دیدم ولی نمیدونم چجوری باید واسه خودم بزارم😔

    • سلام فکر میکنم قالب اینستاگرامی منظورتون هست ، شما میتونید ازون قالب استفاده کنید و این امکاناتی هم که فرمودین در همون قالب موجود است

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

  • سلام. چرا بعضی قالب هایی که ساختی رو بر می داری؟ چند قالب دیگه توی سایتت داشتی که الان نیست.

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

  • یه قالب زمینه سفید بود با پس زمینه شکوفه های کاملا سفید که خیلی وقته دیگه نیست پاک شده. میشه کدش رو دوباره بگذاری. برام عجیبه چرا باید بعضی قالب ها کدهاشون پاک بشه؟!

پاسخ دادن به بلک تم لغو پاسخ

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