Работа с шапкой
| |
1sus | Дата: Четверг, 2007-05-03, 6:23 AM | Сообщение # 1 | |
Неографист
Группа: Пользователи
Сообщений: 65
Репутация: 1
Статус: Offline
|
Вот я зделал шапку для сайта, и вставил на сайт, открыл полностью окно, и у меня получилось так, что слева, после шапки, такой же высоты появилась серая линия, вот я понел что мне нужен такой же высоты рисунок (белый), и как мне зделать так, что бы при еще увелечения окна, этот белый рисунок растягивался сам по себе на страничке?Добавлено (2007-05-03, 6:23 Am) --------------------------------------------- Вот сайт, дургой, просто чистый сайт, вот там немного переделал, а если зделать на всё окно, вот то и получается...
|
|
| |
kydapodatsya | Дата: Четверг, 2007-05-03, 9:28 AM | Сообщение # 2 | |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
1sus, ну так правильно у тебя же шапка на определенное разрешение, а для того,чтобы все было смотрибельно на любом разрешении над осделать "резиновую" шапку, для этого сделай бекграундом верхней таблицы/шапки полоску такой же высоты, что и шапка и пропиши ей repeat-x
|
|
| |
1sus | Дата: Суббота, 2007-05-05, 3:39 PM | Сообщение # 3 | |
Неографист
Группа: Пользователи
Сообщений: 65
Репутация: 1
Статус: Offline
|
Что-т у меня не как с кодом не получается...
|
|
| |
mimas | Дата: Понедельник, 2007-05-07, 12:10 PM | Сообщение # 4 | |
Спектографист
Группа: Пользователи
Сообщений: 35
Репутация: -1
Статус: Offline
|
Просто фон body сделай белым, а шапку установи как рисунок по центру. Вот кусок кода, который надо поменять(красным выделены изменнения): <body style="background:white; margin:0px; padding:0px;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr><td width="20" height="20"><img src="http://diz.ucoz.ru/1.gif" border="0"></td><td height="20" style="background:url('http://diz.ucoz.ru/2.gif')"></td><td width="20" height="20"><img src="http://diz.ucoz.ru/3.gif" border="0"></td></tr> <tr><td width="20" style="background:url('http://diz.ucoz.ru/4.gif')"></td><td width="100%" valign="top" align="center">
Свой среди чужих, чужой среди своих... -------------------------------------------------
|
|
| |
Frozen | Дата: Понедельник, 2007-05-07, 4:47 PM | Сообщение # 5 | |
Неографист
Группа: Модераторы
Сообщений: 95
Репутация: 7
Статус: Offline
|
mimas, ему, по хорошему, нужно ее разрезать на три части. Левую - влево, правую - вправо, среднюю - по центру. Ведь крылья обрезаны...
|
|
| |
worldgamesfifa | Дата: Понедельник, 2007-05-07, 9:22 PM | Сообщение # 6 | |
Спектографист
Группа: Пользователи
Сообщений: 7
Репутация: 0
Статус: Offline
|
а кортинку как вставить?
Мы чеапионы
|
|
| |
mimas | Дата: Понедельник, 2007-05-07, 10:36 PM | Сообщение # 7 | |
Спектографист
Группа: Пользователи
Сообщений: 35
Репутация: -1
Статус: Offline
|
Quote (Frozen) | mimas, ему, по хорошему, нужно ее разрезать на три части. Левую - влево, правую - вправо, среднюю - по центру. Ведь крылья обрезаны... | Ага, только при большом разрешении (у меня 1400) его шапка при таком способе выглядит как-то пустая, что-ли!?? Но с профи я не спорю...
Свой среди чужих, чужой среди своих... -------------------------------------------------
|
|
| |
Frozen | Дата: Вторник, 2007-05-08, 2:14 PM | Сообщение # 8 | |
Неографист
Группа: Модераторы
Сообщений: 95
Репутация: 7
Статус: Offline
|
Quote (mimas) | выглядит как-то пустая, что-ли!?? | правильно. Лучше доработать рисунки, тогда можно вывести как нужно.
|
|
| |
Alan_Wake | Дата: Вторник, 2008-12-16, 4:57 PM | Сообщение # 9 | |
Спектографист
Группа: Пользователи
Сообщений: 15
Репутация: 0
Статус: Offline
|
Можете обьяснить ,как вообще вставлять шапку?
|
|
| |
Bad_Boy | Дата: Вторник, 2008-12-16, 5:24 PM | Сообщение # 10 | |
Неографист
Группа: Студенты - 1 курс
Сообщений: 51
Репутация: 1
Статус: Offline
|
Quote (Alan_Wake) Можете обьяснить ,как вообще вставлять шапку? ну во первых нужно выучит HTМL а потом поменять код шапки)))
|
|
| |
Alan_Wake | Дата: Четверг, 2008-12-18, 6:23 PM | Сообщение # 11 | |
Спектографист
Группа: Пользователи
Сообщений: 15
Репутация: 0
Статус: Offline
|
Хм,названия(коментарий точнее) раздела "СОВМЕСТНОЕ освоение HTML и CSS" . А так,как ты ответил может ответить любой,а вот помоч,разъяснить. Спрошу тогда у более добрых и незанятых людей : Вот такая проблемка,поставил в Хедер картинку а она у меня к одной стороне пристала Тут посмотреть !. я хочу либо сделать эту картинку по середине либо убрать справа размноженные картинки,просьба ОБЬЯСНИТЬ поподробнее как это сделать,желательно с примерои вот мой код (Хедера): Code <!-- Header --> <table border="0" cellpadding="0" cellspacing="0" height="92" width="100%" style="background:url('http://s20.ucoz.net/t/992/2.gif');border:1px solid #000000;"> <tr><td width="233" height="24" style="background:url('http://s20.ucoz.net/t/992/3.gif') no-repeat;padding-left:70px;padding-bottom:5px;color:#FFFFFF;font-size:10px;">$WDAY$, $DATE$, $TIME$</td><td align="right" style="padding-right:10px;color:#FFFFFF;font-size:10px;padding-bottom:5px;" class="topLink"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>Вы вошли как <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | Группа "<u>$USER_GROUP$</u>"<?else?>Приветствую Вас <b>$USERNAME$</b><?endif?><?endif?> | <a href="$RSS_LINK$">RSS</a></td></tr> <tr><td colspan="3" height="46" style="background:url('http://s20.ucoz.net/t/992/4.gif') no-repeat;padding-left:100px;"><span style="color:#355473;font:20pt bold Verdana,Tahoma;">Tsubasa Nippon</span></td></tr> <tr><td width="22" height="22"><img src="http://himitsu.do.am/Shapka.gif" border="0"></td><td height="22"><a href="$HOME_PAGE_LINK$">Главная</a> <?if($URI_ID$!="page1")?>| <a href="$PAGE_URL$">$PAGE_NAME$</a><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$">Мой профиль</a><?else?> | <a href="$REGISTER_LINK$">Регистрация</a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$">Выход</a><?else?> | <a href="$LOGIN_LINK$">Вход</a><?endif?><?endif?></td></tr> </table> <!-- /Header --> Буду очень благодарен.
|
|
| |
kydapodatsya | Дата: Четверг, 2008-12-18, 7:28 PM | Сообщение # 12 | |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
Alan_Wake, а так? Code <div style="background: url ("ссылка на картинку шапки") repeat-no;width:900px;heght:300px;"> <div style="padding:5px;"> $WDAY$, $DATE$, $TIME$ </div> <div style="padding-top:200px;"> <a href="$HOME_PAGE_LINK$">Главная</a> <?if($URI_ID$!="page1")?>| <a href="$PAGE_URL$">$PAGE_NAME$</a><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$">Мой профиль</a><?else?> | <a href="$REGISTER_LINK$">Регистрация</a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$">Выход</a><?else?> | <a href="$LOGIN_LINK$">Вход</a><?endif?><?endif?> </div> </div>
|
|
| |
Alan_Wake | Дата: Четверг, 2008-12-18, 7:49 PM | Сообщение # 13 | |
Спектографист
Группа: Пользователи
Сообщений: 15
Репутация: 0
Статус: Offline
|
<div style="background: url ("http://himitsu.do.am/Shapka.gif") repeat-no;width:900px;heght:300px;"> -Если делаю так то получается там где шапка белый кусок,что я делаю нетак?
|
|
| |
kydapodatsya | Дата: Пятница, 2008-12-19, 7:05 PM | Сообщение # 14 | |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
а так? Code <div style="background: url("http://himitsu.do.am/Shapka.gif") repeat-no;width:900px;heght:300px;">
|
|
| |
Alan_Wake | Дата: Пятница, 2008-12-19, 7:46 PM | Сообщение # 15 | |
Спектографист
Группа: Пользователи
Сообщений: 15
Репутация: 0
Статус: Offline
|
Нет,нечего нееизменилось,может с размерами что то нето? вот хедер целиком : Code <!-- Header --> <div style="background: url("http://himitsu.do.am/Shapka.gif") repeat-no;width:900px;heght:300px;"> <div style="padding:5px;"> $WDAY$, $DATE$, $TIME$ </div> <div style="padding-top:200px;"> <a href="$HOME_PAGE_LINK$">Главная</a> <?if($URI_ID$!="page1")?>| <a href="$PAGE_URL$">$PAGE_NAME$</a><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$">Мой профиль</a><?else?> | <a href="$REGISTER_LINK$">Регистрация</a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$">Выход</a><?else?> | <a href="$LOGIN_LINK$">Вход</a><?endif?><?endif?> </div> </div> <!-- /Header -->
|
|
| |
|