Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 2303 Просмотров
*

terr

  • Давно я тут
  • 824
  • 14 / 6
  • Ученик html-я
как дописать в CSS
« : 16.12.2009, 10:05:50 »
вобщем шапка сайта фон и картинка
есть фон вообще сайта
этот фон находится полоса под шапкой сайта и в низу
вопрос как сделать картинку отдельно внизу фон и отдельно под шапкой
скрины:




етот фон вообще самого сайта вотт хелп

вот css
Код
* $1 - Structural CSS
----------------------------------------------------------------------------*/
div#content{
margin-left:200px;
padding: 0;
border-left: 1px solid #ccc;
}

div#contentsidebar{
float:left;
width:200px;
margin-left:-100%;
padding-top: 10px;
border-right: 1px solid #ccc;
}

body{
background: #009EC4;
margin:0;padding:0
}

.padding {
padding: 5px 5px;
}

#content .padding {
padding: 5px 15px;
}

div#colorbar {
background: url('../images/colorbar.jpg') repeat-x;
overflow: hidden;
height: 3px
}

div#navbar{
position: relative;
background: url('../images/logo.jpg'); repeat-x
link rel: www.tehnoural.ru;
height:122px;
line-height:130px;
margin:0;
padding-left:400px;
color: #6666CC
}

div#navbar h2 {
background: url('../images/branding.png') no-repeat;

position: absolute;
left: 3px;
top: 0px;
width: 460px;
height: 118px;
margin: 0;
padding: 0;
color: #6666CC;
text-indent: -7887px
}

div#top-seperator {
height: 6px;
border-bottom: 5px solid white;
overflow: hidden;
}

div#bottom-seperator {
height: 15px;
overflow: hidden;
}

div#content p{
line-height:1.4
}

/*styles for first content area in white*/
#contentfaux {
background: white;
overflow: hidden;
}

div#contentwrapper{
float:left;
width:100%;
}

/*end content area*/
/*styles for footer shelf*/
#footerfaux {
background: #0000FF;
overflow: hidden;
color: #0000FF;
}

div#footerwrapper{
float:left;
width:100px;
}

div#footercontent{
padding: 0;
margin: 0;
}

/*end footer shelf*/

#shelf-bt {
height:18px;
margin-top:-20px;
position:absolute;
}

div#footer {
background: reperat-x url('../images/footer-bg.jpg'); repeat-x
color: #FFF;
height: 30px;
line-height: 30px;
padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0
}

div#footer p{
margin:0;padding:5px 10px
}


/* $3 - Display Options
----------------------------------------------------------------------------*/
/* Generic Options Defaults */
div#options-wrap{
height:18px;
position: absolute;
top: 9px;
right: 123px;
overflow:hidden;
}
#displayOptions {
height:18px;
float:left;
}

.menu,
.menu li,
.menu li a{
list-style-type:none;
}
.horizontal li,
.horizontal li a{
display:block;
float:left;
}

/* Clear Fix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
}

.clearfix {display: inline-table;}
/* Hides From IE Mac \*/
* HTML .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Hide from IE Mac */

#displayOptions h3,
#displayOptions h4 {
position:absolute;
top:-1000em;
}
#displayOptions ul {
float:left;
display:inline;
height:18px;
margin:0;
padding:0;
}
#displayOptions li {
height:18px;
overflow:hidden;
display:inline;
background: none;
margin: 0;
padding: 0 4px;
}
#displayOptions a {
padding-top:18px;
height:0;
overflow:hidden;
background-position: 0 0;
background-repeat:no-repeat;
font-size:10px;
}
#displayOptions li a:hover {
background-color:transparent;
}
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: как дописать в CSS
« Ответ #1 : 16.12.2009, 10:58:00 »
Используйте в свойстве background путь к изображению вместо указания цвета.
*

terr

  • Давно я тут
  • 824
  • 14 / 6
  • Ученик html-я
Re: как дописать в CSS
« Ответ #2 : 18.12.2009, 09:01:05 »
Цитировать
Используйте в свойстве background путь к изображению вместо указания цвета.

пробывал, будет повторяющаяся картинка внизу и вообще на всем фоне, там еще есть редактировать статьи и на фоне тоже будет картинка ето не удобно и некрасиво, желательно дополнительно выделить как то нижний модуль а фон чтоб отдельно был
*

Аня

  • Давно я тут
  • 745
  • 33 / 0
  • Копатыч нестабилен!
Re: как дописать в CSS
« Ответ #3 : 18.12.2009, 15:26:20 »
Есть такие свойства, как backround-repeat, background-position  - может, поможет? Читайте www.htmlbook.ru - величайший хтмлбук всех времен и народов
Fatal error - это не фатально!!! Я проверила.
*

terr

  • Давно я тут
  • 824
  • 14 / 6
  • Ученик html-я
Re: как дописать в CSS
« Ответ #4 : 21.12.2009, 16:12:09 »
ну ето всеровно что искать иголку в стоге сена, было бы все так просто я бы сдесь не спрашивал
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: как дописать в CSS
« Ответ #5 : 21.12.2009, 17:06:30 »
Назначьте фон для HTML тега, он будет по всему сайту и, соответственно в подвале.
Потом назначьте фон (только с repeat-y) для тега body изображением такой высоты, чтобы был виден в полоске под шапкой.
Таким образом у Вас будет 2 фона подо всем сайтом.
*

terr

  • Давно я тут
  • 824
  • 14 / 6
  • Ученик html-я
Re: как дописать в CSS
« Ответ #6 : 28.12.2009, 08:51:51 »
все сделал ксску переделал да и все))
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться