<MyRusakov.ru />

WordPress 6 с Нуля до Гуру

WordPress 6 с Нуля до Гуру

Этот курс научит Вас созданию самых разных сайтов на самой популярной в мире CMS - WordPress. Вы увидите установку и настройку локального сервера, разбор каждой настройки, каждой кнопки и каждого пункта меню в панели WordPress.

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

Помимо уроков к курсу идут упражнения для закрепления материала.

И, наконец, к курсу идёт ценнейший Бонус по тому, как используя ChatGPT и создавая контент для сайта, можно выйти на пассивный доход. Вы наглядно увидите, как зарегистрироваться в ChatGPT (в том числе, и если Вы из России), как правильно выбрать тему для сайта, как правильно генерировать статьи для него(чтобы они индексировались поисковыми системами) и как правильно монетизировать трафик на сайте.

Подробнее
Подписка

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

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Форум сайта MyRusakov.ru

Как сделать резиновую шапку сайта?
17.11.2011 10:57:47 Как сделать резиновую шапку сайта? Сообщение #1
Neo.LoL

Neo.LoL

Продвинутый

Продвинутый

Дата регистрации:
15.11.2011 15:22:16

Сообщений: 56

Здравствуйте Михаил! Я столкнулся с проблемой при создании собственной шапки. Дело в том, что мониторы у людей разные, а размер шапки один. Я поставил значения ширины на 100%, но размер шапки никак не меняется! Мои предположения, что нужно как то сделать элемент, который бы добавлялся к шапке при большом размере экрана. Но, я не знаю как это сделать, поэтому прошу помочь.
Профиль
17.11.2011 11:36:51 Как сделать резиновую шапку сайта? Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

В теге img width="100%"
Профиль
17.11.2011 13:41:13 Как сделать резиновую шапку сайта? Сообщение #3
Neo.LoL

Neo.LoL

Продвинутый

Продвинутый

Дата регистрации:
15.11.2011 15:22:16

Сообщений: 56

Нет, все ровно не помогает, шапка все ровно слишком большая! Вот кусок бади и сама шапка:

<body marginheight="0" marginwidth="0" leftmargin="0" rightmargin="0">
<table background="shapka2.jpg" width="1450" height="166" border="0" cellspacing="0" cellpadding="0">
Профиль
17.11.2011 15:34:25 Как сделать резиновую шапку сайта? Сообщение #4
Sun

Sun

Новичок

Новичок

Дата регистрации:
16.11.2011 20:24:25

Сообщений: 16

Так неэффективно фон растягивать внутри таблицы пустой (ничего не будет). Вот пример только изображение замени на своё.

<table width='100%' style="
background-color: 'black';
border-color: 'black';
background-image: url('Fone.gif');
border:'2'; cellspacing:'0'; cellpadding:'0';">
<tr style="heigth:'168';">
<td width='100%'>&nbsp;</td>
</tr>
</table>

и далее в этом фоне нужно подбирать свойства:
background-repeat
background-position

Проще создать ту же таблицу без фонового изображения и в ячейку вставить нужное растянутое изображение
<table width='100%' style="
background-color: 'black';
border-color: 'black';
border:'2'; cellspacing:'0'; cellpadding:'0';">
<tr style="heigth:'168';">
<td width='100'>
<img src='путь к файлу' alt='название' width=100% heigth='по выбору' />
</td>
</tr>
</table>

Если пропорции картинки не дождны изменяться,то указывать только width=100% без heigth='сколько надо'
Профиль
17.11.2011 16:00:03 Как сделать резиновую шапку сайта? Сообщение #5
Sun

Sun

Новичок

Новичок

Дата регистрации:
16.11.2011 20:24:25

Сообщений: 16

Но если делать шапку проще это через стили:

body style="margin:0; padding:0; background-color: black;">
<div style="width:100%; height:70px; margin:0; padding:0; background:red; top:'0px'; left:'0px;'">
<img src='Fone.gif' alt='picture' width='100%' height='70px' />
</div>

</body>

Можно поиграться с параметрами,чтобы понять что к чему
Профиль
17.11.2011 17:40:07 Как сделать резиновую шапку сайта? Сообщение #6
Neo.LoL

Neo.LoL

Продвинутый

Продвинутый

Дата регистрации:
15.11.2011 15:22:16

Сообщений: 56

В смысле через CSS?
Профиль
17.11.2011 19:09:24 Как сделать резиновую шапку сайта? Сообщение #7
Sun

Sun

Новичок

Новичок

Дата регистрации:
16.11.2011 20:24:25

Сообщений: 16

Да, просто вбить этот код и поменять параметры цифр. СSS это просто дополнение к html, ничего сложного. Можно и с помошью таблицы (в соседней теме есть пример), я в начале вообще истользовал исключительно html язык, но там думать много надо, чтобы обойти гораздо более простые функции или чтобы вообще это было возможно.

Если какие-то проблемы возникают напиши, что хочешь получить (таблицей или чем то другим). Вместе подумаем
Профиль
18.11.2011 13:01:41 Как сделать резиновую шапку сайта? Сообщение #8
Neo.LoL

Neo.LoL

Продвинутый

Продвинутый

Дата регистрации:
15.11.2011 15:22:16

Сообщений: 56

Cпасибо за помощь! Обязательно буду обращаться.
Профиль
18.11.2011 15:32:26 Как сделать резиновую шапку сайта? Сообщение #9
Neo.LoL

Neo.LoL

Продвинутый

Продвинутый

Дата регистрации:
15.11.2011 15:22:16

Сообщений: 56

Хм... Я подключил файл с .css документом и ввел в нем следующие значения:

<body style="margin:0; padding:0; background-color: black;">
<div style="width:100%; height:166px; margin:0; padding:0; background:red; top:'0px'; left:'0px;'">
<img src='Fone.gif' alt='picture' width='100%' height='166px' />
</div>

</body>

я их изменил как ты и сказал, но изображение не изменяется в размерах.
Профиль
18.11.2011 17:06:15 Как сделать резиновую шапку сайта? Сообщение #10
Sun

Sun

Новичок

Новичок

Дата регистрации:
16.11.2011 20:24:25

Сообщений: 16

Не надо ничего подключать.
Это встроенный стиль, который написан. Просто скопировать код в страницу.

Вот если захочеться отдельно вынести стили, тогда подключай файлы.

Есть сss внешние - подключаются через файлы
внутренние - объявляются внутри страницы.
внутренние делятся на общестраничные, объявляются в теге <head></head> и локальные они могут писаться в любом теге практически <p style=''></p>.

если хочется уже через файл подключить... зря создавал чтоли)
<head><link rel="stylesheet" type="text/css" href="название.css"/>...</head>

где-то в <body>
<div id='шапка сайта'></div>
...
</body>

В файле
название.css

задаёшь параметры шапки нужные.

#шапка сайта{
margin: 0px; /*отступ до внешней границы шапки*/
padding: 0px; /*отступ до внутренней границы шапки*/
position: absolute;
width: 100%; /*ширина шапки и высота*/
heigth: 70px;
blackground: red;
top: 1120px; left: 10px; right: 10px; /*можно задавать точные размеры осносительно гланого окна, тогда ширина width будет 100% в пределах полной ширины экрана -10пк справа и -10 пк слева*/
}

вот.. как-то так
дополнительные свойтва стилей можно посмотреть в справочнике. Вот удобный сайтик: http://css.manual.ru
Профиль