Форум программистов
 
Расширенный поиск
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Excel VBA, CAD, Софт, ОС, Windows, Ubuntu, Android, VPS
Win Api, Assembler, C++, Java, Pascal, Lazarus, Delphi, OpenGL, DirectX
C#, Qt, .NET, ASP.NET, Windows Forms, ADO.NET, Framework, WPF, UWP, WinRT, XAML
HTML, CSS, JavaScript, Ajax, PHP, Perl, Python, Ruby, SQL, WordPress, API, XML, JSON, ActionScript, Flash

Ответ
 
Опции темы
Старый 09.01.2017, 05:03   #1
kyle16
Форумчанин
 
Регистрация: 18.12.2015
Сообщений: 95
Репутация: 8
По умолчанию Как делается такая двойная шапка?

Вот как на этом сайте верх для регистрации и лого сайта, а вот низ менюшка идет, но а как ее сделать еще и неподвижной? Она как бы и шапка, но и одновременно отдельно идет. В чем тут особенность?
kyle16 вне форума   Ответить с цитированием
Старый 09.01.2017, 10:05   #2
Alar
Александр
Администратор
 
Аватар для Alar
 
Регистрация: 28.10.2006
Адрес: Химки
Сообщений: 11,161
Репутация: 2489
По умолчанию

сайт посмотрел. не понял про что вопрос. ссылку удалил. но отвечу.

сохраняете сайт как HTML с картинками и скриптами, удаляете все лишнее и оставляее то что вам нужно, если не понятно приносите код на форум и спрашиваете как, но скорее всего все будет понятно, а также можно будет использовать в своих сайтаъ вообще не разбираясь как.
Alar на форуме   Ответить с цитированием
Старый 09.01.2017, 14:31   #3
kyle16
Форумчанин
 
Регистрация: 18.12.2015
Сообщений: 95
Репутация: 8
По умолчанию

Цитата:
Сообщение от Alar Посмотреть сообщение
не понял про что вопрос. ссылку удалил.
Ну и зря. Это не реклама сайта. Сам недавно его нашел, чтоб показать как пример. Короче там есть шапка, а снизу полоска меню. В шапке обычно пишут Регистрация, Логин, а снизу как в том сайте идет полоска, где написано меню сайта, разделы сайта. Так вот меня интересует эта полоска относится ли к самой шапке, и как ее сделать еще и неподвижной. В том сайте хорошо видно эту полоску, простите не могу по-другому описать, т.к. сам не пойму что это за полоска. Как она называется? И как ее сделать неподвижной?
kyle16 вне форума   Ответить с цитированием
Старый 09.01.2017, 14:37   #4
Alex11223
Модератор
Заслуженный модератор
 
Регистрация: 12.01.2011
Сообщений: 12,358
Репутация: 2542

icq: 512-7шесть5
skype: alexp.frl
По умолчанию

Цитата:
Сообщение от kyle16 Посмотреть сообщение
Так вот меня интересует эта полоска относится ли к самой шапке, и как ее сделать еще и неподвижной.
Так нажмите кнопку F12 и посмотрите.
Alex11223 на форуме   Ответить с цитированием
Старый 09.01.2017, 15:49   #5
Alar
Александр
Администратор
 
Аватар для Alar
 
Регистрация: 28.10.2006
Адрес: Химки
Сообщений: 11,161
Репутация: 2489
По умолчанию

Цитата:
Сообщение от Alex11223 Посмотреть сообщение
Так нажмите кнопку F12 и посмотрите.
нажимаю F12 ничего не происходит ))
Alar на форуме   Ответить с цитированием
Старый 09.01.2017, 16:36   #6
Alex11223
Модератор
Заслуженный модератор
 
Регистрация: 12.01.2011
Сообщений: 12,358
Репутация: 2542

icq: 512-7шесть5
skype: alexp.frl
По умолчанию

Ну в древней Опере наверно какой-то другой хоткей для DevTools В современных Хром/ФФ/IE/Edge F12
Alex11223 на форуме   Ответить с цитированием
Старый 09.01.2017, 17:55   #7
Naive
Раздолбайских Дел
Профессионал
 
Аватар для Naive
 
Регистрация: 22.05.2009
Адрес: Екатеринбург
Сообщений: 3,466
Репутация: 1785
По умолчанию

В опере на presto помойму ваще не было девтулза, а в вебкитовой ctrl+shift+c или через контекстное меню.

Upd по теме: делается два стиля для меню, статическое и фиксированное. На скролл вешается обработчик, который проверяет какой из стилей применять.
__________________
ridero.ru — создайте настоящую книгу
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587

Последний раз редактировалось Naive; 09.01.2017 в 18:21.
Naive вне форума   Ответить с цитированием
Старый 09.01.2017, 19:33   #8
kyle16
Форумчанин
 
Регистрация: 18.12.2015
Сообщений: 95
Репутация: 8
По умолчанию

Цитата:
Сообщение от Alar Посмотреть сообщение
сохраняете сайт как HTML с картинками и скриптами, удаляете все лишнее и оставляее то что вам нужно
Так и сделал. Но там такая фигня, что я сам не пойму. Короче открываю css файл, а там всего одна строка, да такая длинная что конца краю не найти, поробовал я вручную строки поразбивать, получилась вот такая хрень (см.фото). Что это такое?
Изображения
Тип файла: jpg css.jpg (125.8 Кб, 1 просмотров)
kyle16 вне форума   Ответить с цитированием
Старый 09.01.2017, 19:58   #9
Alex11223
Модератор
Заслуженный модератор
 
Регистрация: 12.01.2011
Сообщений: 12,358
Репутация: 2542

icq: 512-7шесть5
skype: alexp.frl
По умолчанию

Минимизация чтоб файлы меньше весили.

Говорю ж, DevTools откройте. Там и все CSS для каждого элемента, и форматирование.
Alex11223 на форуме   Ответить с цитированием
Старый 09.01.2017, 21:20   #10
kyle16
Форумчанин
 
Регистрация: 18.12.2015
Сообщений: 95
Репутация: 8
По умолчанию

Цитата:
Сообщение от Alex11223 Посмотреть сообщение
DevTools откройте
Что это? У меня Мозилла.
kyle16 вне форума   Ответить с цитированием
Ответ



Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как это делается? Che Guevara Свободное общение 8 17.06.2012 11:39
Как это делается? Daison Свободное общение 1 10.04.2011 18:58
как делается 0creator0 Microsoft Office Excel 6 13.10.2010 15:23
как это делается? самая_счастливая Операционные системы общие вопросы 5 25.12.2009 11:41
Как делается анимация ? alex(21) Gamedev - cоздание и обсуждение игр 13 21.08.2009 11:23




18:15.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

Покупайте на сайте www.skinon.ru уникальные чехлы и наклейки для телефонов.
купить трафик


как улучшить посещаемость, а также решения по монетизации сайтов, видео и приложений

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru