Срочно нужна помощь с созданием шапки (css)

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем dar888, 06.12.2009.

  1. Offline

    dar888 Недавно здесь

    Регистрация:
    23.08.2009
    Сообщения:
    15
    Симпатии:
    0
    Пол:
    Мужской
    Всем привет!

    Проблема такая, вот сайт http://www.moneyincome.ru/saittest/index.php

    хочу сделать шапку как тут http://www.ritual-vektor.ru/

    целый час бьюсь над css шаблона, не получается нифига. Помогите пожста или дайте ссылку с примером по моему вопросу

    нужно сделать на фоне 2 картинки:

    в левую часть эмблему, в правую часть картинку с цветами.

    чтобы вы не подумали что я халявщик, я напишу тут что я делал , и заранее отвечу на такое предложение " как иди учи css " я изучаю, но нужно быстро сделать шапку, а изучить весь css за 2-3 дня невозможно.

    вот мои действия:
    с css файла шаблона

    #header {
    height : 200px;
    float : left;
    width : 200%;
    padding : 0;
    margin : 0;
    background-color : #f6f6f6;
    background-image : url(../images/bg_pagebg.gif);(фон)
    background-image : url(../images/top_right_b.jpg);(картинка с цветами)

    }

    если поставлю такой тэг как

    background-repeat: no-repeat то картинка вместе с фоном перемещается влево (по умолчанию) что делать?

    мне нужно сделать такую же шапку как тут http://www.ritual-vektor.ru/ только без надписей


    Помогите пож-ста с данной проблемой!
     
  2.  
  3. Kadavr
    Offline

    Kadavr Недавно здесь => Cпециалист <=

    Регистрация:
    18.10.2007
    Сообщения:
    557
    Симпатии:
    39
    Пол:
    Мужской
    Вариантов море. Например:
    1. Сделай шапку таблицей, из двух частей - 2 колонки, 1 строка. Левую и правую части сделай шириной под твои картинки, каждой колонке задай свой класс. И спокойно вставляй их туда бэкграундом, одна-единственная строчка в css на каждую ячейку - background-image : url(../images/bg_pagebg.gif).
    2. Шапка в тэгах div с выставленной шириной под твои две картинки. У одной будет float:left, у другой - right
    3. Одна ячейка с фоном в виде бэкграунда, а эмблема вставляется как картинка img src=......
    4. Слей все в одну картинку и вставь.
     
  4. alex0603
    Offline

    alex0603 Недавно здесь => Cпециалист <=

    Регистрация:
    25.11.2007
    Сообщения:
    415
    Симпатии:
    39
    Пол:
    Мужской
    мегабред) два бэкграунда одному тегу)
     
  5. alex0603
    Offline

    alex0603 Недавно здесь => Cпециалист <=

    Регистрация:
    25.11.2007
    Сообщения:
    415
    Симпатии:
    39
    Пол:
    Мужской
    открываешь index.php своего шаблона
    ищешь
    Код (CODE):
    1. <div id="header">
    2.           <div class="maintitle"></div>
    3.                   </div>


    меняешь на
    Код (CODE):
    1. <div id="header">
    2.           <div class="maintitle">Лого сайта</div><div class="head2"></div>
    3.                   </div>


    сохраняешь, закрываешь.
    открываешь template.css

    ищешь своё недоумение

    Код (CODE):
    1. #header {
    2. height : 200px;
    3. float : left;
    4. width : 200%;
    5. padding : 0;
    6. margin : 0;
    7. background-color : #f6f6f6;
    8. background-image : url(../images/bg_pagebg.gif)фон)
    9. background-image : url(../images/top_right_b.jpg)картинка с цветами)
    10.  
    11. }

    изменяешь его на
    Код (CODE):
    1. #header {
    2. height : 200px;
    3. width : 200%;
    4. padding : 0;
    5. margin : 0;
    6. background-color : #f6f6f6;
    7. background-image : url(../images/bg_pagebg.gif);
    8. }


    добавляешь
    Код (PHP):
    1. #head2 {
    2. height : 200px;
    3. padding : 0;
    4. margin : 0;
    5. width : [COLOR="Red"]здесь значение ширины равное ширине твоей картинки с цветочками[/COLOR]  px ;
    6. background-image : url(../images/top_right_b.jpg);
    7. float: right;
    8. }



    сохраняешь, закрываешь
    в принципе всё.
    должно получиться. но шаблон в хреновом состоянии и я не вижу ни ксс ни самого шаблона. так что ради приличия выложи сюда
     

Поделиться этой страницей

Загрузка...