Здравствуйте, не получается разобраться с такой проблемой как установка шапки и изменение уже имеющегося стиля, провозился день, всё равно не получилось сделать нормально, то шрифт съезжает с красных панелек, то картинка встаёт очень криво.
Интересует вопрос как вставить картинку между этими двумя линиями (красный стрелки), и изменить цвет этих панелек (зелёная). Форум http://lotrmine.roleforum.ru/.
Установка шапки и изменение стиля
Сообщений 1 страница 20 из 21
Поделиться1Ср, 7 Дек 2016 20:12:19
Поделиться2Ср, 7 Дек 2016 20:17:13
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11331
- Уважение: +7753
- Позитив: +5546
- Пол: Мужской
- Последний визит:
Сегодня 01:23:44
Pinkie_Pie
Ну как-то так - в HTML верх
<style type="text/css">
#pun-status:before {
content: url(картинка между контейнерами);
}
.category h2 {
background:#цвет url(фон заголовков Категорий);
}
</style>
Вместо красного - ставим свои цвета /ссылки
Поделиться3Ср, 7 Дек 2016 20:36:11
Alex_63
Теперь вот так получилось
Если что, стиль называется mybb Decorative
Поделиться4Ср, 7 Дек 2016 20:43:19
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11331
- Уважение: +7753
- Позитив: +5546
- Пол: Мужской
- Последний визит:
Сегодня 01:23:44
Pinkie_Pie
Если правильно понял - Вам нужно картинку на всю ширину растянуть?
Поделиться5Ср, 7 Дек 2016 20:46:03
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51439
- Уважение: +15400
- Позитив: +11950
- Последний визит:
Сегодня 00:02:28
Pinkie_Pie
В HTML верх:
<div id="Шапка" style="position:relative;z-index:100;padding:4px;border:3px solid #937C5F"><img src="https://forumstatic.ru/files/0017/fc/36/40198.jpg" width=100% style="display:inline-block"/></div>
<script type="text/javascript">
$().pun_mainReady(function(){$('#Шапка').appendTo('#pun-status');});
</script>
Поделиться6Ср, 7 Дек 2016 22:41:37
Alex_63
Нет, вместо лошадей сверху, и надпись Mybb вставить свою картинку, или, хотя-бы убрать их совсем
Поделиться7Ср, 7 Дек 2016 23:04:04
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51439
- Уважение: +15400
- Позитив: +11950
- Последний визит:
Сегодня 00:02:28
Pinkie_Pie
Сделайте скриншот текущего, обведите красным прямоугольником чо куда ставить и ссылки на нужные картинки
Поделиться8Ср, 7 Дек 2016 23:23:47
Deff
Это https://forumstatic.ru/files/0017/fc/36/40198.jpg
Сюда
Если такое возможно
Поделиться9Чт, 8 Дек 2016 00:10:29
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51439
- Уважение: +15400
- Позитив: +11950
- Последний визит:
Сегодня 00:02:28
Pinkie_Pie
Замените предыдущий код на такой:
<div id="Шапка" style="position:relative;z-index:100;padding:3px 3px 1px 3px;border:4px solid #937C5F;"><img src="https://forumstatic.ru/files/0017/fc/36/40198.jpg" width=100% style="display:inline-block"/></div>
<style>
#pun-title{
display:none!important;
}
body{
background-image:none!important;
}
</style>
Поделиться10Чт, 8 Дек 2016 13:15:55
Deff
Alex_63
Спасибо, решено
Поделиться11Ср, 12 Апр 2017 12:30:06
Подскажите, как вставить картинку в шапку форума?
Поделиться12Ср, 12 Апр 2017 12:47:48
- ...
- Зарегистрирован: Пн, 6 Сен 2010
- Сообщений: 7393
- Уважение: +5894
- Позитив: +6521
- Пол: Мужской
- Последний визит:
Вчера 21:01:12
Rubin написал(а):
Подскажите, как вставить картинку в шапку форума?
Ссылка на форум? И скриншот куда вы хотите вставить картинку..
Поделиться13Ср, 12 Апр 2017 13:34:19
Хочу вставить небольшую картинку (примерно 75х75 пикселей), перед названием форума, не меняя основного стиля.
Поделиться14Ср, 12 Апр 2017 14:03:33
- ...
- Зарегистрирован: Пн, 6 Сен 2010
- Сообщений: 7393
- Уважение: +5894
- Позитив: +6521
- Пол: Мужской
- Последний визит:
Вчера 21:01:12
Rubin написал(а):
Хочу вставить небольшую картинку (примерно 75х75 пикселей), перед названием форума, не меняя основного стиля.
В НТМЛ верх:
Код:
<style>
.title-logo:before {
content: url(ссылка на картинку);
display: inline-block;
vertical-align: middle;
margin-right: 12px;
}
</style>Вместо ссылка на картинку ссылку на картинку..
Поделиться15Ср, 12 Апр 2017 17:56:03
Большое спасибо. Подскажите ещё, пожалуйста - как увеличить ширину верхнего поля, а то даже небольшие картинки за границы вылазят? Пикселей на 10.
Поделиться16Ср, 12 Апр 2017 18:05:24
- ...
- Зарегистрирован: Пн, 6 Сен 2010
- Сообщений: 7393
- Уважение: +5894
- Позитив: +6521
- Пол: Мужской
- Последний визит:
Вчера 21:01:12
Rubin написал(а):
Большое спасибо. Подскажите ещё, пожалуйста - как увеличить ширину верхнего поля, а то даже небольшие картинки за границы вылазят? Пикселей на 10.
Вопрос не понял - покажите на скриншоте..
Поделиться17Ср, 12 Апр 2017 18:23:04
Поле указанное стрелкой хотелось бы расширить на 10 пикселей.
Отредактировано Rubin (Ср, 12 Апр 2017 18:24:09)
Поделиться18Ср, 12 Апр 2017 18:30:04
- ...
- Зарегистрирован: Пн, 6 Сен 2010
- Сообщений: 7393
- Уважение: +5894
- Позитив: +6521
- Пол: Мужской
- Последний визит:
Вчера 21:01:12
Rubin написал(а):
Поле указанное стрелкой хотелось бы расширить на 10 пикселей.
В НТМЛ верх:
Код:
<style>
#pun-title {height: 132px;}
#pun-navlinks {top: 92px;}
#pun-navlinks + div {margin-top: 132px;}
</style>Поделиться19Ср, 12 Апр 2017 18:36:00
А какие цифры в коде менять, чтобы прибавить-убавить?
Отредактировано Rubin (Ср, 12 Апр 2017 18:36:16)
Поделиться20Ср, 12 Апр 2017 18:39:53
- ...
- Зарегистрирован: Пн, 6 Сен 2010
- Сообщений: 7393
- Уважение: +5894
- Позитив: +6521
- Пол: Мужской
- Последний визит:
Вчера 21:01:12
Rubin написал(а):
А какие цифры в коде менять, чтобы прибавить-убавить?
Все три - там связка иначе вы увеличите высоту шапки, а блоки меню будут оставаться на том же месте..