Вверх страницы
Вниз страницы
Неожиданно, правда? Спустя 4 года молчания, Стайл Веб снова открывает свои объятия. You are welcome =)


StyleWeb

Объявление

       





! АКТУАЛЬНО на февраль 2016!

Кто всё - таки  заинтересован в восстановлении SW FORUM`а, с радостью ждём вас в ЛС у ПтичьеМолоко

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

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


Вы здесь » StyleWeb » Архив SW » FAQ по дизайну форума в CSS


FAQ по дизайну форума в CSS

Сообщений 21 страница 40 из 40

21

1. Окно профиля (Скрин 9, элемент 1)

Код:
#viewprofile .container {...}

2. Cлово профиль (Скрин 9, элемент 2)

Код:
#viewprofile h2 span {...}

3. (Скрин 9, элемент 3)

Код:
#viewprofile h2  {...}

4. (Скрин 9, элемент 4)

Код:
#viewprofile ul {...}


    Пример:

Код:
    <style type="text/css"> #viewprofile .container, #viewprofile h2 span, #viewprofile h2, #viewprofile ul {
    color : #FF0000; background-color : #00FF00;
    }
    </style>

5. Название поля (Скрин 9, элемент 5)

Код:
#viewprofile li span {...}

    Пример:

Код:
    <style type="text/css">#viewprofile li span {
    color : red; background-color : #00FF00; background-image : url (http://mybb.ru/img/Mybb_Ocean_zero/menu.gif);
    }
    </style>

6. Личные данные (Скрин 9, элемент 6)

Код:
#viewprofile li strong {...}

  Пример:

Код:
    <style type="text/css">#viewprofile li strong {
    color : #FFFFFF; background-color : #FF0000;
    }
    </style>

0

22

Страница Участники
СКРИН №10

http://i068.radikal.ru/0908/00/14080104b308.jpg

+1

23

Стиль страницы

Код:
<style type="text/css">
#pun-userlist .fs-box  {
color : #FFFFFF; background-color : #FF0000;
}
#pun-userlist .usertable .container {
background-color : #FF00FF;
}
</style>

1. Окно с участниками (Скрин 10, элемент 1)

Код:
#pun-userlist .usertable table {...}

2. (Скрин 10, элемент 2)

Код:
#pun-userlist fieldset {...}

3. (Скрин 10, элемент 3)

Код:
#pun-userlist .fs-box {...}

Пример:

Код:
    <style type="text/css">#pun-userlist .usertable table, #pun-userlist fieldset, #pun-userlist .fs-box  {
    color : #FFFFFF; background-color : #FF0000;
    }
    </style>

4. Поле вокруг таблицы с участниками (Скрин 10, элемент 4)

Код:
#pun-userlist .usertable .container {...}

    Пример:

Код:
    <style type="text/css">
    #pun-userlist .usertable .container {
    background-color : #FF00FF;
    }
    </style>

0

24

Общие коды

Есть некоторые параметры, которые чаще всего деляют одинаковыми для всех страниц и элементов форума. Наиболее часто встречающиеся:
1. Цвета всех ссылок форума

Код:
.punbb a:link, .punbb a:visited {color:...;}  - цвет все ссылок в обычном сотсоянии
.punbb a:hover {color: ...;} - цвет всех сслок при наведении

2. Курсор (только для IE)

Код:
HTML, BODY {cursor: url(...);}  - где вместо троеточия - ссылка на курсор.
.punbb a:hover {cursor: url("...");} - вид курсора при наведении на ссылку

3. Полоса прокрутки

Код:
HTML, BODY {
scrollbar-face-color: #889B9F;
scrollbar-shadow-color: #3D5054;
scrollbar-highlight-color: #C3D6DA;
scrollbar-3dlight-color: #3D5054;
scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #C3D6DA; 
}

, где
scrollbar-face-color  - цвет бегунка
scrollbar-shadow-color  - цвет рамки бегунка
scrollbar-highlight-color - цвет светлых граней бегунка, создающий 3D эффект
scrollbar-3dlight-color   - цвет тени кнопок со стрелками
scrollbar-darkshadow-color  - цвет тени от бегунка
scrollbar-track-color  - цвет дорожки
scrollbar-arrow-color  - цвет стрелок

0

25

Pravda
Полоса прокрутки не во всех браузерах вменяемо работает...В опере там что-то с чем-то постоянно выходило)

0

26

EmiAgin  У меня опера и всё нормально, может что в настройка браузера???

0

27

Pravda
Не знаю...Надо попробовать ещё раз. Он работал на отдельные элементы, а на другие работать отказывался...

0

28

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

Вставлять данные коды необходимо в Администрирование - Настройки - HTML-верх.

Это значит в меню Стиль ничего менять не нужно? Все может остаться там как есть да? ))) Ссори, я просто совсем уж чайник в дизайне форумов хD

0

29

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

Страница чужого профиля

<style type="text/css">
#viewprofile .container {color : #7CFC00;}
#viewprofile h2 span {color : #FF4500;}
#viewprofile h2 {color : #9370DB;}
#viewprofile ul {color : #FF0000; background-color : #00FF00;}
#viewprofile li span {color : red; background-color : #00FF00; background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/menu.gif);}
#viewprofile li strong {color : #FFFFFF; background-color : #FF0000;}
</style>

Может быть я идиот, но не дебил =_=''
Люди и нелюди бобрые, скажите, что не так?  О.о

0

30

а что насчет страницы переадресации?
Возможно ли ее изменить?)

0

31

MaPKoBKa

Код:
.pun-redirect {...}

0

32

как можно сменить цвет ссылок на форуме?

0

33

все нашла

0

34

Простите, кто то может помочь мне? У меня вот тут задний фон движется http://designlosangeles.rolka.su/ когда я сижу через эксплорер, а через оперу всё в порядке. Как можно поправить, чтобы фон и в эксплорере не двигался?

0

35

Inspiration
вставлять во второе окошко стиля (заменять)

Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/
html {background: url(ссылка на картинку)
#ffffff;
 background-position: center;
 background-attachment : fixed;
}

+1

36

ПтичьеМолоко, спасибо))

0

37

У меня снова вопрос... Можно ли описанию форума придать размер определённый? Чтобы иконка смотрелась красиво?

0

38

Inspiration

Код:
#pun .tcl {width: 20%;}

Меняй проценты, ставь в конце второго окошка в стиле

0

39

ПтичьеМолоко, прошу прощения, я тормоз... В стиль после Д ставить?

0

40

Inspiration
администрирование - стиль - второе окошко - вставляешь этот код в самый-самый низ, под все остальные коды

0


Вы здесь » StyleWeb » Архив SW » FAQ по дизайну форума в CSS