Привет Наташа, очень приятно с тобой познакомиться, меня зовут Тая. И я буду обучать тебя верстке дизайна, также мы с тобой разберем как делать таблицы в объявления.
Связь с тобой. | Тестовик. |
Отредактировано slastnicova (2012-11-29 14:01:11)
Кот |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Кот » Архив обучения от 03.12 » Camryn & Slastnicova
Привет Наташа, очень приятно с тобой познакомиться, меня зовут Тая. И я буду обучать тебя верстке дизайна, также мы с тобой разберем как делать таблицы в объявления.
Связь с тобой. | Тестовик. |
Отредактировано slastnicova (2012-11-29 14:01:11)
но все равно что то не то)))
а куда ты дела остальную часть во втором окне стиля?оО
Сразу после кода с футером вставь это:
/* CS1 Background and text colours background-color: #E139F1; -------------------------------------------------------------*/ /* 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: #dedfdf; color: #333; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: #d1d1d1; color: #333; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: #aac9eb; color: #fff; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: #aac9eb; color: #333; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: #d1d1d1; color: #005EAB } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: #d1d1d1; color: #333 } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: #f9f9f9; color: #333 } /* CS1.8 */ #pun-navlinks .container { background-color: #dedfdf; color: #f1f1f1; } .offline li.pa-online strong { font-weight: normal } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: #606060 } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: #f5f5f5 } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: #606060; } /* 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: #606060; } /* CS2.5 */ .punbb th { border-color: #606060 } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #ccc #fff #fff #ccc; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #ccc } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #fff } .punbb .divider { border-color: #ccc #fff #fff #fff } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf } li.pa-online { border-left-color: #aac9eb; } /* 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: #005EAB } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #333 } /* 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; } /* CS3.3 */ #pun-navlinks a { color:#005cb1; text-decoration: none } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #005cb1; text-decoration: underline } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #fff; } /* CS4 Post status icons -------------------------------------------------------------*/
и потом найди в блоках CS1 и CS2 замени значения фоновых цветов на transparent и тоже самое с цветами границ.
их будет не видно тогда.
пункты /* CS1.7 */ и /* CS2.6 */ отвечают за цитаты и коды, там пока не меняй значение, мы будем их заливать цветом.
готово
исправляем ошибки)
Блок CS1 надо было проставлять значения не так:
background-color: #transparent;
color: #transparent;
а так:
background-color: #transparent;
color: #000;
то что прописано color: #000; это цвет текста, его мы прозрачным не делаем.
Блок CS2, ты не прописала сюда значения transparent. поэтому границы видно до сих пор.
border-color: #606060
Дальше идём в первое окно:
удалить это:
/* C2.16 */
.punbb div.icon {
float: left; /* расположение */
display: block;
width: 70px; /* ширина */
height: 70px; /* высота */
padding-top: 2px;
margin-top: 1px;
background-position: center center;
}
/* Фоны ----------------------------*/
/*шапка*/
body {
background-image: url("http://s3.uploads.ru/3olbf.gif");
background-repeat: no-repeat;
background-position: top center;
background-color: #transparent;
}/*фон*/
HTML {
background-color: #5a88b0;
background-image: url("http://s2.uploads.ru/ufY3G.gif");
background-repeat: repeat-xy;
background-position: center top;
}/*футер*/
#pun_wrap {
background-image: url("http://s3.uploads.ru/ujaXt.gif");
background-repeat: no-repeat;
background-position: center bottom;
}/* CS1 Background and text colours background-color: #E139F1;
-------------------------------------------------------------*//* 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: #transparent;
color: #000;
}/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #transparent;
color: #000;
}/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #transparent;
color: #000;
}/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: #transparent;
color: #000;
}/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #transparent;
color: #000
}/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: #d1d1d1;
color: #333
}/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #transparent;
color: #000
}/* CS1.8 */
#pun-navlinks .container {
background-color: #transparent;
color: #000;
}.offline li.pa-online strong {
font-weight: normal
}/* CS2 Border colours
-------------------------------------------------------------*//* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #transparent {
border-color: #606060
}/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #606060
}/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #transparenth2 {
border-color: #606060
}/* 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: #606060
}/* CS2.5 */
.punbb th {
border-color: #606060
}/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #606060
}#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #606060
}#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #606060
}.punbb .divider {
border-color: #606060
}.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf
}li.pa-online {
border-left-color: #000;
}/* 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: #005EAB
}.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #333
}/* 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;
}/* CS3.3 */
#pun-navlinks a {
color:#005cb1;
text-decoration: none
}/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #005cb1;
text-decoration: underline
}#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #fff;
}/* CS4 Post status icons
-------------------------------------------------------------*//*Старые сообщения*/
Div.icon {
background-image : url('http://s3.uploads.ru/J2e1t.gif');
background-repeat: no-repeat;
}/*Новые сообщения*/
TR.inew Div.icon {
background-image : url('http://s3.uploads.ru/1elgf.gif');
background-repeat: no-repeat;
}/*Важные темы*/
TR.isticky Div.icon {
background-image : url('http://s2.uploads.ru/5ubJq.gif');
background-repeat: no-repeat;
}/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url('http://s3.uploads.ru/OXZPQ.gif');
background-repeat: no-repeat;
}
не могу понять что тут надо менять(((
вот здесь все значения border-color нужно проставить transparent вместо цвета.
/* CS2 Border colours
-------------------------------------------------------------*//* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #transparent {
border-color: #606060
}/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #606060
}/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #transparenth2 {
border-color: #606060
}/* 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: #606060
}/* CS2.5 */
.punbb th {
border-color: #606060
}/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #606060
}#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #606060
}#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #606060
}.punbb .divider {
border-color: #606060
}.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf
}li.pa-online {
border-left-color: #000;
}
вот здесь все значения border-color нужно проставить transparent вместо цвета.
сделала.
Так, давай я сейчас зарегистрируюсь, сделаешь меня админом, и я всё исправлю)
Camryn
в первом окне стиля здесь жирное измени под высоту шапки)
/* D1.4 */
#pun-title h1 span {
font-size: 1.5em;
}#pun-title table {
border: none;
height: 40px;
width: 100%;
}
slastnicova
готово)
Camryn
сделай админом, чтобы я смогла исправить ошибку)
Вы здесь » Кот » Архив обучения от 03.12 » Camryn & Slastnicova