Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » дизайн цсс


дизайн цсс

Сообщений 1 страница 8 из 8

1

здравствуйте!
пытаюсь создать дизайн, возникло очень много вопросов. буду благодарна, если кто-то мне поможет :)
тестовик - http://furfur2.mybb.ru

1) как сдвинуть текст категорий ниже, что бы он был по центру картинки?

скрин

http://s5.uploads.ru/tHTwg.png

2) возможно ли сделать следующие части с закругленными краями? если да, что за них отвечает?

скрин

http://s5.uploads.ru/t/AH8Z7.png
http://s4.uploads.ru/t/DBqrV.png

3) как сделать следующие полоски прозрачными?

скрин

http://s5.uploads.ru/mDRBY.png

заранее большое спасибо :)

0

2

error202 написал(а):

как сдвинуть текст категорий ниже, что бы он был по центру картинки?

Во второе Окно стиля

/*Cдвиг названий категорий*/
#pun-stats h2 span,
.category h2 span {
  display:block;
  width:100%;
  text-align:center;
  margin-top:6px;
}

error202 написал(а):

3) как сделать следующие полоски прозрачными?

/*Убираем Полоски*/
.punbb li#onlinelist,
.punbb li#onlinelist div,
.punbb #pun-break1.divider{
border:0 none transparent;
}

Второй вопрос можно решить наверно только скриптом(не через стили), ибо 2 элемент на первой картинке и 1-й на второй - на самом деле состоят из нескольких элементов
А секция с нижним банером, не имеет уникального селектора....

Отредактировано Deff (Вс, 14 Июл 2013 19:28:50)

+1

3

error202 написал(а):

1) как сдвинуть текст категорий ниже, что бы он был по центру картинки?

Код:
<style type="text/css">
.punbb h2 span {
font-size: 1.1em;
position: relative;
top: 6px;
}
</style>
error202 написал(а):

2) возможно ли сделать следующие части с закругленными краями? если да, что за них отвечает?

Код:
<style type="text/css">
#pun-ulinks .container, #pun-stats .container, #tieser-bottom { 
border-radius: 10px; 
}
#pun-crumbs2 .container, #pun-status .container{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#pun-crumbs1 p.container, #pun-about .container { 
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
</style>
error202 написал(а):

3) как сделать следующие полоски прозрачными?

Код:
<style type="text/css">
#pun-break1 {
display:none;
}
</style>

+1

4

Deff
Timon
большое вам спасибо!

0

5

Timon написал(а):

<style type="text/css">
.punbb h2 span {
font-size: 1.1em;
position: relative;
top: 6px;
}
</style>

Wtf? Этот css код передвинет весть текст размером h2 на форуме.

0

6

здравствуйте. появились новые вопросы. тестовик тот же - http://furfur2.mybb.ru/
1) полупрозрачные полосочки между ссылок "новые сообщения", "активные темы" и т.д. не убрались. что нужно добавить?
2) в картинке меню навигации есть по бокам вертикальные коричневые полосы. их мне тоже нужно убрать
вопросы относятся к css, т.к. стиль прописываю там.
заранее спасибо  http://mybb.ru/f/collection/0211.gif

0

7

error202 написал(а):

здравствуйте. появились новые вопросы

По первому вопросу не могу ответить, бо кроме Активных тем как гость не могу ничего увидеть, а соответственно и полосы между ссылками, но возможно вам поможет вот эта тема: Помогите убрать разделители
По второму вопросу, если я правильно понял, то вы имеете ввиду, что там где Форум Участники Поиск Регистрация Войти ? Если да, то у вас здесь отмечен бордюр по бокам:

#pun-navlinks {
border-style: none solid none solid;
border-width: 0px 1px 0px 1px;
margin: 0;
}

0

8

kolobdur74
большое вас спасибо!
появились новые вопросы.
1) как сделать селектор профиля участника шире? там где аватар, статус и т.д.
2) как сделать отступ текста в окне сообщения? что бы текст начинался правее границ где то на 2 пикселя

0


Вы здесь » Единый форум поддержки » Корзина » дизайн цсс