ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Бесплатная техническая поддержка » Помощь с дизайном @Антон Хмелевской [MyBB.ru]
Добрый день, ситуация вот в чем.
При занесении картинки бэкграунда, съехал текст (выделил на скриншоте) и картинка встала чуть криво, в отличие от шапки. Как это исправить? Заранее спасибо. Так же вопрос дополнительный - как поднять текст (Форум, Участники, Профиль и т.д.) ?
Заранее благодарю.
https://imageban.ru/show/2022/11/06/693 … 5fd0d8/png
Ссылка на форум: http://seymir.rusff.me
Антон Хмелевской
Поменяйте в первом окне:
/* A5.2 */
.punbb {
float: left;
box-sizing: border-box;
padding: 0 90px;
width: 100%;
height: auto;
}
Ну и поправить смещение шапки по новой
Антон Хмелевской
1. найди в стиле вот этот кусок:
#pun {
width: 1100px;
margin: 0 auto;
}замени на такой (исправит отступ текста от краев):
#pun {
width: 900px;
margin: 0 auto;
padding: 0 100px;
}
2. найди в стиле вот этот кусок:
#pun-title table {
border: none;
height: 40px;
width: 100%;
}удали полностью, он не нужен
3. найди в стиле вот этот кусок:
#pun-title {
margin: 0;
border-style: solid solid none solid;
border-width: 1px 1px 0 1px;
}замени на такой (имправит кривое смещение шапки на 1 пиксель):
#pun-title {
margin: 0;
border: none;
}
3. найди в стиле вот такой кусок
#pun-title table {
background-image: url(https://forumstatic.ru/files/001b/c0/53/21273.jpg);
height: 437px;
}замени на такой (поставит шапку ровно):
#pun-title table {
background-image: url(https://forumstatic.ru/files/001b/c0/53/21273.jpg);
height: 437px;
width: 1100px;
margin-left: -100px;
}
Спасибо большое. Помогло.
И последний вопрос - при наведении на текст, хотел задать смену цвета и подсветку (text-shadow: 0px 0px 6px rgba(255,255,255,0.7); по логике заносится в D3.4, однако при сохранении стиля выдает ошибку 500. В чем может быть причина?
Спасибо большое. Помогло.
И последний вопрос - при наведении на текст, хотел задать смену цвета и подсветку (text-shadow: 0px 0px 6px rgba(255,255,255,0.7); по логике заносится в D3.4, однако при сохранении стиля выдает ошибку 500. В чем может быть причина?
в том, что серверам плохо, в флудильне деффыч говорил, что опять под ддсом
местный сервис не умеет валидировать стили и пятисотить в ответ на сохранение кривых)
Антон Хмелевской
уточни позязя, где текст, который должен выделяться при наведении?
и еще момент нашла, пока пыталась найти место:
#pun-navlinks li a {
font-size: 2em;
color: #78bcef;
font-weight: lighter !important;
font-size: 17px!important;
text-transform: uppercase;
font-family: Cormorant !important;
}
удали красное - оно не нужно
Антон Хмелевской
уточни позязя, где текст, который должен выделяться при наведении?и еще момент нашла, пока пыталась найти место:
#pun-navlinks li a {
font-size: 2em;
color: #78bcef;
font-weight: lighter !important;
font-size: 17px!important;
text-transform: uppercase;
font-family: Cormorant !important;
}
удали красное - оно не нужно
С этим разобрался сам (с текстом), спасибо за подсказку в коде)
Подскажите пожалуйста:
Фишка в чем - на скрине курсором указан верх шапки, который хочу сделать прозрачным, однако при любой настройке шапка начинает ходить ходуном. В чем причина и как это пофиксить?
Отредактировано Антон Хмелевской (08.11.22 14:09)
Антон Хмелевской
Замените два пункта в стиле:
/* A5.1 ТЕЛО ФОРУМА*/
#pun {
margin: 0px auto;
margin-top: 440px !important;
position: relative;
overflow-wrap: break-word;
padding: 0px 100px;
width: 900px;
font-size: 0.9rem;
color: var(--clrpun);
background: url(https://forumstatic.ru/files/001b/c0/53/13908.png) 50% 100% no-repeat,
url(https://forumstatic.ru/files/001b/c0/53/12089.png) 100% 0% no-repeat border-box,
url(https://forumstatic.ru/files/001b/c0/53/44716.png) 50% 0% repeat border-box;
background-color: var(--bgpun);
}
/* D1.1 */
#pun-title {
width: 900px;
margin-top: -437px!important;
z-index: -1;
position: absolute;
border: 0 none transparent;
}
Антон Хмелевской
Замените два пункта в стиле:/* A5.1 ТЕЛО ФОРУМА*/
#pun {
margin: 0px auto;
margin-top: 440px !important;
position: relative;
overflow-wrap: break-word;
padding: 0px 100px;
width: 900px;
font-size: 0.9rem;
color: var(--clrpun);
background: url(https://forumstatic.ru/files/001b/c0/53/13908.png) 50% 100% no-repeat,
url(https://forumstatic.ru/files/001b/c0/53/12089.png) 100% 0% no-repeat border-box,
url(https://forumstatic.ru/files/001b/c0/53/44716.png) 50% 0% repeat border-box;
background-color: var(--bgpun);
}/* D1.1 */
#pun-title {
width: 900px;
margin-top: -437px!important;
z-index: -1;
position: absolute;
border: 0 none transparent;
}
Я немного чайник (тотальный чайник), что конкретно тут заменить?
Антон Хмелевской
Полностью Пункты
/* A5.1 ТЕЛО ФОРУМА*/
/* D1.1 */
на выложенные
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Бесплатная техническая поддержка » Помощь с дизайном @Антон Хмелевской [MyBB.ru]
