Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

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

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

Купить рекламу на форуме - 42 тыс руб за месяц

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

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

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

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

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

Цитата:
Сообщение от kyle16 Посмотреть сообщение
Так вот меня интересует эта полоска относится ли к самой шапке, и как ее сделать еще и неподвижной.
Так нажмите кнопку F12 и посмотрите.
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 09.01.2017, 14:49   #5
Alar
Александр
Администратор
 
Аватар для Alar
 
Регистрация: 28.10.2006
Сообщений: 17,758
По умолчанию

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

Ну в древней Опере наверно какой-то другой хоткей для DevTools В современных Хром/ФФ/IE/Edge F12
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 09.01.2017, 16:55   #7
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

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

Upd по теме: делается два стиля для меню, статическое и фиксированное. На скролл вешается обработчик, который проверяет какой из стилей применять.
Alar, верни репу!

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

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

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

Говорю ж, DevTools откройте. Там и все CSS для каждого элемента, и форматирование.
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 09.01.2017, 20:20   #10
kyle16
Форумчанин
 
Регистрация: 18.12.2015
Сообщений: 141
По умолчанию

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


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как это делается? 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 10:41
Как делается анимация ? alex(21) Gamedev - cоздание игр: Unity, OpenGL, DirectX 13 21.08.2009 11:23