Доброго времени суток.
Уже неделю бьюсь над некоторыми проблемами, которые так и не решились =_= Очень нужна Ваша помощь!
Отредактировано NewD (Чт, 14 Июн 2018 16:15:23)
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Выравнивание элементов, награды
Доброго времени суток.
Уже неделю бьюсь над некоторыми проблемами, которые так и не решились =_= Очень нужна Ваша помощь!
Отредактировано NewD (Чт, 14 Июн 2018 16:15:23)
Вообщем для наградок:
{хотя потом нун переделать наверно}
В Конец 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)
Ибо начинать нун с минимума скриптов( снять скрипт смены шапки, удалить все из HTML низ, кроме спойлер под N кнопок и выравнять Все поля <LI> в профиле
ну у меня скриптами ничего связанного с наградами не прописано, все в стиле х)
Спасибо за скрипт, у меня получилось их сдвинуть, но... все равно с ними какое-то "веселье". Между наградами нет расстояния. И при открытии спойлера они еще наезжают на поле "Активен", и сами еще обрезаются внизу T_T
Код я постарался засунуть в 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)
Deff, подскажите плиз по поводу остальных проблем?
NewD
Ближе к ночи... чичас занят слегка ( Завтра приходите в тему. чоб не ждать
Deff
спасибо, жду))
NewD
Давайте проведём разбор нужного заново и по одному Вопросу, а не кучей(следущий задавать, как решим текущий), ибо посмотрел, на мой взгляд Всё терпимо, единственное я бы сменил Шрифт(или раздвинул на пиксел) в заголовках темы на Главной и в Форумах... ибо читаемость ( на мой скромный взгляд) - отвратная... Если ток финт не был сделан спецом...для достижения такого эффекта
Отредактировано Deff (Вс, 17 Июн 2018 11:32:52)
NewD
Замените во втором Окне стиля Футтер на такой код вместе с добавкой
/* ФУТЕР */
#pun #pun-about p.container {
background-color: transparent;
background: url("https://forumstatic.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)
ибо читаемость ( на мой скромный взгляд) - отвратная... Если ток финт не был сделан спецом...для достижения такого эффекта
O.o на Вашем скрине и правда как-то стремно выглядит... а у меня и с ноута, и с компа и с телефона все выглядит вполне пристойно. Причем со всех браузеров.
И это мне теперь во всех во всех элементах добавлять раздвижку в пиксель? O.o потому что шрифт этот много где используется... и, как выясняется, не у всех нормально выглядит =____= это в браузере проблема? И как ее теперь решать? Может, проставить везде, где необходимо, letter-spacing: 0.05em;?
Так, по поводу основного вопроса)
ибо посмотрел, на мой взгляд Всё терпимо
Вот зеленая линия на картинке, относительно которой я хочу выровнять элементы, работает только для иконки и описания форумов. А вот "количество тем" и "количество сообщений" (цифры 3 и 4 соответственно), мини-аватарка (цифра 5) и блок с названием последней темы + дата и ник (цифра 6) - смещены криво относительно этой зеленой линии. Можно их как-то выровнять все?
PS
Замените во втором Окне стиля Футтер на такой код вместе с добавкой
спасибо)
!important - не нужно бы было ставить - если размеры и подвижки проставлять в Первом окне( так как оно загружается последним, а цвета и фоны во Втором... но поскок так уже сделано.. разделять и перетаскивать было бы занудством по времени и отвлечением от задачи коррекции недочётов...
вообще, я был бы не против привести все это безобразие в порядок =_= то есть в первом окне стиля все размеры и подвижки? А во втором - картинки и цвета? Но ведь удобнее, когда описание элемента в одном месте xDD
На будущее: Поиск нужных элементов по окнам стиля осуществляется через Контрл+F
я так и делаю иначе год можно искать нужный эл =_=
Отредактировано NewD (Вт, 19 Июн 2018 13:29:21)
Вот зеленая линия на картинке, относительно которой я хочу выровнять элементы, работает только для иконки и описания форумов. А вот "количество тем" и "количество сообщений" (цифры 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>
Попробуйте в HTML верх
спасибо, вроде, разобрался и подогнал под себя)) С пунктом 3 тоже разобрался.
Осталось два *_*
4. В пункте меню "Награды", если отключать рекламный баннер, шапка форума налезает на красную подложку под словом "награды". У меня стоит скрипт меняющегося контента, и вот судя по всему налезает сверху именно он. Я уже всячески извращался с z-index, но толку ноль =_= Помогите плиз!
Deff
про меня не забыли?
Картинка 4
Попробуйте в HTML верх
<style type="text/css">
/*Правки на странице наград Юзера*/
#pun-mod #pun-main{
position:relative;
z-index:100;
}
</style>
Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Выравнивание элементов, награды