قالب ساده تیره بلاگفا

به صورت دو ستونه طراحی شده ، از رنگ‌های ترند و تقریبا ملایم مشکی  و خاکستری استفاده شده ، استایل ساده و فونت ریز این قالب خیلی به دل مینشینه اگر به دنبال قالب تیره و ساده میگردین گزینه مناسبی هست .

  • فونت فارسی شبنم
  • ریسپانسیو و واکنشگرا

کد قالب ساده تیره بلاگفا

<!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/shabnam-font@v5.0.1/dist/font-face.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:shabnam,sans-serif,tahoma}body{line-height:1.8;font-size:9pt;background-color:#141517;direction:rtl;color:#f3f3f3}a{text-decoration:none;color:inherit}a:hover{color:#065e9c}svg{display:block;width:24px;height:24px}.blackthemeBox{max-width:992px;margin:20px auto;display:flex;flex-direction:row;padding:20px}.blackthemeContent{width:100%;margin-left:20px;background-color:#181c1f;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;padding:20px;border:2px solid #1b1f22}.blackthemeSidebar{min-width:300px;max-width:300px;width:100%;background-color:#181c1f;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;padding:20px;border:2px solid #1b1f22}.blackthemeMode{margin-bottom:40px}header{background-color:#14171a;border:2px solid #121518;text-align:center;padding:20px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}header h1{margin:0;padding:0;font-size:1.8em}header h2{margin:10px 0 0 0;padding:0;font-weight:400;font-size:1.2em}.blackthemePostBoxTitle{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin-bottom:5px}.blackthemePostBoxTitle h2{margin:0;padding:0;color:#f3f3f3;font-size:1.2em}.blackthemePostBoxTitle span{color:#626a70;margin-right:15px}.blackthemePost{color:#d4d4d4}.blackthemePost img{height: auto;}.blackthemePostInfo{margin-top:5px;color:#626a70}.blackthemeLink{color:#0881d5}.blackthemePostInfo,.blackthemePostInfo .blackthemeLink{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.blackthemePostInfo svg{margin-left:5px;color:#626a70}.blackthemeClear{clear:both}.blackthemePostInfo a{margin-left:15px}.blackthemePrevoius{float:right}.blackthemeNext{float:left}nav ul{list-style-type:none;list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}nav ul li{margin-left:10px;margin-bottom:5px}.blackthemeSidebar{color:#d4d4d4}.blackthemeSidebar .blackthemeMode h6{font-size:1.1em;display:flex;align-items:center;flex-wrap:wrap;flex-direction:row-reverse;justify-content:flex-end;margin:0 0 10px 0;padding:0;color:#626a70}.blackthemeSidebar .blackthemeMode h6 svg{margin-left:10px}.blackthemeSidebar .blackthemeMode ul{list-style-type:none;list-style:none;margin:0;padding:0}footer{height:0;overflow:hidden;opacity:0;white-space:nowrap}@media screen and (max-width:768px){.blackthemeBox{flex-direction:column;margin:0}.blackthemeContent{width:100%;margin-bottom:20px}.blackthemeSidebar{max-width:100%;min-width:100%}}@media screen and (max-width:576px){.blackthemeBox{padding:10px}.blackthemeContent,.blackthemeSidebar{padding: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="blackthemeContent">
      <header class="blackthemeMode">
          <h1><a href="<-BlogUrl->"><-BlogTitle-></a></h1>
          <h2><-BlogDescription-></h2>
      </header>

      <BLOGFA>
        <div class="blackthemeMode blackthemePost">
          <div class="blackthemePostBoxTitle">
            <h2><a href="<-PostLink->">
              <-PostTitle->
            </a></h2>
            <span><-PostDate->  <-PostTime-></span>
          </div>

          <-PostContent->
            <div class="blackthemeClear"></div>
            <BlogExtendedPost><a class="blackthemeLink" href="<-PostLink->">ادامه نوشته</a></BlogExtendedPost>
            <BlogPostTagsBlock>
              <div>
                <span>برچسب‌ها: </span>
                <BlogPostTags separator=", "><a href="<-TagLink->">
                    <-TagName->
                  </a></BlogPostTags>
              </div>
            </BlogPostTagsBlock>
            <div class="blackthemePostInfo">
              <BlogComment>
                  <span class="blackthemeLink">
                    <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"><path d="M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-4.586l-2.707 2.707a1 1 0 0 1-1.414 0L8.586 19H4a2 2 0 0 1-2-2V6zm18 0H4v11h5a1 1 0 0 1 .707.293L12 19.586l2.293-2.293A1 1 0 0 1 15 17h5V6zM6 9.5a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1z" fill="currentColor"/></g></svg>
                    <span dir="rtl" comment-for="<-PostId->"></span>
                  </span>
              </BlogComment>
              <span>
               <-PostAuthor->
              </span>
            </div>
        </div>
      </BLOGFA>

      <BlogNextAndPreviousBlock>
        <div class="blackthemeMode">
        <BlogPreviousPageBlock>
        <a href="<-BlogPreviousPageLink->" class="blackthemePrevoius"  >صفحه قبل</a>
        </BlogPreviousPageBlock>
        <BlogNextPageBlock>
        <a href="<-BlogNextPageLink->" class="blackthemeNext" >صفحه بعد</a>
        </BlogNextPageBlock>
         <div class="blackthemeClear"></div>
        </div>
        </BlogNextAndPreviousBlock>


    </div>
    <div class="blackthemeSidebar">
      <nav class="blackthemeMode">
        <ul>
          <li><a href="/"><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"><path d="M11.336 2.253a1 1 0 0 1 1.328 0l9 8a1 1 0 0 1-1.328 1.494L20 11.45V19a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7.55l-.336.297a1 1 0 0 1-1.328-1.494l9-8zM6 9.67V19h3v-5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v5h3V9.671l-6-5.333l-6 5.333zM13 19v-4h-2v4h2z" fill="currentColor"/></g></svg></a></li>
          <BlogProfileLinkBlock><li><a href="<-BlogProfileLink->"><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"><path d="M12 4a4 4 0 1 0 0 8a4 4 0 0 0 0-8zM6 8a6 6 0 1 1 12 0A6 6 0 0 1 6 8zm2 10a3 3 0 0 0-3 3a1 1 0 1 1-2 0a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5a1 1 0 1 1-2 0a3 3 0 0 0-3-3H8z" fill="currentColor"/></g></svg></a></li></BlogProfileLinkBlock>
          <BlogEmailBlock><li><a href="mailto:<-BlogEmail->"><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"><path d="M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6zm3.519 0L12 11.671L18.481 6H5.52zM20 7.329l-7.341 6.424a1 1 0 0 1-1.318 0L4 7.329V18h16V7.329z" fill="currentColor"/></g></svg></a></li></BlogEmailBlock>
          <li><a href="<-BlogArchiveLink->"><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"><path d="M9 2a1 1 0 0 1 1 1v1h4V3a1 1 0 1 1 2 0v1h3a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V3a1 1 0 0 1 1-1zM8 6H5v3h14V6h-3v1a1 1 0 1 1-2 0V6h-4v1a1 1 0 0 1-2 0V6zm11 5H5v8h14v-8z" fill="currentColor"/></g></svg></a></li>
          <li><a href="/posts/"><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"><path d="M9 11.5a1 1 0 1 0 0-2a1 1 0 0 0 0 2zm2-1a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2h-3a1 1 0 0 1-1-1zm1 2a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2h-3zm0 3a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2h-3zm-2-2a1 1 0 1 1-2 0a1 1 0 0 1 2 0zm-1 4a1 1 0 1 0 0-2a1 1 0 0 0 0 2z" fill="currentColor"/><path d="M9 2a1 1 0 0 0-1 1H6a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-2a1 1 0 0 0-1-1H9zm7 3h2v15H6V5h2v1a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V5zm-6 0V4h4v1h-4z" fill="currentColor"/></g></svg></a></li>
          <li><a href="https://blacktheme.ir/" target="_blank" title="قالب وبلاگ و کد وبلاگ | بلک تم"><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"><path d="M12 4.528a6 6 0 0 0-8.243 8.715l6.829 6.828a2 2 0 0 0 2.828 0l6.829-6.828A6 6 0 0 0 12 4.528zm-1.172 1.644l.465.464a1 1 0 0 0 1.414 0l.465-.464a4 4 0 1 1 5.656 5.656L12 18.657l-6.828-6.829a4 4 0 0 1 5.656-5.656z" fill="currentColor"/></g></svg></a></li>
        </ul>
    </nav>
      <BlogProfile>
        <div class="blackthemeMode">
          <h6>بیوگرافی<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"><path d="M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12z" fill="currentColor"/><path d="M12 10a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1zm1.5-2.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0z" fill="currentColor"/></g></svg></h6>
          <BlogPhoto><div style="text-align: center;"><img src="<-BlogPhotoLink->"></div></BlogPhoto>
          <-BlogAbout->
        </div>
      </BlogProfile>
      <BlogPreviousItemsBlock>
        <div class="blackthemeMode">
          <h6>آخرین نوشته‌ها<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"><path d="M12 2.5a1 1 0 0 1 .894.553l2.58 5.158l5.67.824a1 1 0 0 1 .554 1.706l-4.127 4.024l.928 5.674a1 1 0 0 1-1.455 1.044L12 18.807l-5.044 2.676a1 1 0 0 1-1.455-1.044l.928-5.674l-4.127-4.024a1 1 0 0 1 .554-1.706l5.67-.824l2.58-5.158A1 1 0 0 1 12 2.5zm0 3.236l-1.918 3.836a1 1 0 0 1-.75.543l-4.184.608l3.05 2.973a1 1 0 0 1 .289.878L7.8 18.771l3.731-1.98a1 1 0 0 1 .938 0l3.731 1.98l-.687-4.197a1 1 0 0 1 .289-.877l3.05-2.974l-4.183-.608a1 1 0 0 1-.75-.543L12 5.736z" fill="currentColor"/></g></svg></h6>
          <ul>
            <BlogPreviousItems items="10">
              <li>
                <a href="<-PostLink->" title="<-PostDate->">
                  <-PostTitle->
                </a>
              </li>
            </BlogPreviousItems>
          </ul>
        </div>
      </BlogPreviousItemsBlock>
            
      <BlogCategoriesBlock>
        <div class="blackthemeMode">
          <h6>آرشیو موضوعی<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"><path d="M2 6a2 2 0 0 1 2-2h5a1 1 0 0 1 .707.293L11.414 6H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6zm6.586 0H4v12h16V8h-9a1 1 0 0 1-.707-.293L8.586 6z" fill="currentColor"/></g></svg></h6>
          <ul>
            <BlogCategories>
              <li><a href="<-CategoryLink->">
                  <-CategoryName->
                </a></li>
            </BlogCategories>
          </ul>
        </div>
      </BlogCategoriesBlock>
    
    
      <BlogTagsBlock>
        <div class="blackthemeMode">
          <h6>برچسب‌ها<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"><path d="M2 3a1 1 0 0 1 1-1h8a1 1 0 0 1 .707.293l10 10a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-10-10A1 1 0 0 1 2 11V3zm2 1v6.586l9 9L19.586 13l-9-9H4z" fill="currentColor"/><path d="M9 7.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0z" fill="currentColor"/></g></svg></h6>
          <ul>
            <BlogTags>
              <li><a href="<-TagLink->">
                  <-TagName->
                </a></li>
            </BlogTags>
          </ul>
        </div>
      </BlogTagsBlock>
    
      <BlogArchiveBlock>
        <div class="blackthemeMode">
          <h6>نوشته‌های پیشین<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"><path d="M9 2a1 1 0 0 1 1 1v1h4V3a1 1 0 1 1 2 0v1h3a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V3a1 1 0 0 1 1-1zM8 6H5v3h14V6h-3v1a1 1 0 1 1-2 0V6h-4v1a1 1 0 0 1-2 0V6zm11 5H5v8h14v-8z" fill="currentColor"/></g></svg></h6>
          <ul>
            <BlogArchive>
              <li><a href="<-ArchiveLink->">
                  <-ArchiveTitle->
                </a></li>
            </BlogArchive>
          </ul>
        </div>
      </BlogArchiveBlock>
      <BlogAuthorsBlock>
        <div class="blackthemeMode">
          <h6>نویسندگان<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"><path d="M10 4a4 4 0 1 0 0 8a4 4 0 0 0 0-8zM4 8a6 6 0 1 1 12 0A6 6 0 0 1 4 8zm12.828-4.243a1 1 0 0 1 1.415 0a6 6 0 0 1 0 8.486a1 1 0 1 1-1.415-1.415a4 4 0 0 0 0-5.656a1 1 0 0 1 0-1.415zm.702 13a1 1 0 0 1 1.212-.727c1.328.332 2.169 1.18 2.652 2.148c.468.935.606 1.98.606 2.822a1 1 0 1 1-2 0c0-.657-.112-1.363-.394-1.928c-.267-.533-.677-.934-1.349-1.102a1 1 0 0 1-.727-1.212zM6.5 18C5.24 18 4 19.213 4 21a1 1 0 1 1-2 0c0-2.632 1.893-5 4.5-5h7c2.607 0 4.5 2.368 4.5 5a1 1 0 1 1-2 0c0-1.787-1.24-3-2.5-3h-7z" fill="currentColor"/></g></svg></h6>
          <ul>
            <BlogAuthors>
              <li><a href="<-AuthorLink->">
                  <-AuthorName->
                </a></li>
            </BlogAuthors>
          </ul>
        </div>
      </BlogAuthorsBlock>
    
      <BlogLinkDumpBlock>
        <div class="blackthemeMode">
          <h6>پیوندهای روزانه<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"><path d="M8 8c-2.248 0-4 1.752-4 4s1.752 4 4 4h2a1 1 0 1 1 0 2H8c-3.352 0-6-2.648-6-6s2.648-6 6-6h2a1 1 0 1 1 0 2H8zm5-1a1 1 0 0 1 1-1h2c3.352 0 6 2.648 6 6s-2.648 6-6 6h-2a1 1 0 1 1 0-2h2c2.248 0 4-1.752 4-4s-1.752-4-4-4h-2a1 1 0 0 1-1-1zm-6 5a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1z" fill="currentColor"/></g></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="blackthemeMode">
          <h6>دوستان<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"><path d="M12 4.528a6 6 0 0 0-8.243 8.715l6.829 6.828a2 2 0 0 0 2.828 0l6.829-6.828A6 6 0 0 0 12 4.528zm-1.172 1.644l.465.464a1 1 0 0 0 1.414 0l.465-.464a4 4 0 1 1 5.656 5.656L12 18.657l-6.828-6.829a4 4 0 0 1 5.656-5.656z" fill="currentColor"/></g></svg></h6>
          <ul>
            <BlogLinks>
              <li><a href="<-LinkUrl->" target="_blank">
                  <-LinkTitle->
                </a></li>
            </BlogLinks>
          </ul>
        </div>
      </BlogLinksBlock>
      <div class="blackthemeMode">
        <h6>کدهای وبلاگ<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"><path d="M12 4a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2h-6v6a1 1 0 1 1-2 0v-6H5a1 1 0 1 1 0-2h6V5a1 1 0 0 1 1-1z" fill="currentColor"/></g></svg></h6>
        <-BlogCustomHtml->
          <div class="blackthemeClear"></div>
      </div>
    </div>
  </div>
  <footer>
    قالب طراحی شده توسط 
    <h2><a href="https://blacktheme.ir/">بلک تم</a></h2>
  </footer>
  <!-- theme designed by https://blacktheme.ir  | Weblog Themes & code for Weblog -->
</body>
</html>

قالب بلاگفا

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

۱۱ دیدگاه

  • درود بر تو
    قالبات تحسین انگیز و عالین امیدوارم موفق بباشی
    یک سوال داشتم: برای ادامه مطلب چطور دکمه بزارم؟مثلا تو بعضی از قالبات ادامه مطلب به صورت متنی نوشته میخوام اون متنه تو یه دکمه یا باتم (bottum) باشه.میشه لطفا کدش رو زیر همین نظر خودم بنویسی؟ بیزحمت اگه ممکنه یه طوری باشه رنگ سیاه باشه و وقتی که موس یا دست میزارن روش رنگش به نارنجی تغییر کنه. خیلی ممنون
    ببخشید زحمتتون دادم اگه ممکنه اینکارو کنید خیلی ممنون

    • سلام تشکر ،
      این تکه کد رو پیدا کنید

      <a class="blackthemeLink" href="<-PostLink->">ادامه نوشته</a>
      

      بهش یک آی دی بدین ،
      بعد هر استایلی لازم دارید بهش اضافه کنید ، به طول مثال:

      <a class="blackthemeLink" id="myButton" href="<-PostLink->">ادامه نوشته</a>

      کد css

      #myButton {
          color:black;
        }
      #myButton:hover {
          color:yellow;
        }
  • سلام خدمت شما
    قالب های شما واقعا عالی هستند و حرفه ای فقط من یک سوالی داشتم شما سایتی می شناسید که cdn رایگان bootstrap و jquery بدهد چند بار با پیکوفایل امتحان کردم و جواب داد فقط چند تا مشکل داشت .

    • سلام دوست عزیز، تشکر لطف دارید
      من همچین سایت‌هایی رو ندیدم ، اگر برای jquery و bootstrap فقط لازم دارید میتونید از cdnهایی که خودشون گذاشتن استفاده کنید ، به وبسایت w3school هم سری بزنید ، در تمرین‌هاشون از cdn استفاده میکنن .

  • تنها قالبی بود که واقعا به دلم نشست.
    در یک کلمه فوق العادست
    واقعا نه تنها این قالب (که عشق منه) ، بلکه تک تک قالبهایی که توسط شما ساخته شده خیلی حرفه ای و زیبا هستند و واقعا شبیهش هیچ کجا نیست.
    بسیار خاص و عالی
    واقعا ممنون
    موفق باشید

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

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