Вопросы по оформлению форума. Если у вас возникли проблемы, то, пожалуйста, не забывайте указывать адрес вашего форума.
Отредактировано dean (2013-03-12 17:54:05)
Вопросы по дизайну.
Страница: 1
Сообщений 1 страница 18 из 18
Поделиться12013-03-12 17:53:43
Поделиться22013-03-26 16:18:37
- weirdo
- Зарегистрирован: 2013-03-04
- Приглашений: 0
- Сообщений: 567
- Уважение: +29
- Позитив: +33
- Провел на форуме:
5 дней 10 часов - Последний визит:
2014-08-14 01:45:16
Подскажите, как добавить картинку-подложку под главное меню?
Ссылка
Поделиться32013-03-26 16:52:40
Под "форум", "участники" же? Залипаю немного.
Способов не так уж и мало. Можно сделать дополнительный элемент (прописать его в настройках, html), а затем задать ему настройки уже в css; можно в body прописать сразу несколько фоновых изображений; можно использовать pun_wrap.
Как вариант, прописать изображение бэкграундом этого меню, но в том случае его ширина будет ограничена шириной тела форума.
Поделиться42013-03-26 17:03:26
- weirdo
- Зарегистрирован: 2013-03-04
- Приглашений: 0
- Сообщений: 567
- Уважение: +29
- Позитив: +33
- Провел на форуме:
5 дней 10 часов - Последний визит:
2014-08-14 01:45:16
Хейм, да, именно туда) Сначала сделала их картинкой шапки, но потом поняла что не выйдет. Если только совсем извращенческий вариант с одной большой картинкой с прозрачными областями.
Из всего поняла только
Хейм написал(а):
прописать изображение бэкграундом этого меню
Самое то. Это блок D3?
Поделиться52013-03-26 17:08:19
Nicah, да. Про ширину уже сказала.)
Про остальное, если что, расскажу; просто не стала сразу писать.
Поделиться62013-03-26 17:34:37
- weirdo
- Зарегистрирован: 2013-03-04
- Приглашений: 0
- Сообщений: 567
- Уважение: +29
- Позитив: +33
- Провел на форуме:
5 дней 10 часов - Последний визит:
2014-08-14 01:45:16
Хейм, я там кажется ерунду какую-то сейчас сделала) Картинка есть но она по высоте обрезалась.
А divом как это грамотно сделать?
Поделиться72013-03-26 17:40:31
Nicah, высоту элемента задай.) У меня в огнелисе при прописанной высоте всё отображается.
Про div надо уточнить, я классы весьма смутно помню. Сейчас.
Поделиться82013-03-26 18:24:16
- weirdo
- Зарегистрирован: 2013-03-04
- Приглашений: 0
- Сообщений: 567
- Уважение: +29
- Позитив: +33
- Провел на форуме:
5 дней 10 часов - Последний визит:
2014-08-14 01:45:16
Ура, получилось)
Другой вопрос из длинного списка над шапкой на пару пикселей вылазит полоса бэкраунда с тела форума, как ее можно убрать?
Поделиться92013-03-26 19:13:02
Nicah, бордер, судя по всему. Если ты говоришь про полоску над этой частью.
/* D1.1 */ #pun-title {... border-width: 1px 1px 0 1px}
Либо вообще убрать бордеры в D1.1, вырезав соответствующие фрагменты и заменив их "border: none", либо настроить процитированную ширину. Там где-то должен быть 0 вместо единицы.
Поделиться102013-03-26 21:32:48
- weirdo
- Зарегистрирован: 2013-03-04
- Приглашений: 0
- Сообщений: 567
- Уважение: +29
- Позитив: +33
- Провел на форуме:
5 дней 10 часов - Последний визит:
2014-08-14 01:45:16
Хейм, сработало) Спасибо, я бы не за что не догадалась там править.
Поделиться112013-03-26 22:05:26
- weirdo
- Зарегистрирован: 2013-03-04
- Приглашений: 0
- Сообщений: 567
- Уважение: +29
- Позитив: +33
- Провел на форуме:
5 дней 10 часов - Последний визит:
2014-08-14 01:45:16
И снова я. Как выставить по центру контейнер в объявлении?я честно старалась, но метод тыка не сработал
Поделиться122013-03-26 22:11:46
Nicah, можно мне код объявления / контейнера?
Поделиться132013-03-26 22:59:21
- weirdo
- Зарегистрирован: 2013-03-04
- Приглашений: 0
- Сообщений: 567
- Уважение: +29
- Позитив: +33
- Провел на форуме:
5 дней 10 часов - Последний визит:
2014-08-14 01:45:16
Хейм, вот, брала здесь.
контейнер
<!--Контейнер в объявлении-->
<style>
.container1 {width: 750px; margin: 0 auto; padding: 0; border: 1px; align: center;}
ul.tabs {
margin: 0;
padding: 10;
float: left;
list-style: none;
height: 40px;
width: 467px;
width: 100%;
}ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 40px;
line-height: 40px;
border: 0px;
border-top: 1px dotted #000000;
border-bottom: 1px dotted #000000;
border-right: 1px dotted #000000;
border-left: 1px dotted #000000;
margin-bottom: -2px;
background: url();
overflow: hidden;
position: relative;
}ul.tabs li a {
text-decoration: none;
color: transparent;
display: block;
padding: 0 5px;
background: url();
outline: none;
}ul.tabs li a:hover {
background: url();
border-bottom: 0px solid #000000;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
}html ul.tabs li.active {
background: url();
border-bottom: 0px solid #000000;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
}html ul.tabs li.active a:hover {
background: url();
border-bottom: 0px solid #160f0a;
}.tab_container1 {
clear: both;
float: center;
width: 800px;
height: 343px;background-image : url();
background-color: #FFFFFF;
border-bottom: 1px solid #000000;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}.tab_content {
padding: 15px;
}.tab_content h2 {
font-weight: normal;
padding-bottom: 2px;
border-bottom: 0px dashed #000000;
}
</style>
Поделиться142013-03-26 23:05:42
Nicah, попробуй в .container1 убрать "align: center", а в ul.tabs как раз изменить "float: left".
Поделиться152013-03-26 23:54:05
- weirdo
- Зарегистрирован: 2013-03-04
- Приглашений: 0
- Сообщений: 567
- Уважение: +29
- Позитив: +33
- Провел на форуме:
5 дней 10 часов - Последний визит:
2014-08-14 01:45:16
Хейм написал(а):
ul.tabs как раз изменить "float: left"
left заменить на center? Ссылки стали горизонтальными, текст накладывается на них же, в общем не то.
Поделиться162013-03-27 02:10:48
Nicah, жаль. Сегодня вечером, если никто не сделает раньше, поставлю себе и разберусь.Давно вёрсткой не занималась, очень давно.(
UPD. Пробовала то, что предлагается в той же теме?
Поделиться172013-03-28 00:25:30
Nicah, легче всего тот код, который вставляется непосредственно в объявление, заключить в центрирование, т.е.:
Код:
<center>Ваш код</center>
--
Nicah написал(а):
left заменить на center?
float принимает только значения left и right.
Поделиться182013-04-05 13:59:25
- weirdo
- Зарегистрирован: 2013-03-04
- Приглашений: 0
- Сообщений: 567
- Уважение: +29
- Позитив: +33
- Провел на форуме:
5 дней 10 часов - Последний визит:
2014-08-14 01:45:16
Хейм, illari, спасибо, разобралась)
А где можно изменить стиль обводки всех текстовых полей сразу? Не верится что надо каждому элементу в отдельности прописывать.
Страница: 1