Question

Добрый день!

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

Адресс моего сайта http://astrologi.ucoz.ru/

Выбрал дизайн 922, там вроде как и простая картинка, но ПОЧЕМУ ТО она разбита на 3-и сегмента, зачем? Как определить размеры каждого сигмента, что бы в фотошопе можно было подогнать.  Для того, что бы разобраться в этих вопросах зашел в помощь, в раздел вопросы по дизайну и нашел пункт №10  ( Как сменить элементы дизайна в стандартных шаблонах?). Для корректной замены изображения нашел в инете /.s/t/922/4.jpg , скопировал на компьютер, что бы увидеть параметры изображении, они составляют 382*200 пикселей. В фотошопе изменил свое изображение на 382*192 пиксилей и сохранил его в каталок файлов по именем Шапка 7, открыл его и скопировал ссылку ( http://astrologi.ucoz.ru/_ld/0/4_600-300.jpg) . На своем сайте в Редактирование дизайна, таблица стилей CCS нашел строчку (/.s/t/922/4.jpg) и эту картинку заменил на ( http://astrologi.ucoz.ru/_ld/0/4_600-300.jpg).

Вот что было

Вот что стало, хотя размеры картинки остались практически прежним

Как видно середина картинки вообще исчезла. Вопросы следующие как каректно заменить картинку и зачем 3-и сигмента, почему не льзя 1-ну картинку загрузить

Comments

Покажите на скриншоте где вы хотите видеть свою шапку.

Answer 1

Достаточно код верхней части сайта заменить на код:

<div>
<p>$WDAY$, $DATE$, $TIME$ | <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><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$" title="RSS">RSS</a><?endif?><br>
<a href="$HOME_PAGE_LINK$" title="Главная"><!--<s5176>-->Главная<!--</s>--></a><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$" title="Регистрация"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$" title="Выход"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$" title="Вход"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?endif?></p>
</div>

<div id="header">
<div id="logo"><h1><!-- <logo> -->Мой сайт<!-- </logo> --></h1></div>
</div>
<div style="clear:both;"></div>

После, в таблице стилей CSS строка с 1 по 8 должны выглядеть вот так:

/* General Style */
div#contanier {width:100%;}
div#navBar p {position:relative;top:15px;margin-left:15px;font-size:7pt;margin:0 0 0 15px;;}
div#header {height:200px;}
div#logo {width:30%;float:left;background:#FFFFFF;height:200px;}
div#logo h1 {color:#7D7F77;font:20pt bold Verdana,Tahoma;text-align:center;margin-top:60px;}
div#left {width:30%;float:left;}
div#content {width:70%;float:right;}

Далее находим в стилях класс:

div#header {height:200px;}

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

div#header {height:200px;background:url('ссылка на изображение шапки')no-repeat;}

Comments

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

---

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

Описал все детально если у вас не получается и так позовите более друга который более разбирается в стилях и HTML

Answer 2

Прочитайте инструкцию http://manual.ucoz.net/publ/19-1-0-46 там описано как полностью заменить шапку