Добрый день!
Помогите, пожалуйста, разобраться, как сдвинуть название форума и кол-во тем/соо слева от описания форума.
Сейчас -
чего хочу добиться
Отредактировано bad juju (10.12.22 23:12)
название форума и кол-во тем/соо слева от описания (MyBB.ru, CSS)
Сообщений 1 страница 10 из 24
Поделиться110.12.22 20:36
- Участник
- Уважение: +11
Поделиться210.12.22 21:02
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
bad juju
оберни плиз описание и ссылки в общий див:
<div class="descr">
<div class="Opis">описание</div>
<div class="Opislinks">ссылки</div>
</div>
а потом отпишись тут - полезу расставлять
Поделиться310.12.22 21:04
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
bad juju
и еще заранее покажи где будет иконка новых/старых сообщений (если нужна)
Поделиться410.12.22 21:05
- Участник
- Уважение: +11
Gerda
готово)) иконка новых в верхнем правом углу описания, добавила там соо в первом форуме
вот
Отредактировано bad juju (10.12.22 21:13)
Поделиться510.12.22 21:26
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
#p177430,bad juju написал(а):
Gerda
готово))
1. найди красное
.punbb .main td {
border-style: solid none none solid;
border-width: 1px 0 0 1px;
padding: 8px 10px;
}
удали зачеркнутое, замени синее
2. найди красное
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border: none !important;
}
удали то, что там было, вставь синее
3.найди красное
.punbb .main .tcl {
overflow: hidden;
text-align: left;
width: 730px;
color: #5d5d5d;
}
замени синее
4. найди и удали полностью:
.punbb td div.tclcon {
margin-left: 50px;
}
5. найди красное
#pun-index .tcl h3 {
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .5px;
display: inline-block;
width: 300px;
vertical-align: top;
margin-top: 10px;
}
добавь синее
6. добавь в стиль:
.descr {
display: inline-block;
width: 430px;
}
7. найди красное
.punbb .main .tcr {
overflow: hidden;
text-align: left;
width: 198px;
color: #5d5d5d;
font-size: 9px;
text-transform: lowercase;
}
замени синее
8. добавь в стиль для иконки пока так:
#pun-index div.icon {display: none;}
дай мне плиз картинку этих кружочков отдельно - вкорячим
на данном этапе должно получиться так, если ничего не пропустила:
Поделиться610.12.22 21:46
- Участник
- Уважение: +11
Gerda
все получилось, выглядит как на скрине👌🏼
кружочки - https://i.ibb.co/nnLFxVv/newmsg.jpg
Поделиться710.12.22 22:07
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
bad juju
1. вот это мы теперь удаляем, больше не нужно:
#pun-index div.icon {
display: none;}
вставляем иконку:
#pun-index div.icon {
position: absolute;
background: url(https://i.ibb.co/nnLFxVv/newmsg.jpg);
width: 8px;
height: 34px;
padding: 0;
right: 10px;
top: 20px;
z-index: 50;
}
2. для позиционирования иконок
найди красное и добавь синее
.punbb .main .tcl {
overflow: hidden;
text-align: left;
width: 730px;
color: #5d5d5d;
position: relative;
}
3. фиксим стиль ссылок в описании, чтоб не корячило
найти красное, добавить синее:
.descr {
display: inline-block;
width: 430px;
text-align: center;
}
найти красное:
.Opislinks {
position: relative;
display: inline-block;
background-color: #fdf9ff;
width: 300px;margin-left: 8%;
transform: translateX(-8%);
margin-top: -25px;
border: solid 1px #cbc9c9;
border-radius: 10px;
padding: 4px 4px;
text-transform: uppercase;
font-size: 8px;
letter-spacing: 1px;text-align: center;
z-index: 60;
top: -8px;
}
зеленое - заменяем свойства на новые значения
зачеркнутое - удаляем
синее - добавляем
4. еще вот этот кусок стиля можно удалять, он не нужен:
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0;
}
Поделиться810.12.22 22:26
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
bad juju
забыла указать - вот это тоже надо удалить:
.Opis {
border: solid 1px #cbc9c9;
border-radius: 10px;
padding: 12px 12px;
margin-top: 10px;margin-bottom: 15px;
width: 400px;
text-align: justify !important;
text-transform: uppercase;
font-size: 6px;
letter-spacing: 1px;
line-height: 17px;
z-index: 50;
}
Поделиться1014.12.22 06:29
- Участник
- Уважение: +11
доброго времени суток)
на предыдущей странице мне помогли с перестроением форумов и их описаний на главной (ссылка на сообщение), новая проблема по той же теме, форум http://werkroom.rusff.me
описания съезжают вправо при добавлении нового сообщения в форум
вот так
там, где разноцветные точечки - форум с новым сбщ. перепробовала все, что могла придумать, убирала эти иконки в принципе, ставила одинаковые иконки на новые и старые - съезжает в любом случае только при добавлении нового сбщ. в итоге вроде как нашла, что виновато во всем
вот это
но acchide итак в цсс стоит на display:none?
короче, помогите, пожалуйста)
