И так желающие пишем сюда! буду учить как смогу
Учимся длеать дизайн
Страница: 1
Сообщений 1 страница 13 из 13
Поделиться12009-10-21 17:34:31
- Сын Смерти
- Зарегистрирован: 2009-09-19
- Приглашений: 0
- Сообщений: 95
- Уважение: [+12/-0]
- Позитив: [+4/-0]
- Провел на форуме:
16 часов 28 минут - Последний визит:
2010-01-22 21:19:50
Поделиться22009-10-21 18:00:20
- Сын Смерти
- Зарегистрирован: 2009-09-19
- Приглашений: 0
- Сообщений: 95
- Уважение: [+12/-0]
- Позитив: [+4/-0]
- Провел на форуме:
16 часов 28 минут - Последний визит:
2010-01-22 21:19:50
style_cs.cssуправляет цветовыми сочетаниями и стилями шрифтов
1. CS1 Background and text colours
управляет цветовыми сочитаниями таблиц форума и текстов
а) Первое, что мы видим там, это код:
body {
background-color: #Цвет;
}
Мы можем вставить свой цвет, но можем вставить какую-либо картинку:
body {
background-image: url(http://Адрес картинки);
}
б) Потому уже идут блоки:
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: #цвет;
color: #цвет;
}
это первый блок.
Он управляет основны цветом форума: фоновый цвет ячеек таблиц форума с количеством сообщений и тем, приветствие, низ форума, статистика форума, меню форума (где "профиль", "поиск" и т.д.)
background-color: #
этот тег устанавливает цвет фона этих элементов форума. но туда можно вставить фоновое изображение, а не цвет:
background-image: url(http://Адрес картинки);
Вот такой тег устанавливает цвет текста:
color: #
ВАЖНО! Цветом, который вы пропишите в этом теге, будет обладать только тест, находящийся в этих блоках.
ТЕКСТ можно менять по стилистике!
Дописываем:
color: #цвет; - задаете цвет текста
font-weight: bold; - текст станет жирным.
font-style: italic; - текст будет курсивом.
в) Следующий блок:
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #цвет;
color: #цвет;
}
меняет цвета таблиц форума и текста форума.
цвет как и всегда можно заменить на картинку:
background-image: url(http://Адрес картинки);
ТЕКСТ можно менять по стилистике!
Дописываем:
color: #цвет; - задаете цвет текста
font-weight: bold; - текст станет жирным.
font-style: italic; - текст будет курсивом.
г) Следующий блок:
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #цвет;
color: #цвет;
font-weight: normal;
font-style: normal;}
этот блог управляет категориями форума
1 - ТЕКСТ.
color: #цвет; - задаете цвет текста
font-weight: normal; - меняете "normal" на "bold" - текст станет жирным.
font-style: normal; - меняете "normal" на "italic" - текст будет курсивом.
2 - ФОН.
color: #цвет; - можете задать цвет фона.
background-image: url(http://Адрес картинки); - ставит в качестве фона картинку.
д) Следующий блок:
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: #цвет;
color: #цвет;
}
Корректирует шапку
\
1 - Текст
color: #цвет; - устанавливаете цвет шрифта.
дописываем по необходимости, если надо:
font-weight: bold; - текст станет жирным.
font-style: italic; - текст будет курсивом.
2 - ФОН
background-color: #цвет; - устанавливаем цвет фона.
background-image: url(http://Адрес картинки); - - устанавливает фоновое изображение (например, шапку форума.)
е) далее следует такой блок:
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #FFFFFF;
color: #000000
}
Он управляет всяческими замечаниями и приписками форума, которые есть на движке mybb по умолчанию
опять же, возможно редактирование текста:
дописываем по необходимости, если надо.
font-weight: bold; - текст станет жирным.
font-style: italic; - текст будет курсивом.
Поделиться32009-10-21 18:09:57
- Сын Смерти
- Зарегистрирован: 2009-09-19
- Приглашений: 0
- Сообщений: 95
- Уважение: [+12/-0]
- Позитив: [+4/-0]
- Провел на форуме:
16 часов 28 минут - Последний визит:
2010-01-22 21:19:50
ж) далее блок:
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: #FFFFFF;
color: #000000
}
Он упраыляет шапкой форумных таблиц и теством в этой шапкой
редактировать можно таким образом:
1 - Текст
color: #цвет; - устанавливаете цвет шрифта.
2 - ФОН
background-color: #цвет; - устанавливаем цвет фона.
background-image: url(http://Адрес картинки); - - устанавливает фоновое изображение
з) Блок:
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #FFFFFF;
color: #000000
}
Управляет "задником" (цвет фона цитаты, кода...) и параметрами его текста:
1 - Текст
color: #цвет; - устанавливаете цвет шрифта.
так же как и в предыдущих блоках можно сделать текст жирным или курсивом.
2 - ФОН
background-color: #цвет; - устанавливаем цвет фона.
background-image: url(http://Адрес картинки); - - устанавливает фоновое изображение
и) Следующий Блок:
/* CS1.8 */
#pun-navlinks .container {
background-color: #цвет;
color: #цвет;
}.offline li.pa-online strong {
font-weight: normal
}.punbb textarea, .punbb select, .punbb input {
background-color: #цвет;
color: #цвет
}
для удобства я разобью его на 3 части:
и-1)
/* CS1.8 */
#pun-navlinks .container {
background-color: #цвет;
color: #цвет;
}
Управляет меню навигации
Цвет фона можно установить за счет модерирования вот этой части:
background-color: #цвет;
или можно поставить картинку:
background-image: url(http://Адрес картинки);
Почему-то от регулирования параметра "color: #цвет;" у меня ничего не поменялось, поэтому на данный момент, не могу сказать, что это.
Для изменения стиля надписей, можно дописать:
font-weight: bold; - жирный
font-style: normal; - курсивом
и-2)
.offline li.pa-online strong {
font-weight: normal
}
что регулирует - непонятно на данный момент. но скорее всего цвет или еще что для статуса онлайн, оффлайн.
и-3)
.punbb textarea, .punbb select, .punbb input {
background-color: #цвет;
color: #цвет
регулирует цвет фона и шрифта в форме ответа (вместе с кнопками "отправить" и "пред. просмотр") и других формах для заполнения.
для редактирования:
1 - Текст
color: #цвет; - устанавливаете цвет шрифта.
font-weight: bold; - жирный
font-style: normal; - курсивом
2 - ФОН
background-color: #цвет; - устанавливаем цвет фона.
background-image: url(http://Адрес картинки); - - устанавливает фоновое изображение
Поделиться42009-10-21 19:49:07
- Сын Смерти
- Зарегистрирован: 2009-09-19
- Приглашений: 0
- Сообщений: 95
- Уважение: [+12/-0]
- Позитив: [+4/-0]
- Провел на форуме:
16 часов 28 минут - Последний визит:
2010-01-22 21:19:50
остальную часть выложу чуть позже
Поделиться52009-10-21 19:52:55
- Модератор
- Зарегистрирован: 2009-09-20
- Приглашений: 0
- Сообщений: 61
- Уважение: [+4/-0]
- Позитив: [+3/-0]
- Провел на форуме:
10 часов 19 минут - Последний визит:
2009-12-21 20:33:11
Зверь
А какую ссылку делать надо? а то у мя с радикала ссылка не идёт...
Поделиться62009-10-21 21:06:35
- Сын Смерти
- Зарегистрирован: 2009-09-19
- Приглашений: 0
- Сообщений: 95
- Уважение: [+12/-0]
- Позитив: [+4/-0]
- Провел на форуме:
16 часов 28 минут - Последний визит:
2010-01-22 21:19:50
~Чёрный Дракон~ значит не то вставляешь грузишь в радикле и береш первый код из под картинки номер 1 ссылка на картинку
Поделиться72009-10-22 14:26:47
- .:Кошка, которая гуляет сама по себе:.
- Откуда: Не Ваше Дело
- Зарегистрирован: 2009-09-17
- Приглашений: 0
- Сообщений: 119
- Уважение: [+6/-0]
- Позитив: [+8/-1]
- Пол: Женский
- Возраст: 26 [1997-11-16]
- Провел на форуме:
4 часа 36 минут - Последний визит:
2009-12-30 14:25:30
Зверь
Приконя=)
Только я все-равно немножко не понимаю...это все так запутано...
А где цвет, там пишешь цвет, или код цвета?
Поделиться82009-10-22 19:27:01
- Сын Смерти
- Зарегистрирован: 2009-09-19
- Приглашений: 0
- Сообщений: 95
- Уважение: [+12/-0]
- Позитив: [+4/-0]
- Провел на форуме:
16 часов 28 минут - Последний визит:
2010-01-22 21:19:50
Клео Охотница это ксс естественно код
Поделиться92009-10-23 14:20:07
- ~Несущая Смерть~
- Зарегистрирован: 2009-09-19
- Приглашений: 0
- Сообщений: 85
- Уважение: [+2/-0]
- Позитив: [+1/-0]
- Провел на форуме:
9 часов 12 минут - Последний визит:
2009-11-24 14:52:57
Зверь
слушай, тут один форум... Надо с таблицей намухрычить. Скажи, если знаешь, пожалуйста, как вставить ссылки в таблицу? Только чтобы ссылки были преобразованы в слова...
Поделиться102009-10-23 14:43:50
- ~Несущая Смерть~
- Зарегистрирован: 2009-09-19
- Приглашений: 0
- Сообщений: 85
- Уважение: [+2/-0]
- Позитив: [+1/-0]
- Провел на форуме:
9 часов 12 минут - Последний визит:
2009-11-24 14:52:57
хотя уже не надо. Разобрались уже.
Поделиться112009-10-23 19:28:45
- Сын Смерти
- Зарегистрирован: 2009-09-19
- Приглашений: 0
- Сообщений: 95
- Уважение: [+12/-0]
- Позитив: [+4/-0]
- Провел на форуме:
16 часов 28 минут - Последний визит:
2010-01-22 21:19:50
Морана если что могу попробывать тебе мэп карту зделать или закажу
Поделиться122009-10-24 11:50:34
- ~Несущая Смерть~
- Зарегистрирован: 2009-09-19
- Приглашений: 0
- Сообщений: 85
- Уважение: [+2/-0]
- Позитив: [+1/-0]
- Провел на форуме:
9 часов 12 минут - Последний визит:
2009-11-24 14:52:57
Зверь
мне не надо)) на ролку одну набрела. Там помощь с дизом нужна была, а то точнее с таблицей. Хотя и сам дизайн поменять надо... Да ладно) разберемся.
Поделиться132009-10-24 16:38:01
- Сын Смерти
- Зарегистрирован: 2009-09-19
- Приглашений: 0
- Сообщений: 95
- Уважение: [+12/-0]
- Позитив: [+4/-0]
- Провел на форуме:
16 часов 28 минут - Последний визит:
2010-01-22 21:19:50
Морана если что помогу
так как мне лень следить за скоростью Геры ХД вот вам ссылка на сам урок со скринами ХД
Страница: 1
