Начнем?
Обучение Кабо
Сообщений 1 страница 30 из 50
Поделиться22010-08-24 16:03:38
Кабо
Начнём,но сначала спрошу:
Ты вставляешь шапку и т.д. куда в скрипты или код цветов?
Поделиться32010-08-24 16:17:11
В код конечно!
Поделиться42010-08-24 16:23:00
50 Claws
Что дальше?
Поделиться52010-08-24 16:27:51
Кинь пример цветов
Поделиться62010-08-24 16:29:58
каких цветов?
Поделиться72010-08-24 17:08:34
Кабо
Цсс структура цветов.
Поделиться82010-08-24 18:53:35
Любых?
Поделиться92010-08-24 18:54:42
/* CS1 Background and text colours
-------------------------------------------------------------*/body {
background-color: #;
}/* 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: #;
}/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #;
color: #;
}/* 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;}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: #;
color: #;
}/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #;
color: #
}/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: #;
color: #
}/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #000000;
color: #
}/* 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: #
}/* CS2 Border colours
-------------------------------------------------------------*//* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: # # # #
}/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #000000
}/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #;
}/* 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: #;
}/* CS2.5 */
.punbb th {
border-color: #
}/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #000000 #202020 #202020 #000000;
}#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #000000
}#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #202020
}.punbb .divider {
border-color: #000000 #202020 #202020 #202020
}.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf
}li.pa-online {
border-left-color: #;
}.punbb .post-sig dt {
border-top-color: # !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: #;
background-color: #
}.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #
}/* 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: #;
background-color: #
}/* CS3.3 */
#pun-navlinks a {
color: #;
background-color: #
}/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #;
font-weight: normal;
font-style: normal;
background-color: #
}#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #fff;
}/* CS4 Post status icons
-------------------------------------------------------------*/div.icon {border-color: # #000000 #000000 #000000}
tr.iredirect div.icon {border-color: # # # #}
div.inew {border-color: # #000000 #000000 #000000}#pun-main div.catleft, #pun-main div.catright {display: none}
Поделиться102010-08-25 12:36:06
А тепрь заполни его полностью шапкой,кнопочками,фоном и т.д и кинь сюда код.Я тебе тогда скажу твои ошибки и научу одной хитрости.
Поделиться112010-08-25 13:20:37
/* CS1 Background and text colours
-------------------------------------------------------------*/body {
background-image: url(http://img0.liveinternet.ru/images/atta … 680448.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: #FCEDC7;
color: #774411;
}/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #FCEDC7;
color: #774411;
}/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #DDAA77;
color: #FFFFFF;
font-weight: normal;
font-style: normal;}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-image: url(http://i065.radikal.ru/1008/93/86365b889eb4.jpg);
color: #774411;
}/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #FFEEBB;
color: #774411
}/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: #FFEEBB;
color: #774411
}/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #ECDDB7;
color: #774411
}/* CS1.8 */
#pun-navlinks .container {
background-color: #DDAA77;
color: #FFFFFF;
}.offline li.pa-online strong {
font-weight: normal
}.punbb textarea, .punbb select, .punbb input {
background-color: #FFFFFF;
color: #774411
}/* CS2 Border colours
-------------------------------------------------------------*//* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #DDAA77 #DDAA77 #DDAA77 #DDAA77
}/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #EFEFEF
}/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #DDAA77;
}/* 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: #FFDDAA;
}/* CS2.5 */
.punbb th {
border-color: #FFEEBB
}/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #DCCDA7 #FFFFE7 #FFFFE7 #DCCDA7;
}#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #DCCDA7
}#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #FFFFE7
}.punbb .divider {
border-color: #DCCDA7 #FFFFE7 #FFFFE7 #FFFFE7
}.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf
}li.pa-online {
border-left-color: #DDAA77;
}.punbb .post-sig dt {
border-top-color: #FFDDAA !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: #774411;
border-bottom: 0px none #000;
text-decoration: underline;}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #774411
}/* 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: #EEBB88;
font-weight: bold;
border-bottom: 0px none #000;
text-decoration: none;}
/* CS3.3 */
#pun-navlinks a {
color: #FFFFFF;
border-bottom: 0px none #000;
text-decoration: none;}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #FFDDAA;
font-weight: bold;
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: #DDAA77 #BD8A57 #AD7A47 #BD8A57}
tr.iredirect div.icon {border-color: #FCEDC7 #FCEDC7 #FCEDC7 #FCEDC7}
div.inew {border-color: #FCEDC7 #DCCDA7 #CCBD97 #DCCDA7}#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-about p.container {
background: url(http://i067.radikal.ru/1008/db/a2049437f5d7.jpg) no-repeat; height: 150px;
}
Поделиться132010-08-25 13:42:03
Кабо
Очень хорошо,для новичка.А ты умеешь делать полупрозрачные дизы и дизы без границ?
Поделиться152010-08-25 13:47:44
50 Claws
Ты будешь меня этому учить?
Поделиться162010-08-25 13:57:48
Кабо
Нуу.... Не просто же так я тебя спросил этому))))
Фотошоп есть?
Поделиться172010-08-25 14:11:55
Есть, СS3; версия 10.0
Поделиться182010-08-25 14:14:03
У меня вопрос. Как закрепить фон от прокрутки?
Поделиться192010-08-25 14:35:43
Кабо
/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
background-image: url(Картинка);
background-attachment: fixed;
background-repeat: repeat;
}
Поделиться202010-08-25 14:44:12
Есть, СS3; версия 10.0
Значит,как сделать прозрачный фон.В Фотошопе создаешь холст размером 950 на 950.
Потом Два раза кликаешь на получившийся слой.У тебя загорается окошко,как при создании нового слоя.Ничего не меняешь.Потом заливаешь весь холст любым цветов и настраиваешь Непрозрачность на 50 %
Позже сохроняешь файл через Файл - Сохранить как(File-Save es) .Не забудь сохранить в формате PNG.
Позже вставляешь получившуюся картинку в
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-image: url(ссылка на картинку);
color: #C0C0C0;
}
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-image: url(ссылка на картинку);
color: #C0C0C0;
font-weight: normal;
font-style: normal;
Поделиться222010-08-25 19:50:27
Что дальше?
Поделиться232010-08-25 22:57:17
Кабо
А почему не полупрозрачный?
Поделиться242010-08-26 14:09:15
незнаю
Поделиться252010-09-05 07:01:31
АУ? Я ХОЧУ УЧИТЬСЯ!!!!
Поделиться262010-09-05 12:13:03
Кабо
Что ты конкретно ещё хочешь знать?
Поделиться272010-09-06 13:25:29
ВСЕ! Про фотошоп. Я хочу научиться соединять две картинки в одну
Поделиться282010-09-06 16:51:35
Кабо
Это легко подготовь к работе две картинки...