Соня и нелегкий путь к познанию дизайна

Страница: « 1 2 3 4 … 8 »

Сообщений 11 страница 20 из 78

Поделиться112011-12-30 19:41:31

Автор: cas collins
Администратор
Зарегистрирован: 2011-09-23
Приглашений: 0
Сообщений: 194
Провел на форуме:
1 день 11 часов
Последний визит:
2012-04-11 03:13:33

так как картинку для центрального фона я сделал размером 800px, можно увидеть, что при увеличении ширины она расползается. чтобы это сейчас не маячило перед глазами и не сбивало с толку, во втором окошке, цвета структуры, найди этот код:

#pun { background-image : url("http://uploads.ru/i/h/w/M/hwMm1.png");
background-color : #ffffff;
background-position : top center;
}

и первую его строку замени на:

#pun { background-image : url("ссылка на картинку");

так мы оставляем только цвет центрального фона

Поделиться122011-12-30 19:42:09

Автор: cas collins
Администратор
Зарегистрирован: 2011-09-23
Приглашений: 0
Сообщений: 194
Провел на форуме:
1 день 11 часов
Последний визит:
2012-04-11 03:13:33

StepH написал(а):

ой,я изменила,а что то не то получилосьОо

нет, все как раз получилось, почему такой результат вышел, я написал выше)

Поделиться132011-12-30 19:44:17

Автор: StepH
Участник
Зарегистрирован: 2011-12-29
Приглашений: 0
Сообщений: 41
Провел на форуме:
14 часов 29 минут
Последний визит:
2012-10-29 17:01:14

посмотри что выходит Оо

Поделиться142011-12-30 19:48:52

Автор: StepH
Участник
Зарегистрирован: 2011-12-29
Приглашений: 0
Сообщений: 41
Провел на форуме:
14 часов 29 минут
Последний визит:
2012-10-29 17:01:14

а,всё,я поняла суть))

Поделиться152011-12-30 19:50:20

Автор: cas collins
Администратор
Зарегистрирован: 2011-09-23
Приглашений: 0
Сообщений: 194
Провел на форуме:
1 день 11 часов
Последний визит:
2012-04-11 03:13:33

так пока что и должно быть х)
чтобы остальное пока что не сбивало с толку, опять же во втором окошке в самом конце находишь такой код:

#pun-about p.container {
background-image : url(http://uploads.ru/i/T/c/1/Tc12s.png);
background-position : center top;
background-repeat : no-repeat;
border: none;
margin-left: -60px;
width: 800px;
height: 200px !important; !important; !important;
float: none;
}

вторую строку заменяешь на

background-image : url(ссылка на картинку);

так мы временно уберем копирайт, что находится внизу форума

и там же во втором окошке, только уже в начале, ищешь код:

#pun-title table {
background-image : url("http://uploads.ru/i/K/G/i/KGiFQ.png");
background-position : center;

}

вторую строку заменяешь на

background-image : url("ссылка картинки на шапку");

так мы тоже пока временно уберем шапку

Поделиться162011-12-30 19:54:34

Автор: StepH
Участник
Зарегистрирован: 2011-12-29
Приглашений: 0
Сообщений: 41
Провел на форуме:
14 часов 29 минут
Последний визит:
2012-10-29 17:01:14

у меня не стало всего,даже фона)))

Поделиться172011-12-30 19:55:41

Автор: cas collins
Администратор
Зарегистрирован: 2011-09-23
Приглашений: 0
Сообщений: 194
Провел на форуме:
1 день 11 часов
Последний визит:
2012-04-11 03:13:33

кинь сюда код, как ты поменяла х)

Поделиться182011-12-30 19:58:23

Автор: StepH
Участник
Зарегистрирован: 2011-12-29
Приглашений: 0
Сообщений: 41
Провел на форуме:
14 часов 29 минут
Последний визит:
2012-10-29 17:01:14

Код:

/* CS1 Background and text colours
-------------------------------------------------------------
*/
#pun_wrap #pun {margin-right: -1; }

div#pun-navlinks {
color: #000000;
font-family: Verdana;
font-size: 13px;
top: 0px !important; !important;
}background-image :  url("http://uploads.ru/i/K/G/i/KGiFQ.png");background-image :  url("http://uploads.ru/i/K/G/i/KGiFQ.png");
background-position : center;

}

body {background-color: #bfbfbf;
background-image : url("ссылка картинки на шапку");
background-repeat: repeat;
background-position : top center;}

#pun { background-image : url("ссылка на картинку");
background-color : #ffffff;
background-position : top center;
}

.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span,  .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {background-color: transparent;
color: #101b10;}

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1;  left: 0px; top: 320px;
}


#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div {
background-color: transparent;
color: #000000;
font-style: normal;}

.punbb .quote-box, .punbb .code-box {
background-color: transparent;
color: #000000;}

#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #101b10;
text-align: center;}

.offline li.pa-online strong {
color: #000000;
font-weight: normal}

.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #000000;}


/* CS2 Border colours
-------------------------------------------------------------*/
.punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;}

.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;}

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;}

#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
color: transparent;}

.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:transparent;}

.punbb th {
border-color: transparent;}

.punbb .quote-box, .punbb .code-box {
border-color: #4c2f24;}

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;}

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;}

.punbb .divider {
border-color: transparent;}

.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf}

li.pa-online {
border-left-color: transparent;}

.punbb .post-sig dt {
border-top-color: transparent !important;}


/* CS3 Links
-------------------------------------------------------------*/
.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: none;}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #000000;}

.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: #000000;
border-bottom: 0px none #000;
text-decoration: none;}

#pun-navlinks a {
color: #000000;
border-bottom: 0px none #000;
text-decoration: none;}


#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #000000;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #000000;
  }


#pun-about p.container {background-color: # ;
background-image : url( ); 
background-position : center top; 
background-repeat : no-repeat; 
height : 475px; }

div#html-footer {
margin: -75px 0px 0px 0px;}

div#pun-about {
   margin-bottom: -75px;
}


/* CS4 Something parts
-------------------------------------------------------------*/
#pun  .section {border-style: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: right;}




/* CS8 Elastic Thumbnail Menu
------------------------------------------------------------*/

img {
	border: none;
}

#menuwrapper{
	left: 20%;
	position: relative;
	height: 10px;
}

#menu{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.menuitem {
	position: fixed relative;
	bottom: 0px;
	display: inline-block;
}

/* CS8 Post categorys
-------------------------------------------------------------*/

#pun-category1.category h2 {
border: none;
color: #000000;
height: 26px;
text-align: right;
padding-bottom: 10px;
background-position : right; 
font-family: Arno Pro;
font-size: 15px;}

#pun-category2.category h2 {
border: none;
color: #000000;
height: 26px;
text-align: right;
padding-bottom: 10px;
background-position : right; 
font-family: Arno Pro;
font-size: 15px;}



#pun-category3.category h2 {
border: none;
color: #000000;
height: 26px;
text-align: right;
padding-bottom: 10px;
background-position : right; 
font-family: Arno Pro;
font-size: 15px;}


#pun-category4.category h2 {
border: none;
color: #000000;
height: 26px;
text-align: right;
padding-bottom: 10px;
background-position : right; 
font-family: Arno Pro;
font-size: 15px;}


#pun-category5.category h2 {
border: none;
color: #000000;
height: 26px;
text-align: right;
padding-bottom: 10px;
background-position : right; 
font-family: Arno Pro;
font-size: 15px;}


#pun-category6.category h2 {
border: none;
color: #000000;
height: 26px;
text-align: right;
padding-bottom: 10px;
background-position : right; 
font-family: Arno Pro;
font-size: 15px;}


#pun-category7.category h2 {
border: none;
color: #000000;
height: 26px;
text-align: right;
padding-bottom: 10px;
background-position : right; 
font-family: Arno Pro;
font-size: 15px;}


#pun-category8.category h2 {
border: none;
color: #000000;
height: 26px;
text-align: right;
padding-bottom: 10px;
background-position : right; 
font-family: Arno Pro;
font-size: 15px;}


#pun-category9.category h2 {
border: none;
color: #000000;
height: 26px;
text-align: right;
padding-bottom: 10px;
background-position : right; 
font-family: Arno Pro;
font-size: 15px;}


#pun-category10.category h2 {
border: none;
color: #000000;
height: 26px;
text-align: right;
padding-bottom: 10px;
background-position : right; 
font-family: Arno Pro;
font-size: 15px;}


#pun-category11.category h2 {
border: none;
color: #000000;
height: 26px;
text-align: right;
padding-bottom: 10px;
background-position : right; 
font-family: Arno Pro;
font-size: 15px;}

/* CS5 Post status icons
 -------------------------------------------------------------*/


Div.icon {background-image : url(http://uploads.ru/i/5/3/U/53U6j.png); background-repeat: no-repeat;}
TR.inew Div.icon {background-image : url(http://uploads.ru/i/o/Y/C/oYCet.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(http://funkyimg.com/u2/127/653/02.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(http://uploads.ru/i/x/W/U/xWU5i.png); background-repeat: no-repeat;}

/* CS7 Post status icons and other options
------------------------------------------------------------*/

#pun-about p.container { 
background-image : url(ссылка на картинку);
background-position : center top; 
background-repeat : no-repeat; 
border: none;
margin-left: -60px;
width: 800px;
height: 200px !important; !important; !important;
float: none;
}

div#html-footer {
margin: 0px 0px 0px 0px;}

#pun-announcement.section h2 span {display: none; }

Поделиться192011-12-30 20:01:17

Автор: cas collins
Администратор
Зарегистрирован: 2011-09-23
Приглашений: 0
Сообщений: 194
Провел на форуме:
1 день 11 часов
Последний визит:
2012-04-11 03:13:33

вот на это замени)
у тебя там просто откуда-то появился ненужный кусок, с этим подробнее будем позже разбираться, сейчас с шириной пока что)