Ну-с.С чего начнём?
Уроки Фокси.
Сообщений 1 страница 28 из 28
Поделиться22010-10-17 17:21:48
http://0pk.ru/generator/ - генератор стилей.
для начала сделай стиль синего цвета, отобрази морской бриз
Поделиться32010-10-17 18:09:59
`cookie
Тут
Поделиться42010-10-18 19:48:24
ShemiFox5
молодец, мне нравится, хотя чуть-чуть ярковато.
_________________________
будем учится вставлять картинки в дизайн.
вот этот код
background-image: url(ссылка картинки)
заменяем на вот этот код
background-color: #цвет;
где выделено цветом, те теги и меняем.
/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
Фон
background-color: #3f5203;
}
Клетки таблицы дизайна
/* 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: #a5cb78;
color: #3f5203;
}
Таблица дизайна
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #D6EAAE;
color: #3f5203;
}
Шапка таблицы
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #a5cb78;
color: #3f5203;
font-weight: normal;
font-style: normal;
}
Шапка форума
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: #D6EAAE;
color: #3f5203;
}
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #D6EAAE;
color: #3f5203
}
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: #809837;
color: #3f5203
}
Меню Навигации
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #95BB68;
color: #3f5203
}
Цетата
/* CS1.8 */
#pun-navlinks .container {
background-color: #809837;
color: #F8F8F8;
}
.offline li.pa-online strong {
font-weight: normal
}HTML в форме ответа.punbb textarea, .punbb select, .punbb input {
background-color: #3f5203;
color: #000000
}
Поделиться52010-10-18 19:49:19
сразу скажу, что цвета здесь не твои, так что будь внимательней.
Поделиться62010-10-20 14:12:01
Я вроде фон сделала а вот с шапкой проблемы.Она не появляется.
Поделиться72010-10-21 09:28:49
ShemiFox5
если шапку вставляла туже самую, то её не будет видно.надо другую вставлять.
если другую вставляла, то скинь мне код.
Поделиться102010-10-22 18:58:19
вот попробуй его вставить
/* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-image: url(http://s61.radikal.ru/i172/1010/03/3dcecf23848a.jpg) color: #3f5203;
Поделиться112010-10-23 09:44:07
`cookie
Тоже нет.
Поделиться122010-10-23 13:33:58
ShemiFox5
офф, да не знаю, что может быть.
скинь мне код, куда ты вставляла шапку.
Поделиться132010-10-24 09:54:27
/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
background-image: url(http://s11.radikal.ru/i183/1010/f0/c06a4486cc87.jpg)
}
/* 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: #000099;
color: #FFFFFF;
}
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #000099;
color: #FFFFFF;
}
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #000099;
color: #FFFFFF;
font-weight: normal;
font-style: italic;
}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-image: url(http://s61.radikal.ru/i172/1010/03/3dcecf23848a.jpg)
color: #3f5203;
}
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-image: url(http://s61.radikal.ru/i171/1010/ad/b96447ad5c09.jpg)
color: #FFFFFF
}
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-image: url(http://s61.radikal.ru/i171/1010/ad/b96447ad5c09.jpg)
color: #FFFFFF
}
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #000089;
color: #FFFFFF
}
/* CS1.8 */
#pun-navlinks .container {
background-color: #0000CC;
color: #FFFFFF;
}
.offline li.pa-online strong {
font-weight: normal
}
.punbb textarea, .punbb select, .punbb input {
background-color: #0000CC;
color: #FFFFFF
}
Поделиться142010-10-24 09:58:04
[quote=ShemiFox5]/* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-image: url(http://s61.radikal.ru/i171/1010/ad/b96447ad5c09.jpg) color: #FFFFFF } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-image: url(http://s61.radikal.ru/i171/1010/ad/b96447ad5c09.jpg) color: #FFFFFF }[/quote]
убери пробел между строчками в тегах
Поделиться152010-10-24 10:05:13
`cookie
Что-то опять не появляется!
Поделиться162010-10-24 10:08:20
ShemiFox5
я сейчас тогда у тебя зарегистрируюсь, а ты меня сделаешь админом, я тебе исправлю всё, а потом ты посмотришь, что было не так.
Поделиться172010-10-24 10:09:45
и ещё ссылки не видно их надо сделать белыми. скажи, ты изменяла дизыйн после того, как я сказала, что хорошо?
Поделиться182010-10-24 10:13:58
`cookie
Ну нет,я подумала если я буду картинки вставлять,то будет лучше,а с ссылками проблемы.
Поделиться192010-10-24 10:17:11
ладно, продолжаем. я исправила тебе. смотри теперь, что было не так!
Поделиться202010-10-24 10:19:41
следующее задание(когда вставишь все картинки)
Этот код отвечает за положение шапки.
то, что выделено, то отвечает за высоту шапки, изменяя цифры ты сможешь увеличить шапку.
/* D1.2 */
#pun-title h1 {
display : block;
height: 389px;
margin-bottom: -1px;
}
Поделиться212010-10-24 10:31:51
`cookie
Поставила.Только её две получилось.
Поделиться222010-10-24 10:35:44
молодец)))
теперь для того, что бы она получилась одна, можно воспользоваться радикалом и изменить её размер. а можно по другому.
делай через радикал, так как я ухожу. вернусь через часа 2-3 и расскажу 2 способ)
Поделиться232010-10-24 11:26:13
`cookie
Я радикалом делаю,но вторая картинка не пропадает.
Поделиться242010-10-24 17:16:08
тогда 2 способ)
этот код вставляется в структуру. смотри внимательно, там где он, там и изменяешь!
/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 690px;
position: relative;
}
то, что жирным, то и меняешь!
Поделиться252010-10-26 21:56:16
`cookie
Всё норм,только форум немного уменьшился.
Поделиться262010-10-28 15:10:46
ShemiFox5
нет, нет, нет. так не пойдёт. ты слишком сильно уменьшила форум. попробуй ещё раз
Поделиться272010-10-29 17:09:16
`cookie
У меня что-то не получается.
Поделиться282010-10-31 08:00:16
У меня что-то не получается.
нет, очень даже хорошо) только теперь картинку в шапке увеличь)