Неразбериха в расположении элементов дизайна шаблона

<<

Fleelancer

Аватара пользователя

Автор темы

Сообщения: 402

Зарегистрирован: 04 май 2011, 18:02

Благодарил (а): 22 раз.
Поблагодарили: 28 раз.

Сообщение 21 июл 2011, 15:33

Неразбериха в расположении элементов дизайна шаблона

Привет, ребята! у меня какая-то странная ситуация в расположении гаджетов шаблона, вот скрин
дизайн.jpg


Получается, что нижний сайдбар налегает на средний, наверно, я что-то намудрила в шаблоне, но не могу понять, что именно, вот кусочек шаблона
  Код:
</div> <!--end #top-sidebar-->



<div id='middle-sidebar'>
<div class='widget-area'>
<div id='middle-left'>
<div class='widget1 widget_recent_entries' id='recent-posts-4'>
<h3 class='widget-title'>Стамбул для Вас</h3>   
<ul>
<b:section id='category' showaddelement='yes'>
<b:widget id='LinkList2' locked='false' title='' type='LinkList'>
<b:includable id='main'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</b:includable>
</b:widget>
</b:section>
</ul>
</div>


<div class='widget1 widget_links' id='linkcat-2'>
<h6 class='widget-title'>Архив</h6>
<ul class='xoxo blogroll'>
<b:section id='blogroll' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h6 class='title'><data:title/></h6>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </a>
  </b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
<b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h6><data:title/></h6>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>

  </div>
</b:includable>
</b:widget>
</b:section>
</ul>
</div>
                        

<div class='widget1 widget_meta' id='meta-3'>
<h3 class='widget-title'>По Стамбулу</h3>      
<ul>                               
<b:section id='page' showaddelement='yes'>
<b:widget id='PageList2' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:loop>
</b:includable>
</b:widget>
</b:section>
</ul>
</div>   
</div> <!--end #middle-left-->


<div id='middle-right'>
<div class='widget1 widget_meta' id='meta-3'>
<h4 class='widget-title'>Друзья</h4>      
<ul>                               
<b:section id='page1' showaddelement='yes'/>
</ul>
</div>      
</div> </div> <!--end #middle-right--><!--end #widget-area-->
</div> <!--end #middle-sidebar-->
               


<div id='bottom-sidebar'>
                   
<b:section id='yourwid' showaddelement='yes'>
<b:widget id='HTML9' locked='false' title='' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

</b:includable>
</b:widget>
<b:widget id='Followers1' locked='false' title='' type='Followers'>
<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <b:if cond='data:codeSnippet != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    <b:else/>
      <b:if cond='data:totalFollowerCount != &quot;&quot;'>
        <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
      </b:if>
    </b:if> 
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      <b:else/>
        <b:if cond='data:totalFollowerCount == &quot;&quot;'>
          <span class='item-control following-not-admin'>
            <b><data:failureSnippet/></b>
          </span>
          <span class='item-control blog-admin'>
            <b><data:adminFailureSnippet/></b>
          </span>
        <b:else/>
          <b:if cond='data:followingLinkPresent'>
            <div class='follow-this profile-link item-control following-follow-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:followThisMessage/>
              </a>
            </div>
            <div class='follow-this profile-link item-control following-stop-following-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:stopFollowingMessage/>
              </a>
            </div>
          </b:if>
 
          <div class='followers-grid'>
            <b:if cond='data:totalFollowerCount == 0'>
              <div class='profile-link item-control following-follow-this'>
                <data:emptyFollowersMessage/>
              </div>
            </b:if>
            <!--
            Relies on the js written out in navbar.gxp
            -->
            <b:loop values='data:followers' var='follower'>
              <div class='follower'>
                <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
                <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
                </a>
              </div>
            </b:loop>
            <div class='clear'/>
          </div>
 
          <div class='followers-canvas profile-link'>
            <data:followersFooterMessage/>
            <span class='item-control following-not-admin'>
              <a expr:href='data:followersUri'>
                <data:viewAllMessage/>
              </a>
            </span>
            <span class='item-control blog-admin'>
              <a expr:href='data:manageFollowersUri'>
                <data:manageFollowersMessage/>
              </a>
            </span>
          </div>
          </b:if>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>                     
                  
</div> <!--end #bottom-sidebar-->
</div>
</b:if>
</div>



<div id='footer'>
У вас нет необходимых прав для просмотра вложений в этом сообщении.
<<

alexpaparazzi

Сообщения: 30

Зарегистрирован: 19 апр 2011, 20:21

Благодарил (а): 4 раз.
Поблагодарили: 0 раз.

Сообщение 22 июл 2011, 14:43

Элементы страницы в разделе Дизайн перемешались

Элементы страницы в разделе Дизайн перемешались. Как их снова вернуть обратно, не удаляя все изменения. Спасибо заранее за ваши ответы.
С уважением,
автор блога http://LadyGagaPaparazzi.ru Алекс Гага
<<

Fleelancer

Аватара пользователя

Автор темы

Сообщения: 402

Зарегистрирован: 04 май 2011, 18:02

Благодарил (а): 22 раз.
Поблагодарили: 28 раз.

Сообщение 22 июл 2011, 14:50

Re: Элементы страницы в разделе Дизайн перемешались

приложите, пожалуйста, скрин, и вашу тему переношу в похожую
<<

alexpaparazzi

Сообщения: 30

Зарегистрирован: 19 апр 2011, 20:21

Благодарил (а): 4 раз.
Поблагодарили: 0 раз.

Сообщение 22 июл 2011, 15:00

Re: Неразбериха в расположении элементов дизайна шаблона

Неразбериха в расположении элементов дизайна шаблона
С уважением,
автор блога http://LadyGagaPaparazzi.ru Алекс Гага
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 22 июл 2011, 16:37

Re: Неразбериха в расположении элементов дизайна шаблона

Fleelancer писал(а):Получается, что нижний сайдбар налегает на средний, наверно, я что-то намудрила в шаблоне, но не могу понять, что именно

А что, до того, как начала мудрить, такого не было?

У меня тоже были проблемы с этим шаблоном, именно с виджетами. На тот момент, когда я его устанавливала (просто автор его обновляет, и я не знаю, как сейчас), практически все виджеты были заданы не как HTML, а специальными тегами, т.е. в зависимости от того, как автор разместил все элементы сайдбара (решил, что тут у него будет список категорий, тут реклама, тут видео и т.д.), он прописал в шаблоне код не простого гаджета HTML/JavaScript, а именно стандартный код Blogger, который отвечает за вывод определенной информации. Плюс к этому, он жестко прописал к каждому гаджету заголовки в шаблоне.
Естественно, каждый блоггер потом пытается переделать шаблон под себя, и вот тут как раз и начинаются проблемы, что те гаджеты, которые автор установил по умолчанию, мы хотим переместить в другое место, а перемещая, они неправильно отображаются, а если мы хотим в этот гаджет поместить какую-то другую информацию, то опять получается - наша информация отображается неправильно.
В общем я через это прошла. И могу сказать, что чтобы все исправить, я удаляла его гаджеты именно в шаблоне, прописывала свои в шаблоне, а не на элементах страницы. И самая большая путаница была с гаджетами, которые выводят списки. И самая неприятная новость, что я этим занималась больше неделе почти каждый день.

Я это пишу к тому, что вот пока никто не ответил, а мне хочется помочь, но и я не могу это сделать. Потому что я не на столько хорошо разбираюсь в коде, чтобы сходу сказать, что и как нужно сделать.
И если сайдбар на блоге отображается корректно, то может не мучиться и оставить как есть, хотя бы пока?

alexpaparazzi писал(а):Неразбериха в расположении элементов дизайна шаблона

А это вы колонку уменьшали по ширине?
<<

Fleelancer

Аватара пользователя

Автор темы

Сообщения: 402

Зарегистрирован: 04 май 2011, 18:02

Благодарил (а): 22 раз.
Поблагодарили: 28 раз.

Сообщение 22 июл 2011, 17:03

Re: Неразбериха в расположении элементов дизайна шаблона

я наверное нашла ответ, поколупалась немного иву-а-ля

просто прописала нижний сайдбар в стилях шаблона (там его не было, только в классах) и всё стоит на своих местах

Добавлено спустя 1 минуту 32 секунды:
в общем, вот, что у меня вышло
  Код:
/* general widgets*/
.widget-area { border-bottom:1px solid #decfc9; }
.widget1 { padding:0 0 0px 0; border-bottom:0px solid #decfc9; padding-bottom:10px; }
.widget-title { background:#fdfffa  repeat-x left center; padding:5px 15px 4px 15px; text-transform:uppercase; color:#4b2912; font-family:Arial,serif; font-size:11px; border-bottom:1px solid #decfc9; border-top:1px solid #decfc9;}
.widget1 ul li { border-bottom:1px solid #decfc9; padding:5px 15px; }
.widget1 ul li:hover { background:#fdfffa; }
.widget1 > div { padding:10px 15px;  }
.widget_tag_cloud div,
.textwidget { padding:10px 15px;  border-top:1px solid #decfc9; }
#middle-sidebar {  }
#middle-left { width:185px; float:left; padding-bottom:20px; border-right:1px solid #decfc9;}
#middle-right { width:159px; padding-bottom:20px; float:right; }
#bottom-sidebar { width:333px; float:left; padding-bottom:20px; }

#bottom-sidebar { width:333px; float:left; padding-bottom:20px; } - вот этой строчки не было там
<<

alexpaparazzi

Сообщения: 30

Зарегистрирован: 19 апр 2011, 20:21

Благодарил (а): 4 раз.
Поблагодарили: 0 раз.

Сообщение 26 июл 2011, 18:31

Re: Неразбериха в расположении элементов дизайна шаблона

alexpaparazzi писал(а):Неразбериха в расположении элементов дизайна шаблона

А это вы колонку уменьшали по ширине?[/quote]

Нет. Я изменил размеры правой и левой колонок всего на пару пикселей. После этого изменения шаблон в "Элементы Страницы" съехал и когда я попытался устранить проблему, то в итоге ничего уже не поменялось. Проблема в том, что я хотел вставить один код в гаджет, который находится ниже самих постов. А он уже не отображается в шаблоне. Теперь не знаю как мне этот гаджет туда вставить.
С уважением,
автор блога http://LadyGagaPaparazzi.ru Алекс Гага
<<

Fleelancer

Аватара пользователя

Автор темы

Сообщения: 402

Зарегистрирован: 04 май 2011, 18:02

Благодарил (а): 22 раз.
Поблагодарили: 28 раз.

Сообщение 26 июл 2011, 20:11

Re: Неразбериха в расположении элементов дизайна шаблона

alexpaparazzi писал(а):
Нет. Я изменил размеры правой и левой колонок всего на пару пикселей. После этого изменения шаблон в "Элементы Страницы" съехал и когда я попытался устранить проблему, то в итоге ничего уже не поменялось. Проблема в том, что я хотел вставить один код в гаджет, который находится ниже самих постов. А он уже не отображается в шаблоне. Теперь не знаю как мне этот гаджет туда вставить.


Если вы изменяете (уменьшаете/увеличиваете) размеры одной стороны шаблона, то необходимо изменить (увеличить/уменьшить) размеры и другой стороны, а то шаблон во многих таких случаях просто съедет
<<

Celsus

Аватара пользователя

Сообщения: 45

Зарегистрирован: 02 дек 2011, 14:29

Благодарил (а): 15 раз.
Поблагодарили: 3 раз.

Сообщение 11 дек 2011, 19:02

Re: Неразбериха в расположении элементов дизайна шаблона

Тоже проблема с расположением.

Не могу расположить горизонтальное меню относительно #Header и .Content-inner

Меню лезет вниз, как будто не может находиться между header и content-inner

http://7698757949989.blogspot.com

Как сделать как здесь http://otprotivnogo.blogspot.com/
во втором примере настройки кривые, но с помощью них удалось расположить меню

Где ошибка в первом случае?

Может быть причина в атрибуте float в меню? В одной статье прочитал, что из-за float дивы, которые идут за float'ами, float'ы не замечают и подтягиваются вверх. Как и див, в котором float'ы находятся, в итоге float'нутые блоки проходят через низ дива, которые заканчивается раньше.
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 12 дек 2011, 14:54

Re: Неразбериха в расположении элементов дизайна шаблона

Celsus писал(а):Тоже проблема с расположением.

В этой теме обсуждалась проблема с расположением гаджетов в администраторской панели!
Celsus писал(а):Как сделать как здесь /go.php?http://otprotivnogo.blogspot.com/
во втором примере настройки кривые, но с помощью них удалось расположить меню

А вы разве не видите, что в примере высота больше, чем у вас?
Думаю, разгадка в этом коде:
  Код:
#menu-top ul {
padding: 8px 0;


Пожалуйста, прежде, чем написать, убедитесь, что в теме обсуждается именно ваша проблема, а не какая-то другая.
И большая просьба - вступить в группу Blogger'ы!!! И после этого публиковать свои скриншоты через встроенный функционал форума!
Подробности тут.
В следующий раз вынесу предупреждение.

Вернуться в Вопросы по шаблонам

Кто сейчас на конференции

Зарегистрированные пользователи: Google [Bot], Yandex [Bot]

Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo