Мне нужно много учения!
Мои уроки.
Сообщений 1 страница 21 из 21
Поделиться22010-08-14 14:02:20
ShemiFox5
Не беспокойся каникул не дам)))
Поделиться32010-08-14 14:09:44
50 Claws
Здорово!!
Поделиться42010-08-14 14:10:27
Первое задание:Создай цвета в этом генераторе:
http://0pk.ru/generator/
Цвета должны похожи быть на домашний уют.Справишься?
Поделиться52010-08-14 14:13:46
50 Claws
Попробую.
Поделиться62010-08-14 14:21:28
Вот ссыль:Жми
Вот:
/* CS1 Background and text colours -------------------------------------------------------------*/ body { background-color: #990000; } /* 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: #990033; color: #FF3300; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: #990000; color: #FF3300; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: #CC0000; color: #CC0000; font-weight: bold; font-style: italic; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: #990000; color: #FF3333; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: #990000; color: #FF3300 } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: #CC0000; color: #FF3300 } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: #890023; color: #FF3300 } /* CS1.8 */ #pun-navlinks .container { background-color: #CC0000; color: #660000; } .offline li.pa-online strong { font-weight: normal } .punbb textarea, .punbb select, .punbb input { background-color: #990000; color: #FF3300 } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: #FF6633 #FF6633 #FF6633 #FF6633 } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: #890000 } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: #CC0000; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: #CC0000; } /* CS2.5 */ .punbb th { border-color: #CC0000 } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #790013 #B92053 #B92053 #790013; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #790013 } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #B92053 } .punbb .divider { border-color: #790013 #B92053 #B92053 #B92053 } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf } li.pa-online { border-left-color: #CC0000; } .punbb .post-sig dt { border-top-color: #CC0000 !important; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #CC0000; font-weight: bold; border-bottom: 0px none #000; text-decoration: underline; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #FF3300 } /* CS3.2 */ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #B42000; font-weight: bold; border-bottom: 0px none #000; text-decoration: underline; } /* CS3.3 */ #pun-navlinks a { color: #660000; font-weight: bold; border-bottom: 0px none #000; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #FFFFFF; font-weight: normal; font-style: normal; border-bottom: 0px none #000; text-decoration: underline; } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #fff; } /* CS4 Post status icons -------------------------------------------------------------*/ div.icon {border-color: #CCFF66 #ACDF46 #9CCF36 #ACDF46} tr.iredirect div.icon {border-color: #990000 #990000 #990000 #990000} div.inew {border-color: #660000 #460000 #360000 #460000} #pun-main div.catleft, #pun-main div.catright {display: none}
Отредактировано ShemiFox5 (2010-08-14 14:47:03)
Поделиться72010-08-14 15:14:17
ShemiFox5
Очень ярко...Попробуй в домашних бежево-бардовых тонах.
Поделиться82010-08-14 15:25:49
Опять наверное ярко!
Вот:Забыла пароль и сделала новый форум:www.testt11.mybb.ru
И вот:
/* CS1 Background and text colours -------------------------------------------------------------*/ body { background-color: #990000; } /* 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: #990000; color: #660000; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: #FF9933; color: #660000; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: #660000; color: #FF9933; font-weight: bold; font-style: normal; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: #FF9933; color: #CC0000; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: #FF9933; color: #660000 } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: #CC3300; color: #660000 } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: #890000; color: #660000 } /* CS1.8 */ #pun-navlinks .container { background-color: #CC3300; color: #FF9933; } .offline li.pa-online strong { font-weight: normal } .punbb textarea, .punbb select, .punbb input { background-color: #990000; color: #660000 } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: #FFCC99 #FFCC99 #FFCC99 #FFCC99 } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: #890000 } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: #660000; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: #FF9933; } /* CS2.5 */ .punbb th { border-color: #CC3300 } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #790000 #B92020 #B92020 #790000; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #790000 } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #B92020 } .punbb .divider { border-color: #790000 #B92020 #B92020 #B92020 } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf } li.pa-online { border-left-color: #CC3300; } .punbb .post-sig dt { border-top-color: #FF9933 !important; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #FF6600; font-weight: bold; border-bottom: 0px none #000; text-decoration: none; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #660000 } /* CS3.2 */ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #B42000; font-weight: bold; border-bottom: 0px none #000; text-decoration: underline; } /* CS3.3 */ #pun-navlinks a { color: #FF9933; font-weight: bold; border-bottom: 0px none #000; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #990000; font-weight: normal; font-style: normal; border-bottom: 0px none #000; text-decoration: underline; } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #fff; } /* CS4 Post status icons -------------------------------------------------------------*/ div.icon {border-color: #FFCC00 #DFAC00 #CF9C00 #DFAC00} tr.iredirect div.icon {border-color: #FF9933 #FF9933 #FF9933 #FF9933} div.inew {border-color: #FF0033 #DF0013 #CF0003 #DF0013} #pun-main div.catleft, #pun-main div.catright {display: none}
Отредактировано ShemiFox5 (2010-08-14 15:26:15)
Поделиться92010-08-14 15:49:06
ShemiFox5
Попробуй весь форум залить:
ebe0ce
А мелкие детали
851538
Текст чёрным.
Поделиться102010-08-14 16:20:30
Ничего что я сама всё сделала?
Форум мой тестовый уже есть.
Вот:
/* CS1 Background and text colours -------------------------------------------------------------*/ body { background-color: #CC6633; } /* 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: #FF9966; color: #CC6633; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: #FF9966; color: #CC6633; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: #FF9933; color: #CC3300; font-weight: bold; font-style: normal; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: #FF9966; color: #CC6600; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: #FF9966; color: #CC6633 } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: #FF9966; color: #CC6633 } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: #EF8956; color: #CC6633 } /* CS1.8 */ #pun-navlinks .container { background-color: #FF6633; color: #CC3333; } .offline li.pa-online strong { font-weight: normal } .punbb textarea, .punbb select, .punbb input { background-color: #CC6633; color: #CC6633 } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: #FFCC66 #FFCC66 #FFCC66 #FFCC66 } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: #BC5623 } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: #FF9933; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: #FF9966; } /* CS2.5 */ .punbb th { border-color: #FF9966 } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #DF7946 #FFB986 #FFB986 #DF7946; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #DF7946 } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #FFB986 } .punbb .divider { border-color: #DF7946 #FFB986 #FFB986 #FFB986 } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf } li.pa-online { border-left-color: #FF6633; } .punbb .post-sig dt { border-top-color: #FF9966 !important; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #CC3300; border-bottom: 0px none #000; text-decoration: underline; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #CC6633 } /* CS3.2 */ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #B42000; border-bottom: 0px none #000; text-decoration: underline; } /* CS3.3 */ #pun-navlinks a { color: #CC3333; border-bottom: 0px none #000; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #FF9933; font-weight: normal; font-style: normal; border-bottom: 0px none #000; text-decoration: underline; } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #fff; } /* CS4 Post status icons -------------------------------------------------------------*/ div.icon {border-color: #FFFF33 #DFDF13 #CFCF03 #DFDF13} tr.iredirect div.icon {border-color: #FF9966 #FF9966 #FF9966 #FF9966} div.inew {border-color: #CC0000 #AC0000 #9C0000 #AC0000} #pun-main div.catleft, #pun-main div.catright {display: none}
Поделиться112010-08-14 17:16:39
ShemiFox5
Не плохо.Слава богу уже не пёстро))))Так попробуй,то,что я предложил и продолжим обучение)))
Поделиться122010-08-14 17:28:25
Так?
/* CS1 Background and text colours -------------------------------------------------------------*/ body { background-color: #ebe0ce; } /* 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: #ebe0ce; color: #333333; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: #ebe0ce; color: #333333; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: #851538; color: #000000; font-weight: bold; font-style: normal; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: #851538; color: #000000; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: #ebe0ce; color: #333333 } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: #851538; color: #333333 } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: #DBD0BE; color: #333333 } /* CS1.8 */ #pun-navlinks .container { background-color: #ebe0ce; color: #000000; } .offline li.pa-online strong { font-weight: normal } .punbb textarea, .punbb select, .punbb input { background-color: #ebe0ce; color: #333333 } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: #851538 #851538 #851538 #851538 } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: #DBD0BE } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: #851538; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: #851538; } /* CS2.5 */ .punbb th { border-color: #851538 } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #CBC0AE #FFFFEE #FFFFEE #CBC0AE; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #CBC0AE } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #FFFFEE } .punbb .divider { border-color: #CBC0AE #FFFFEE #FFFFEE #FFFFEE } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf } li.pa-online { border-left-color: #ebe0ce; } .punbb .post-sig dt { border-top-color: #851538 !important; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #000000; border-bottom: 0px none #000; text-decoration: underline; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #333333 } /* CS3.2 */ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #B42000; border-bottom: 0px none #000; text-decoration: underline; } /* CS3.3 */ #pun-navlinks a { color: #000000; border-bottom: 0px none #000; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #FFFFFF; font-weight: normal; font-style: normal; border-bottom: 0px none #000; text-decoration: underline; } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #fff; } /* CS4 Post status icons -------------------------------------------------------------*/ div.icon {border-color: #851538 #650018 #550008 #650018} tr.iredirect div.icon {border-color: #ebe0ce #ebe0ce #ebe0ce #ebe0ce} div.inew {border-color: #E6E6E6 #C6C6C6 #B6B6B6 #C6C6C6} #pun-main div.catleft, #pun-main div.catright {display: none}
Поделиться132010-08-14 17:55:15
ShemiFox5
Отлично!!!!Видишь:можешь ,когда хочешь))))Отлично!!!!
Поделиться142010-08-14 20:30:52
Спс!Пройдём дальше!
Поделиться152010-08-15 12:47:47
ShemiFox5
Так теперь обьясняю всё подробно.Чтобы вставить картинку в стиль нужно Знать,что,где находится.Все картинки вставляем до
/* CS2.1 */.И так начнём:
Чтобы вставить картинку нужно тег
background-color: #3f5203;
заменить на
background-image: url(ссылка на картинку);
Сотрёшь мои обозначения потом
/* 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
}
То,что под background-color: #код цвета,то и есть цвет шрифта.Новое задание:Заполни,то,что я указал,только не забудь измени до /* CS2 Border colours
-------------------------------------------------------------*/Всё остальное пока не трогай.
Поделиться162010-08-15 13:48:31
Любую?
Поделиться172010-08-15 16:42:39
У меня чёгото не выходит!
Поделиться182010-08-15 17:03:57
ShemiFox5
Давай ссылку на тестовик
Поделиться192010-08-15 17:28:08
Я там на бурлючила и всё удалила! Жми
Поделиться202010-08-15 17:56:33
ShemiFox5
попробуй ещё раз.Были деньки,когда я раз по 30 переделовал...
Поделиться212010-10-09 10:17:40
Я хочу продолжить и вот.
Ну,выглядит не очень,но успехи не плохи.Тут больше на лесной уют похоже.
Тут