Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Блок Поделиться в shortstory.tpl

Блок Поделиться в shortstory.tpl


     06.03.2012    Pisces, Поделиться, социальные сети    Все вопросы » Общие вопросы по вёрстке    4822

вопрос
Стандартный шаблон Pisces. DLE 9.5
Подскажите, как можно добавить блок "Поделиться" от Яндекса так, чтобы он был на одной линии с рейтингом, избранным, редактированием и кнопкой Подробнее, а точнее по центру этой линии
Все мои попытки похожи на
Блок Поделиться в shortstory.tpl

Блок Поделиться в shortstory.tpl


А нужно так:
Блок Поделиться в shortstory.tpl




Ответил: ПафНутиЙ


Попробуйте положить блок от яндекса в див и поместить после:
<p class="argcat small">Категория: {link-category}</p>
    </div>

в css прописать диву
margin: -20px auto 0; text-align: center;

8 комментариев

ПафНутиЙ
Админ

ПафНутиЙ - 6 марта 2012 20:32 -

***Комментарий удален***

Каков вопрос - таков и ответ. Просто помните об этом.

Spirkaa
Юзер

Spirkaa - 6 марта 2012 20:56 -


Прописал, выводится по центру, но ниже нужного блока

ПафНутиЙ
Админ

ПафНутиЙ - 6 марта 2012 21:01 -

поставьте побольше значение -20. например -30 иои -40

Каков вопрос - таков и ответ. Просто помните об этом.

Spirkaa
Юзер

Spirkaa - 6 марта 2012 21:16 -

Поставил -68, блок встал куда надо, и остаётся в центре при изменении размера окна браузера. Огромное спасибо за помощь!

sergey
Юзер

sergey - 6 марта 2012 22:29 -

просто напросто может быть <span class=" вместо <div или <p

Spirkaa
Юзер

Spirkaa - 7 марта 2012 08:38 -

Так, вчера на радостях не заметил, что такой манёвр прячет категорию, выглядит это так

Замена div на span ставит блок как на скрине в комментарии

Spirkaa
Юзер

Spirkaa - 7 марта 2012 11:28 -

Разобрался.
Див с кодом яндекса надо вставлять между </div></div>, которые идут после <div class="rate">{rating}</div> , а в css надо добавить width: 70px; height: 17px; для того, чтобы блок всегда оставался в центре (в любом браузере) и не сдвигался, если нет кнопки Подробнее или кнопок редактирования и закладок. Значение margin -32px

klaf
Юзер

klaf - 7 марта 2012 20:23 -

Пользуй ;))
htmlbook.ru

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх