Добавление надписи в шапке

голоса: 0
Подскажите,как мне добавить надписи в шапке где по бокам 2 полочки? Также мне нужно будет изменить шрифт и цвет после того как будет добавлена надпись!! И как мне убрать пробелы в надписи "З а п р е т н а я  З о н а "
Адрес сайта http://zz-csgo.ru
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
 
Лучший ответ

1 и 2, в верхней части сайта найдите код:

<div id="h3">
 <div id="h4"></div>
<p><!-- <logo> -->Запретная Зона<!-- </logo> --></p>
</div>

замените на:

<div id="h3">
 <div id="h4"></div>
<p><!-- <logo> -->Запретная Зона<!-- </logo> --></p>
<p class="left-p">ваш текст над левой полкой</p>
<p class="right-p">ваш текст над правой полкой</p>
</div>

В таблицу стилей CSS добавьте:
p.left-p {
    float: left;
    top: -25px!important;
}
p.right-p {
    float: right;
    top: -25px!important;
}

3. Для удаления пробелов в таблице стилей найти строку номер 6

div#h3 p {position:relative;top:30%;margin:0;padding:5px 5px 5px 70px;font-size:40pt; font-weight: 500;letter-spacing: 10px;color:#db2749;}

цвет надписи меняется вот здесь:
color:#db2749;
 код цвета - #db2749

параметр - letter-spacing: 10px; и задает пробел между символами, удалите либо уменьшайте цифру 10px для уменьшения либо удаления пробела. 

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk

Вставил в 7.8 строку и смотрите что получилось. куда именно надо добавить? У меня рамка уходит вниз 

div#h3 {text-align: center;height:150px;background:url('http://zz-csgo.ru/shapka.jpg') no-repeat #000000; padding-left:10px;}
div#h3 p {position:relative;top:30%;margin:0;padding:5px 5px 5px 70px;font-size:40pt; font-weight: 500;letter-spacing: 5px;color:#db2749;}
p.left-p {float: left;top: -25px!important;}
p.right-p {float: right;top: -25px!important;}
div#h5 {height:40px;background:url('/.s/t/927/5.gif') no-repeat;padding-left:10px;}
div#h6 {height:40px;width:300px;float:right;background:url('/.s/t/927/6.gif') no-repeat;}
div#h5 p {text-align: center; left: 48%;margin:0;padding:5px;font-size:12pt;position: absolute;}

...