قالب عکس بلاگفا

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

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

کد قالب عکس بلاگفا

<!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/sahel-font@v3.4.0/dist/font-face.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%}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:'sahel',sans-serif,tahoma}body{line-height:1.8;font-size:10pt;direction:rtl}a{text-decoration:none;color:inherit}a:hover{color:#4c6fff!important}svg{display:block;width:24px;height:24px}body{background-color:#ececec;color:#111;padding:20px}.blackthemeBox{max-width:992px;margin:auto;padding:40px;background-color:#f5f5f5}header ul{list-style-type:none;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;margin:0;padding:0}header ul li{margin-left:5px}header ul li:last-of-type{margin-left:0}header{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding-bottom:20px}header h1{font-size:1.5em;padding:0;margin:0}header h2{font-size:1.2em;font-weight:400;margin:0;padding:0}.blackthemePostList{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 -5px}.blackthemePostList .wrap{padding:5px;width:25%}.blackthemePostList .wrap .box .postLink{display:block;background-color:#d4d4d4;height:200px;position:relative;overflow:hidden;z-index:1;background-size:24px;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg 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'%3E%3Cg fill='none'%3E%3Cpath d='M15.5 10a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3z' fill='currentColor'/%3E%3Cpath d='M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5zm16 0H5v7.92l3.375-2.7a1 1 0 0 1 1.25 0l4.3 3.44l1.368-1.367a1 1 0 0 1 1.414 0L19 14.586V5zM5 19h14v-1.586l-3-3l-1.293 1.293a1 1 0 0 1-1.332.074L9 12.28l-4 3.2V19z' fill='currentColor'/%3E%3C/g%3E%3C/svg%3E")}.blackthemePostList .wrap .box .postLink::before{content:'';z-index:2;position:absolute;pointer-events:none;transition:.2s ease;-webkit-transition:.2s ease;-moz-transition:.2s ease;-ms-transition:.2s ease;-o-transition:.2s ease;left:0;right:0;width:100%;height:100%}.blackthemePostList .wrap .box .postLink:hover::before{background-color:hsla(240,5%,17%,.5);backdrop-filter:blur(4px)}.blackthemePostList .wrap .box .postLink span{position:absolute;right:0;padding:20px;bottom:0;z-index:3;font-weight:700;display:block;color:#fff;font-size:1.25em}.blackthemePostList .wrap .box .content{display:none}.blackthemePostList .wrap:nth-child(1),.blackthemePostList .wrap:nth-child(12),.blackthemePostList .wrap:nth-child(13),.blackthemePostList .wrap:nth-child(18),.blackthemePostList .wrap:nth-child(19),.blackthemePostList .wrap:nth-child(24),.blackthemePostList .wrap:nth-child(25),.blackthemePostList .wrap:nth-child(30),.blackthemePostList .wrap:nth-child(6),.blackthemePostList .wrap:nth-child(7){width:50%}.blackthemeOverlay{position:fixed;width:100%;height:100%;z-index:4;top:0;left:0;background-color:hsla(240,5%,17%,.5);opacity:0;pointer-events:none}.blackthemeOverlay.set{opacity:1;pointer-events:all}.blackthemeSidebar{position:fixed;top:0;left:-350px;width:100%;height:100%;max-width:350px;padding:20px;background-color:#f5f5f5;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;overflow:auto;z-index:5;transition:.3s cubic-bezier(.075,.82,.165,1);-webkit-transition:.3s cubic-bezier(.075,.82,.165,1);-moz-transition:.3s cubic-bezier(.075,.82,.165,1);-ms-transition:.3s cubic-bezier(.075,.82,.165,1);-o-transition:.3s cubic-bezier(.075,.82,.165,1);will-change:auto}body{overflow-x:hidden}.blackthemeSidebar.set{left:0}.blackthemePagination{max-width:576px;margin:20px auto 0 auto;font-weight:700}.blackthemePrevoius{float:right}.blackthemeNext{float:left}.blackthemeClear{clear:both}.blackthemeCode{margin:40px 0;text-align:center}footer{text-align:center}footer h2{font-weight:700;font-size:inherit;display:inline-block;margin:0;padding:0}@media screen and (max-width:576px){.blackthemePostList .wrap{width:50%!important}.blackthemeBox{padding:20px}.blackthemePostInfo .img{max-width:50px;min-width:50px}.blackthemePostInfo .img img{width:50px;height:50px}header{flex-direction:column}header ul{width:100%;margin-bottom:20px;justify-content:flex-end}.blackthemeInfo{width:100%;text-align:center}}@media screen and (max-width:768px){.blackthemePostList .wrap{width:50%!important}}@media screen and (max-width:576px){body{padding:10px;font-size:8pt}}@media screen and (max-width:400px){.blackthemePostList .wrap{width:100%!important}}.blackthemePostList.set{display:block}.blackthemePostList.set .wrap{width:100%!important;max-width:768px;margin:40px auto}.blackthemePostList.set .wrap .postLink{display:none}.blackthemePostList.set .wrap .content{display:block}.blackthemePostInfo{display:flex;flex-direction:row;align-items:center;margin-bottom:20px}.blackthemePostInfo .img img{display:block;width:70px;height:70px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.blackthemePostInfo .img{min-width:70px;max-width:70px;width:100%}.blackthemePostInfo .img{margin-left:10px}.info h2{margin:0;padding:0}.blackthemePostTag{display:flex;flex-direction:row;flex-wrap:wrap;margin:20px 0;font-size:9pt}.blackthemePostTag a{padding:5px 10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;margin:0 0 10px 10px;background-color:#ececec;display:block}.info span{font-size:9pt;color:#888}.blackthemeComment a{display:block;background-color:#ececec;text-align:center;padding:10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;margin:auto;font-weight:700}.blackthemeSideBox{margin-bottom:40px;font-weight:700}.blackthemeSideBox h6{display:flex;flex-direction:row;align-items:center;font-weight:700;font-size:inherit;justify-content:space-between;padding:10px;background-color:#f0f0f0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;margin:0 0 10px 0;color:#666}.blackthemeSideBox ul{list-style-type:none;margin:0;padding:0}</style>
</head>
<body>
<div class="blackthemeBox">
  <header>
    <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="M2 5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v2a2 2 0 0 1-1.017 1.742c.011.084.017.17.017.258v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9c0-.087.006-.174.017-.258A2 2 0 0 1 2 7V5zm18 2V5H4v2h16zM5 9v10h14V9H5zm3 3a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1z" 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="M16.293 2.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-13 13A1 1 0 0 1 8 21H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 .293-.707l10-10l3-3zM14 7.414l-9 9V19h2.586l9-9L14 7.414zm4 1.172L19.586 7L17 4.414L15.414 6L18 8.586z" fill="currentColor"/></g></svg></a></li>
      <li><a href="javascript:void(0);" id="menu"><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="M4 7a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1zm0 5a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1zm0 5a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1z" fill="currentColor"/></g></svg></a></li>
    </ul>
    <div class="blackthemeInfo">
      <h1><a href="<-BlogUrl->"><-BlogTitle-></a></h1>
      <h2><-BlogDescription-></h2>
    </div>
  </header>

  <div class="blackthemePostList">
    <BLOGFA>  
      <div class="wrap">
        <article class="box">
          <a class="postLink" href="<-PostLink->"><span><-PostTitle-></span></a>
          <div class="content">

            <div class="blackthemePostInfo">
              <div class="img">
              </div>
              <div class="info">
                <h2 class="blackthemePostBoxTitle"><a href="<-PostLink->"><-PostTitle-></a></h2>
                <span><b><-PostAuthor-></b> <-PostDate->، <-PostTime-> </span>
              </div>
            </div>
            <div class="text">
              <-PostContent->
              <div class="blackthemeClear"></div>
              <BlogPostTagsBlock>
                <div class="blackthemePostTag">
                        <BlogPostTags separator="  "><a href="<-TagLink->"><-TagName-></a></BlogPostTags>
                </div>
              </BlogPostTagsBlock> 
            </div>
            <BlogComment>
              <div dir="rtl" class="blackthemeComment" comment-for="<-PostId->"><a href="#">نظر بدهید</a></div>
            </BlogComment>
          </div>
        </article>
      </div>
    </BLOGFA>

  </div>
  <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 class="blackthemeCode">
      <-BlogCustomHtml->
      <div class="blackthemeClear"></div>
    </div>
  <footer>
      قالب طراحی شده توسط <h2><a href="https://blacktheme.ir/" title="قالب وبلاگ و کد وبلاگ">بلک تم</a></h2>
  </footer>
  <div class="blackthemeOverlay"></div>
  <div class="blackthemeSidebar">
    <BlogProfile>
      <div class="blackthemeSideBox bio">
        <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->"><br></div></BlogPhoto>
        <-BlogAbout->
      </div>
    </BlogProfile>
          
    <BlogPreviousItemsBlock>
      <div class="blackthemeSideBox">
        <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="15">
            <li>
              <a href="<-PostLink->" title="<-PostDate->">
                <-PostTitle->
              </a>
            </li>
          </BlogPreviousItems>
        </ul>
      </div>
    </BlogPreviousItemsBlock>
  
    <BlogCategoriesBlock>
      <div class="blackthemeSideBox">
        <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="blackthemeSideBox">
        <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="blackthemeSideBox">
        <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="blackthemeSideBox">
        <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="blackthemeSideBox">
        <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="M16.2 6a1 1 0 0 1 1-1c.637 0 1.262.128 1.871.372c.663.265 1.173.658 1.636 1.12c.463.464.856.974 1.121 1.637c.244.609.372 1.234.372 1.871s-.128 1.262-.372 1.871c-.261.655-.648 1.16-1.104 1.619l-.984 1.083a.967.967 0 0 1-.033.034l-3.2 3.2c-.463.463-.973.856-1.636 1.122A5.012 5.012 0 0 1 13 19.3a5.012 5.012 0 0 1-1.871-.372c-.663-.265-1.173-.658-1.636-1.12c-.463-.464-.856-.974-1.121-1.637A5.145 5.145 0 0 1 8 14.2c0-.637.128-1.262.372-1.871c.265-.663.658-1.173 1.12-1.636l1.1-1.1a1 1 0 1 1 1.415 1.414l-1.1 1.1c-.337.337-.544.627-.678.964A3.014 3.014 0 0 0 10 14.2c0 .476.077.85.229 1.229c.134.337.341.627.678.964c.337.337.627.544.964.678c.391.157.766.229 1.129.229s.738-.072 1.129-.229c.337-.134.627-.341.964-.678l3.183-3.183l.984-1.083a.967.967 0 0 1 .033-.034c.337-.337.544-.627.678-.964c.157-.391.229-.766.229-1.129s-.072-.738-.229-1.129c-.134-.337-.341-.627-.678-.964c-.337-.337-.627-.544-.964-.679A3.014 3.014 0 0 0 17.2 7a1 1 0 0 1-1-1zm-4.9 1.5c-.363 0-.738.072-1.129.228c-.337.135-.627.342-.964.68L5.924 11.69l-.984 1.083l-.033.034c-.337.337-.544.627-.679.964A3.014 3.014 0 0 0 4 14.9c0 .363.072.738.228 1.129c.135.337.342.627.68.964c.336.337.626.544.963.679c.391.156.766.228 1.129.228a1 1 0 1 1 0 2a5.011 5.011 0 0 1-1.871-.371c-.663-.266-1.173-.659-1.636-1.122c-.463-.463-.856-.973-1.121-1.636A5.012 5.012 0 0 1 2 14.9c0-.637.128-1.262.372-1.871c.261-.655.648-1.16 1.104-1.619l.984-1.083l.033-.034l3.3-3.3c.463-.463.973-.856 1.636-1.121A5.012 5.012 0 0 1 11.3 5.5c.637 0 1.262.128 1.871.372c.663.265 1.173.658 1.636 1.12c.463.464.856.974 1.121 1.637c.244.609.372 1.234.372 1.871s-.128 1.262-.372 1.871c-.262.655-.649 1.162-1.105 1.62l-1.086 1.185a1 1 0 0 1-1.474-1.352l1.1-1.2l.03-.031c.337-.337.544-.627.678-.964c.157-.391.229-.766.229-1.129s-.072-.738-.229-1.129c-.134-.337-.341-.627-.678-.964c-.337-.337-.627-.544-.964-.679A3.014 3.014 0 0 0 11.3 7.5z" 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="blackthemeSideBox">
        <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>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$('article .text').each(function(){
if ($(this).children().find('img').length) {
    var findArticleTarget = $(this).find('img:first-of-type').attr('src');
    $(this).parent().prevAll('.postLink').css({ 'background-image': 'url("' + findArticleTarget + '")', 'background-size': 'cover', 'background-position': 'center bottom' });
  }
});
$('#menu').click(function(){
  $('.blackthemeSidebar').addClass('set');
  $('.blackthemeOverlay').addClass('set');
});
$('.blackthemeOverlay').click(function(){
  $('.blackthemeSidebar').removeClass('set');
  $('.blackthemeOverlay').removeClass('set');
});
var windowURL=window.location.href;windowURL.indexOf("post")>-1&&($(".blackthemePostList").addClass("set"),$('.bio img').clone().appendTo('.blackthemePostInfo .img'));
</script>
<!-- theme designed by https://blacktheme.ir  | Weblog Themes & code for Weblog -->
</body>
</html>

قالب بلاگفا

پازل تصاویر بلاگفاپوسته بلاگفاقالب بلاگفاقالب بلک تمقالب پازلی بلاگفاقالب پازلی وبلاگقالب جدید بلاگفاقالب حرفه ای بلاگفاقالب رایگان بلاگفاقالب رایگان بلک تمقالب ساده بلاگفاقالب سفید بلاگفاقالب عکاسی بلاگفاقالب عکس بلاگفا

۳ دیدگاه

  • سلام ببخشید منویی که باز میشه رو برای بستنش یک ایکون بزارین چون وقتی بخای ببندیش کل صفحه رو میگیره باید بَک بزنی دوباره بیای توی سایت😕

    • نه آقا جون بیای ضربه بزنی انور صفحه درسته فقط من موندم باید برای گذاشتم عکس از چه کلاسی استفاده کنیم اصلا هیچی نگفته خو بگو یه چیزیــــــ

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

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