вторник, 25 июля 2017 г.

Не показывать боковую панель на определённой странице.

Здесь мы уберём боковую панель (правую, левую или обе), а содержание растянем на всю страницу. Удобно применять, скажем, для оглавления. Код добавляется перед </head>. Я покажу на примере своей страницы, пряча правую боковую панель column-right-outer, для левой - column-left-outer:

<b:if cond='data:blog.url == &quot;http://shpargalkablog.ru/2010/07/razrabotka-bloga-v-blogger.html&quot;'>
<style type='text/css'>
      .main-inner .columns {
        padding-right: 0;
      }
      .main-inner .fauxcolumn-center-outer {
        right: 0;
        _width: expression(this.parentNode.offsetWidth -
             parseInt(&quot;$(main.column.left.width)&quot;) + &#39;px&#39;);
      }
      .main-inner .fauxcolumn-right-outer {
        width: 0px;
      }
      .main-inner .column-right-outer {
        width: 0px;
        margin-right: 0;
      }
</style>
</b:if>
Также выделенное жирным (строка сверху и снизу) добавляем в код
<b:if cond='data:blog.url != &quot;http://shpargalkablog.ru/2010/07/razrabotka-bloga-v-blogger.html&quot;'>
<div class='column-right-outer'>
        <div class='column-right-inner'>
          <aside>
          <macro:include id='main-column-right-sections' name='sections'>
            <macro:param default='2' name='num' value='1'/>
            <macro:param default='sidebar-right' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>
</b:if>

Дизайн основной части Blogger
Если нужно скрыть одну из частей правой колонки (в моём случае её размер равен 220px), то применяем код:
<b:if cond='data:blog.url == &quot;http://shpargalkablog.ru/2010/07/razrabotka-bloga-v-blogger.html&quot;'>
<style type='text/css'>
.main-inner .columns {padding-right: 220px;}
.main-inner .fauxcolumn-center-outer {right: 220px;}
.main-inner .fauxcolumn-right-outer {width: 220px;}
.main-inner .column-right-outer {margin-right: -220px; width: 220px;}
.main-inner .column-right-inner table.section-columns td 
  {display: none;}
.main-inner .column-right-inner table.section-columns td.first 
  {display: inline; width: 100%;}
#sidebar-right-2-2 {display: none;}    
</style>
</b:if>
источник

Комментариев нет:

Отправить комментарий

coinpayu
.......
seosprint.net
   
scarlet-clicks.info

Друзья! Вы можете поддержать сайт материально!

Друзья! Вы можете поддержать сайт материально!

Яндекс.Метрика Генератор ТИЦ