Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)
Предыдущая тема: Общие вопросы по оформлению (64)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Элизабет фон Рихтер
Как минимум сделайте надпись "welcome home" отдельно от остального фона, иначе подогнать ее под любой размер экрана (чтобы отображалось везде идентично) не представляется возможным.
Alex_63
А вот можно к вам вопрос.......
Если мне надо шапку форума скрыть везде кроме главной? Как именно? Все страницы без шапки
то шапка отъезжает
Не шапка.. Это фон, а относительно фона форум и гуляет при разных разрешениях.. Если дело только в надписи, то убрать с фона надпись, сделать ее отдельно прозрачной и повесить фоном вот сюда:
#pun_wrap {
padding-bottom: 80px;
}
Вот так (отступом сверху регулируем здесь: padding-top: 210px;, а отступом картинки надписи сверху регулируем здесь: background: url(картинка надписи) center 20px no-repeat;):
#pun_wrap {
padding-bottom: 80px;
background: url(картинка надписи) center 20px no-repeat;
padding-top: 210px;
}А отсюда отступ сверху убрать:
#pun {
margin: auto;
width: 1135px;
padding: 0px 65px 0px 0px;
margin-top: 210px;
}
Alex_63
А вот можно к вам вопрос.......Если мне надо шапку форума скрыть везде кроме главной? Как именно? Все страницы без шапки
.punbb:not(#pun-index) /*а дальше всё как обычно, селектор шапки и правило для скрытия*/
Элизабет фон Рихтер
@kolobdur74 обратил внимание на ваш пост.
изначально проблемы связаны с вот такими кодами:
#pun {
margin: auto;
width: 1135px;
padding: 0px 65px 0px 0px;
margin-top: 210px;
}
.punbb {
height: auto;
margin: 0px 78px 0px 113px;
width: auto;
}
сначала вы выставляете ширину блока #pun,
а потом зачем-то добавляете к нему padding 65px справа.
зачем? вот эти 65 пикселей плюсуются к ширине #pun, если надо больше, то надо ставить width: 1200px;, а padding убирать
потом вы берете punbb (который находится внутри #pun) и делаете с ним какой-то космос:
справа у вас punbb отодвинут от #pun на 78px, а слева - на 113. к чему эта ассиметрия? так задумано?
при таком коде любой элемент внутри punbb (и меню, и сами форумные таблички, и вообще любой контент) будет странно "ездить" по фиксированной ширине и замысловато отступать от родительских блоков.
опишите, что вы задумали сделать с шириной и какая она должна быть - поправим это.
народ, есть какой-нибудь способ "зафиксировать" контейнер проголосовавших за пост, чтобы настроить его дизайн?
мб можно какой-нить скриптик или скрифтить тестовую страничку по аналогии с кодом от Дэффа для страницы переадресации?
Подскажите, пожалуйста, как можно зафиксировать картинку в дизайне сбоку?
Чтобы при прокрутке тот кусочек, который красным обведён, оставался на месте, как делать фона? При том, что он чутка заходит на тело форума, и это тоже желательно бы оставить, потому что иначе вообще нет смысла
Заранее спасибо 
Ссылка на форум: http://kawaiicity.rolka.su/
контейнер проголосовавших за пост, чтобы настроить его дизайн?
Это который всплывает при наведении на оценку?
$('.post#p{ID поста, в котором будешь тестировать} .post-rating p').trigger('mouseenter')
Чтобы при прокрутке тот кусочек, который красным обведён, оставался на месте, как делать фона? При том, что он чутка заходит на тело форума, и это тоже желательно бы оставить, потому что иначе вообще нет смысла
Не вижу на форуме вышеуказанного кусочка. По идее можете просто ссылку на картинку дать.
Не вижу на форуме вышеуказанного кусочка. По идее можете просто ссылку на картинку дать.
На форуме кусочка нет, потому что я не знаю, как его поставить туда, где я указала; по сути мне нужно просто эту картинку закрепить в определённой части просматриваемой страницы, чтобы всё остальное было подвижным, а это просто оставалось на месте, но я хз, как именно или даже какая часть скрипта или кода дизайна за это может отвечать
по сути мне нужно просто эту картинку закрепить в определённой части просматриваемой страницы, чтобы всё остальное было подвижным, а это просто оставалось на месте
То есть всегда неподвижным? Картинку саму скиньте..
Отредактировано kolobdur74 (Вс, 9 Авг 2020 14:26:38)
herbarium
Идею мы поняли, Вы нам картинку скиньте)
То есть всегда неподвижным? Картинку саму скиньте..
herbarium
Идею мы поняли, Вы нам картинку скиньте)
Я пока в процессе её создания, но пусть в качестве временной, я же потом смогу поменять на готовую версию (плюс, надо будет посмотреть, какой размер и цвет надо лучше с фоном выбрать)
[img]http://d.radikal.ru/d15/2008/bf/273550a67faa.png[/img]
Отредактировано herbarium (Вс, 9 Авг 2020 15:22:24)
Я пока в процессе её создания, но пусть в качестве временной, я же потом смогу поменять на готовую версию (плюс, надо будет посмотреть, какой размер и цвет надо лучше с фоном выбрать)
В НТМЛ верх:
<style>
#pun {position: relative;}
.imgdrag {
display: inline-block;
position: fixed;
top: 100px;
margin-left: -130px;
width: 120px;
}
</style>
<img src="https://d.radikal.ru/d15/2008/bf/273550a67faa.png" class="imgdrag">Где:
top: 100px; - отступ сверху
margin-left: -130px; - Сдвиг влево
width: 120px; - нужный размер картинки
Тестируйте..
kolobdur74
Ого, вот это здорово, спасибо!!)) Я потом отпишусь о результате
herbarium
В HTML верх, мелкие подвижки можно править цифрой красным:
<img src="http://d.radikal.ru/d15/2008/bf/273550a67faa.png" style="
position:fixed;
left:calc(50% - 851px);
">
#pun {position: relative;}
а потом @Deff в меня тапки кидаешь, что это якобы я в самый верхний блок вкорячиваю relative
вот тебе пруф, что это без меня люди успешно делают. 
доброго)
в объявлении на форуме находятся картинки со стилем mix-blend-mode: soft-light;
и из-за него на андроидах при увеличении форум начинает обрезаться
возможно ли это как-то поправить, не удаляя микс?
Отредактировано бланш (Вс, 9 Авг 2020 19:45:03)
из-за него на андроидах при увеличении форум начинает обрезаться
вот так
А ссылка на форум ?
Deff
сейчас пришлю в лс)
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)