Question

Помогите пожалуйста! Я поставил свою шапку, теперь не знаю как ее подогнать по всей ширине и высоте окна! Стандартный шаблон #761.


<table border="0" cellpadding="0" cellspacing="0" height="264" width="100%" style="background:url('biznes3.1.jpg');">

<td height="36" align="right" style="font-size:10px;color:#606615;padding-right:20px;">$WDAY$, $DATE$, $TIME$</td></tr>

<tr><td height="28" style="padding-left:10px;"><span style="color:#FFFFFF;font:16pt bold Verdana,Tahoma;"><i><!-- <logo> -->Мой сайт<!-- </logo> --></i></span></td></tr>

<tr><td height="154"></td></tr>

<tr><td height="40" style="padding-left:10px;font-size:10px;background: #000;"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?endif?></td>

<td height="40" align="right" style="font-size:10px;padding-right:10px;background: #000;"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | <!--<s3167>-->Группа<!--</s>--> "<u>$USER_GROUP$</u>"<?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?></td></tr>

<tr><td colspan="2" height="6"></td></tr>

</table>

Comments

стоит стандартный шаблон 491

---

да я уже меняю просто шаблоны, пытаюсь найти более менее нормальный! сейчас обратно верну 761! посмотрите!!!

---

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

---

подскажите в каких шаблонах можно легко поменять шапку?

---

а у меня счетчики стояли, как их теперь вернуть обратно?

---

никак. перед любыми правками делаем бекап шаблонов
инструкции по замене шапок тут http://manual.ucoz.net/publ/ перебирайте шаблоны и инструкции и выбирайте для себя более легкий вариант

---

Я выбрал шаблон №928! Помогите поменять шапку пожалуйста!!!

---

Ознакомьтесь с инструкцией по смене шапки в дизайне #928 http://manual.ucoz.net/publ/18-1-0-79

---

В таблице стилей CSS,находим такой код:
Код
div#hBar {background:url('/.s/t/928/4.jpg') left no-repeat;text-align:right;color:#FFFFFF;font-size:8pt;padding-right:10px;height:17px;padding-top:13px;}
  *html div#hBar {height:30px !important;}
div#logo {background:url('/.s/t/928/5.jpg') no-repeat;color:#FFFFFF;font-size:8pt;padding-left:460px;height:70px;padding-top:20px;}
  *html div#logo {height:90px !important;}
  div#logo span {color:#FFFFFF;font:20pt bold Verdana,Tahoma;}
div#navBar {background:url('/.s/t/928/6.jpg') no-repeat;text-align:right;color:#FFFFFF;font-size:8pt;padding-right:10px;height:17px;padding-top:13px;}
  *html div#navBar {height:30px !important;}


в таблице стилей я не нашел такой код!

---

пятая строчка сверху в таблице стилей. панель управления - дизайн - управление дизайном - таблица стилей css - пятая строчка сверху

---

Панель управления - Дизайн - Управление дизайном (CSS)
и в правом верхнем углу будет кнопка "Восстановить стандартный шаблон"
далее меняете изображение в шапке сайта по инструкции

---

Объясните пожалуйста, как вместо этого кода шапки вставить свою шапку одним файлом (одной картинкой)? и как сделать чтобы растянуть эту шапку по размерам окна, и чтобы она не повторялась?!

---

в шапке сайта задаете див на весь блок <div class="m_head">код шапки</div>
в css прописываете .m_head {background:url('ссылка на шапку') no-repeat;width:100%;}

---

а опишите пожалуйста подробнее как это всё сделать? я совсем еще новичок!

---

заходите в шаблон Верхняя часть сайта
в самом начале вставляете <div class="m_head"> в самом конце </div>
в css  вставляете следующую строчку
.m_head {background:url('ссылка на шапку') no-repeat;width:100%;}
картинки, которые в инструкции нужно заменить - удалите

---

попробовал, ничего не получается! что делать в в css? куда именно вставить .m_head {background:url('ссылка на шапку') no-repeat;width:100%;}? как удалить старые картинки - целыми строками или только ссылки на них?

---

вот код
/* General Style */
body {background:#FFFFFF; margin:0px; padding:0px;}
div#contanier {background:url('/.s/t/928/3.gif') repeat-x;}
div#dataBar {color:#FFFFFF;font-size:7pt;padding-left:10px;height:17px;padding-top:3px;}
 *html div#dataBar {height:20px !important;}
div#hBar {background:url('/.s/t/928/4.jpg') left no-repeat;text-align:right;color:#FFFFFF;font-size:8pt;padding-right:10px;height:17px;padding-top:13px;}
 *html div#hBar {height:30px !important;}
div#logo {background:url('/.s/t/928/5.jpg') no-repeat;color:#FFFFFF;font-size:8pt;padding-left:460px;height:70px;padding-top:20px;}
 *html div#logo {height:90px !important;}
 div#logo span {color:#FFFFFF;font:20pt bold Verdana,Tahoma;}
div#navBar {background:url('/.s/t/928/6.jpg') no-repeat;text-align:right;color:#FFFFFF;font-size:8pt;padding-right:10px;height:17px;padding-top:13px;}
 *html div#navBar {height:30px !important;}
div#navBar a:link, div#hBar a:link, #footTable a:link, .eTitle a:link {color:#C5F0FF;}
div#navBar a:visited, div#hBar a:visited, #footTable a:visited, .eTitle a:visited {color:#C5F0FF;}
div#navBar a:active, div#hBar a:active, #footTable a:active, .eTitle a:active {color:#C5F0FF;}
div#navBar a:hover, div#hBar a:hover, #footTable a:hover, .eTitle a:hover {color:#FFFFFF;text-decoration:none;}
.boxTable {width:200px;}
.boxTitle {height:30px;background:url('/.s/t/928/7.gif') no-repeat;text-align:center;color:#FFFFFF;font-weight:bold;padding-bottom:3px;}
.boxContent {background:url('/.s/t/928/8.gif') bottom repeat-y;padding:5px 5px 10px 5px;}
#footTable {background:url('/.s/t/928/1.gif') repeat-x;height:57px;}

a:link {text-decoration:underline; color:#4D6D91;}
a:active {text-decoration:underline; color:#4D6D91;}

---

то, что в инструкции вам рекомендуют заменить: картинки и цвет, то и удаляйте
например, background:url('/.s/t/928/6.jpg') no-repeat;color:#FFFFFF; - удалить

в css вставляете строчку куда хотите

---

не получается! в инструкции написано: /.s/t/928/4.jpg , /.s/t/928/5.jpg , /.s/t/928/6.jpg Меняем на своё.

---

ну вот код
/* General Style */
body {background:#FFFFFF; margin:0px; padding:0px;}
div#contanier {background:url('/.s/t/928/3.gif') repeat-x;}
div#dataBar {color:#FFFFFF;font-size:7pt;padding-left:10px;height:17px;padding-top:3px;}
 *html div#dataBar {height:20px !important;}
div#hBar {background:url('/.s/t/928/4.jpg') left no-repeat;text-align:right;color:#FFFFFF;font-size:8pt;padding-right:10px;height:17px;padding-top:13px;}
 *html div#hBar {height:30px !important;}
div#logo {background:url('/.s/t/928/5.jpg') no-repeat;color:#FFFFFF;font-size:8pt;padding-left:460px;height:70px;padding-top:20px;}
 *html div#logo {height:90px !important;}
 div#logo span {color:#FFFFFF;font:20pt bold Verdana,Tahoma;}
div#navBar {background:url('/.s/t/928/6.jpg') no-repeat;text-align:right;color:#FFFFFF;font-size:8pt;padding-right:10px;height:17px;padding-top:13px;}
 *html div#navBar {height:30px !important;}
div#navBar a:link, div#hBar a:link, #footTable a:link, .eTitle a:link {color:#C5F0FF;}
div#navBar a:visited, div#hBar a:visited, #footTable a:visited, .eTitle a:visited {color:#C5F0FF;}
div#navBar a:active, div#hBar a:active, #footTable a:active, .eTitle a:active {color:#C5F0FF;}
div#navBar a:hover, div#hBar a:hover, #footTable a:hover, .eTitle a:hover {color:#FFFFFF;text-decoration:none;}
.boxTable {width:200px;}
.boxTitle {height:30px;background:url('/.s/t/928/7.gif') no-repeat;text-align:center;color:#FFFFFF;font-weight:bold;padding-bottom:3px;}
.boxContent {background:url('/.s/t/928/8.gif') bottom repeat-y;padding:5px 5px 10px 5px;}
#footTable {background:url('/.s/t/928/1.gif') repeat-x;height:57px;}

a:link {text-decoration:underline; color:#4D6D91;}
a:active {text-decoration:underline; color:#4D6D91;}

выделите красным что удалить надо и куда вставить ссылку на мою картинку шапки?

---

Вы хотите стать хорошим вебмастером и делать красивые сайты? Если все за вас будут делать, то, увы, этого будет достичь невозможно. Я вам написал всю необходимую информацию для решения данного вопроса.

---

мне нужно хотя бы только поменять шапку! я не могу понять что и куда вставлять и что удалять

---

я вам подробно расписал что и куда вставлять. подробнее уже просто некуда :)

---

background:url('/.s/t/928/4.jpg') left no-repeat;
background:url('/.s/t/928/5.jpg') no-repeat;
background:url('/.s/t/928/6.jpg') no-repeat;

удалить

---

ну не получается так!!!

---

в css вставьте строчку .m_head {background:url('ссылка на шапку') no-repeat;width:100%;}

ссылка на шапку - ссылка на картинку

---

сейчас попробую

---

не получается... вот что получилось http://internet-dengy.ucoz.com/

---

как растянуть картинку по все ширине экрана???

---

нарисовать картинку большего размера или повторить по-вертикали

---

посмотрите что получилось! шапка где то слева, всё куда то съехало! как сделать чтобы номрально было?

---

<div class="m_head"> поставьте после <div id="dataBar">$DATE$ $TIME$</div>

и добавьте в css значение center

.m_head {background:url('ссылка на шапку') no-repeat center;width:100%;}

---

как повторить по вертикали? и почему всё съехало - вход, регистрация, дата, время? картинка и так большая!!!

---

посмотрите сейчас http://internet-dengy.ucoz.com/
вот что получилось! как растянуть картинку?

---

сейчас загрузил картинку большЕго размера, вот что получилось! посмотрите! часть картинки ушла за границы шапки

---

потому что ширина картинки больше разрешения монитора. ширина картиника 1900px, а разрешение монитора, например, позволяет увидеть только 1280px и поэтому часть картинки, которая не вмещается не видна

---

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

---

у всех мониторы разные, поэтому тяжело предугадать. сделайте шириной 1000px - этого вполне достаточно

---

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

---

с моего монитора тоже хорошо смотрится ;)