Вопрос по туториалу «Украшаем нумерацию поста» от Домового

автор Vadim Июль 11th 2012, 20:15

Туториал: https://help.forum2x2.ru/t26610-topic

Можно этот скрипт сделать для форума с профилем в правой стороне? Потому что, с эти скриптом на форуме с правой стороны сикось-накось работает, тогда как если профиль слева - все отлично!

И по-моему, картинка, что стоит по умолчанию в предоставленном скрипте нерабочая, я заменил, на одну из предложенных ниже и все отлично стало.

Домовой, огромное спасибо за туториал! Мне очень понравилось! Спасибо, что поделился!

автор Домовой Июль 11th 2012, 20:50

В данном случае могу предложить расположение нумерации слева
Картинку перезалил вновь

Код:: /* оформление номера поста */ .pun .posthead h2 strong { background-image:url(http://www.snapsnap.ru/i/nen.png); /* фоновая картинка */ background-repeat:no-repeat; width:43px; /* ширина картинки */ height:29px; /* высота картинки */ text-align:center; font-size:14px; /* размер шрифта номера */ color:#460000; /* цвет шрифта номера */ font-family:Georgia; /* шрифт номера */ margin-top:-5px; /* смещение номера вместе с картинкой к верху */ padding:5px 0; /*расположение номера в картинке */ float: left; /*расположение слева */ }

Вопрос по туториалу «Украшаем нумерацию поста» от Домового 3129531m

автор Vadim Июль 11th 2012, 21:00

Ну тоже вариант. Отлично спасибо большое!

автор Vadim Июль 11th 2012, 21:17

А подсказки:

Код:: /* ширина картинки */

Это как оказалось "Смещение картинки по горизонтали"

А это:

Код:: height:29px; /* высота картинки */

"Смещение картинки по вертикали"

По крайней мере, у меня они так работали pardon

автор Домовой Июль 11th 2012, 21:26

Это не смещение а размер.
Если сделать меньше то картинка будет отображаться обрезанной, если больше то придётся менять значения

Код:: padding:5px 0; /*расположение номера в картинке */

автор Домовой Июль 11th 2012, 21:38

Вот вариант с отступом названия темы от картинки

Код:: /* оформление номера поста */ .pun .posthead h2 strong { background-image:url(http://www.snapsnap.ru/i/nen.png); /* фоновая картинка */ background-repeat:no-repeat; width:43px; /* ширина картинки */ height:29px; /* высота картинки */ text-align:center; font-size:14px; /* размер шрифта номера */ color:#460000; /* цвет шрифта номера */ font-family:Georgia; /* шрифт номера */ margin-top:-5px; /* смещение номера вместе с картинкой к верху */ padding-top:5px; /*расположение номера в картинке */ padding-right:10px; /* отступ ссылки название темы и время создания поста от иконки */ float: left; }

автор Vadim Июль 11th 2012, 23:07

Спасибо большое! Ну я вот так настроил: http://probnichec.forum2x2.ru/t2-topic#10 Главное что все настраиваемое и выглядит очень здорово!

С таким кодом у меня:

Код:: /* оформление номера поста */ .pun .posthead h2 strong { background-image:url(http://s019.radikal.ru/i639/1207/5f/3acc7c3a9bb3.png); /* фоновая картинка */ background-repeat:no-repeat; width:58px; /* ширина картинки */ height:29px; /* высота картинки */ text-align:center; font-size:25px; /* размер шрифта номера */ color:#460000; /* цвет шрифта номера */ font-family:Georgia; /* шрифт номера */ margin-top:-5px; /* смещение номера вместе с картинкой к верху */ padding:4px 0; /*расположение номера в картинке */ float: left; /*расположение слева */ }

автор Домовой Июль 11th 2012, 23:30

смотрится здорово.
Вот только ты не подумал о размере шрифта.
Когда количество постов будет трёхзначным цифра в картинке не уместится.
Я не просто так написал там такой размер smile