Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Выравнивание элементов, награды


Выравнивание элементов, награды

Сообщений 1 страница 14 из 14

1

Доброго времени суток.
Уже неделю бьюсь над некоторыми проблемами, которые так и не решились =_= Очень нужна Ваша помощь!

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Отредактировано NewD (Чт, 14 Июн 2018 16:15:23)

0

2

Вообщем для наградок:
{хотя потом нун переделать наверно}
В Конец HTML верх:

Код:
<!--Для наградок-->
<style>
li.pa-awards .mini_awards a>img,
li.pa-awards .mini_awards a {
display:inline-block;
}
.mini_awards {
  display:block!important;
  position:relative;z-index:1000;
  margin-top:-35px!important;
  margin-left:-10px!important;
  background:#F0F0F0;
}
li.pa-awards .mini_awards a>img {
  margin:0 auto!important;
}
</style>


Ибо начинать нун с минимума скриптов( снять скрипт смены шапки, удалить все из HTML низ, кроме спойлер под N кнопок и выравнять Все поля <LI> в профиле

Ибо они у Вас вразнобой, а потом Вы их выеживаясь правите по одному с диким извратом

Отредактировано Deff (Чт, 14 Июн 2018 17:28:11)

+2

3

Deff написал(а):

Ибо начинать нун с минимума скриптов( снять скрипт смены шапки, удалить все из HTML низ, кроме спойлер под N кнопок и выравнять Все поля <LI> в профиле

ну у меня скриптами ничего связанного с наградами не прописано, все в стиле х)
Спасибо за скрипт, у меня получилось их сдвинуть, но... все равно с ними какое-то "веселье". Между наградами нет расстояния. И при открытии спойлера они еще наезжают на поле "Активен", и сами еще обрезаются внизу T_T

Что есть сейчас

http://s5.uploads.ru/YVKPN.jpg

А получить хочу вот такую красоту в итоге xD

http://sh.uploads.ru/MwkFJ.jpg

Код я постарался засунуть в css не бейте сильно за это

Код:
/*Награды*/
li.pa-awards .mini_awards {display:inline-block; font-size: 0px; text-aling: left!important; max-wigth: 60px; max-height: 60px; 
 margin-top: 6px; margin-bottom: 40px;}

li.pa-awards .mini_awards a>img {display:inline-block; margin-top: -34px; margin-right: 3px; max-height: 55px !important;
padding: 3px; 
border-top: #787878; border: 1px;
background: #f1f1f1;

}

li.pa-awards .mini_awards a>img:hover {background: #e1e1e1; }

.mini_awards {
  display:block!important;
  position:relative;z-index:1000;
  margin-top:-35px!important;
  margin-left:-15px!important;
padding: 3px!important;
}

li.pa-awards .mini_awards a>img {
  margin:0 auto!important;
}

Отредактировано NewD (Чт, 14 Июн 2018 18:30:35)

0

4

Deff, подскажите плиз по поводу остальных проблем?   :blush:

0

5

NewD
Ближе к ночи... чичас занят слегка ( Завтра приходите в тему. чоб не ждать  :flag:

+1

6

Deff
спасибо, жду))

0

7

NewD
Давайте проведём разбор нужного заново и по одному Вопросу, а не кучей(следущий задавать, как решим текущий), ибо посмотрел, на мой взгляд Всё терпимо, единственное я бы сменил Шрифт(или раздвинул на пиксел) в заголовках темы на Главной и в Форумах... ибо читаемость ( на мой скромный взгляд) - отвратная... Если ток финт не был сделан спецом...для достижения такого эффекта

http://sd.uploads.ru/YoTy5.jpg

Отредактировано Deff (Вс, 17 Июн 2018 11:32:52)

0

8

NewD
Замените во втором Окне стиля Футтер на такой код вместе с добавкой

/* ФУТЕР */
#pun #pun-about p.container {
    background-color: transparent;
    background: url("http://forumfiles.ru/files/0019/96/2e/60320.png") no-repeat!important;
    height:30px;
    width: 1015px!important;
    margin-left: -36px;
    margin-bottom: -29px!important;
    margin-top: 0!important;
    font-size: 0em;
}
#pun #pun-about {
    margin-bottom: -30px!important;
}


!important - не нужно бы было ставить - если размеры и подвижки проставлять в Первом окне( так как оно загружается последним, а цвета и фоны во Втором... но поскок так уже сделано.. разделять и перетаскивать было бы занудством по времени и отвлечением от задачи коррекции недочётов...

На будущее: Поиск нужных элементов по окнам стиля осуществляется через Контрл+F

Отредактировано Deff (Пн, 18 Июн 2018 05:53:02)

+1

9

Deff написал(а):

ибо читаемость ( на мой скромный взгляд) - отвратная... Если ток финт не был сделан спецом...для достижения такого эффекта

O.o на Вашем скрине и правда как-то стремно выглядит... а у меня и с ноута, и с компа и с телефона все выглядит вполне пристойно. Причем со всех браузеров.

Вот скрин

http://sh.uploads.ru/5lWAV.jpg

И это мне теперь во всех во всех элементах добавлять раздвижку в пиксель? O.o потому что шрифт этот много где используется... и, как выясняется, не у всех нормально выглядит =____= это в браузере проблема? И как ее теперь решать? Может, проставить везде, где необходимо, letter-spacing: 0.05em;?

Так, по поводу основного вопроса)

Deff написал(а):

ибо посмотрел, на мой взгляд Всё терпимо

http://sg.uploads.ru/lk6bT.jpg
Вот зеленая линия на картинке, относительно которой я хочу выровнять элементы, работает только для иконки и описания форумов. А вот "количество тем" и "количество сообщений" (цифры 3 и 4 соответственно), мини-аватарка (цифра 5) и блок с названием последней темы + дата и ник (цифра 6) - смещены криво относительно этой зеленой линии. Можно их как-то выровнять все?

Вот скрин, чтобы более понятно было, чего я пытаюсь добиться)

http://sh.uploads.ru/X4f0d.jpg


PS

Deff написал(а):

Замените во втором Окне стиля Футтер на такой код вместе с добавкой

спасибо)

Deff написал(а):

!important - не нужно бы было ставить - если размеры и подвижки проставлять в Первом окне( так как оно загружается последним, а цвета и фоны во Втором... но поскок так уже сделано.. разделять и перетаскивать было бы занудством по времени и отвлечением от задачи коррекции недочётов...

вообще, я был бы не против привести все это безобразие в порядок =_= то есть в первом окне стиля все размеры и подвижки? А во втором - картинки и цвета? Но ведь удобнее, когда описание элемента в одном месте xDD

Deff написал(а):

На будущее: Поиск нужных элементов по окнам стиля осуществляется через Контрл+F

я так и делаю  :blush: иначе год можно искать нужный эл =_=

Отредактировано NewD (Вт, 19 Июн 2018 13:29:21)

0

10

NewD написал(а):

Вот зеленая линия на картинке, относительно которой я хочу выровнять элементы, работает только для иконки и описания форумов. А вот "количество тем" и "количество сообщений" (цифры 3 и 4 соответственно), мини-аватарка (цифра 5) и блок с названием последней темы + дата и ник (цифра 6) - смещены криво относительно этой зеленой линии. Можно их как-то выровнять все?

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

Попробуйте в HTML верх

<style>
/*Выравнивание в ячейках на Главной*/
#pun-index td.tc2,
#pun-index td.tc3{
  padding-top:14px;
}
#pun-index td.tcr {
  padding-top:22px;
}
</style>

+3

11

Deff написал(а):

Попробуйте в HTML верх

спасибо, вроде, разобрался и подогнал под себя)) С пунктом 3 тоже разобрался.

Осталось два *_*

NewD написал(а):

4. В пункте меню "Награды", если отключать рекламный баннер, шапка форума налезает на красную подложку под словом "награды". У меня стоит скрипт меняющегося контента, и вот судя по всему налезает сверху именно он. Я уже всячески извращался с z-index, но толку ноль =_= Помогите плиз!


Картинка 4

http://sg.uploads.ru/t9Q8o.jpg

0

12

:flag:

0

13

Deff
про меня не забыли?  :blush:

0

14

NewD написал(а):

Картинка 4

Попробуйте в HTML верх

<style type="text/css">
/*Правки на странице наград Юзера*/
#pun-mod #pun-main{
  position:relative;
  z-index:100;
}
</style>

0


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Выравнивание элементов, награды