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

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

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


Донат для форума - использовать для поднятия настроения себе и модераторам

А ещё здесь можно купить рекламу за 25 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

Закрытая тема
Ваша тема закрыта, почему это могло произойти? Возможно,
Название темы включает слова - "Помогите", "Спасите", "Срочно"
Название темы не отражает сути вашего вопроса.
Тема исчерпала себя, помните, один вопрос - одна тема
Прочитайте >>>правила <<< и заново правильно создайте тему.
 
Опции темы
Старый 11.06.2019, 00:02   #1
pelemexa
Новичок
 
Регистрация: 11.06.2019
Сообщений: 2
Репутация: 10
По умолчанию как в css и html сделать разный дизайн сайта для телефонов и пк

как в css и html сделать разный дизайн сайта для телефонов и пк
а еще как оптимизировать сайт под мониторы разных размеров
pelemexa вне форума  
Старый 18.06.2019, 19:12   #2
web-coder
Форумчанин
 
Аватар для web-coder
 
Регистрация: 27.05.2019
Сообщений: 70
Репутация: 141
По умолчанию

С помощью @media запросов в CSS можно писать стили для определенного диапазона ширины экрана.
Например, стили, написанные внутри конструкции
Код:
@media only screen and (max-width: 720px) {

}
будут работать только на экранах с шириной до 720px.
web-coder вне форума  
Старый 20.08.2019, 16:21   #3
damir1939
Пользователь
 
Регистрация: 01.11.2016
Сообщений: 15
Репутация: -31
По умолчанию

Цитата:
Сообщение от web-coder Посмотреть сообщение
С помощью @media запросов
доброго времени суток. не могли на примере показать.
как сделать так, как на скринах?
только можно попроще и с комментариями, а то код html и css менее двух недель как увидел. вернее html раньше видел, а вот css только вот
Изображения
   
Вложения
Тип файла: rar Site.rar (5.3 Кб, 8 просмотров)
damir1939 вне форума  
Старый 20.08.2019, 19:00   #4
amorka89
Пользователь
 
Аватар для amorka89
 
Регистрация: 30.09.2015
Адрес: Украина
Сообщений: 20
Репутация: 79
По умолчанию

Вообще, для этого хотя бы базовый какой-то курс нужно пройти и понять что такое CSS и тд. После больше половины вопросов отпадет, да и сам станешь понимать что где и как нужно сделать.
После этого можно "покурить" bootstrap, а именно как его Grid-сетка работает. После этого будет довольно четкое понимание работы @media запросов, как они строятся, в какой последовательности и что эта последовательность дает.
Так же будет не плохо изучить Flex , порой он самая оправданная панацея в позиционировании.
amorka89 вне форума  
Старый 20.08.2019, 19:33   #5
damir1939
Пользователь
 
Регистрация: 01.11.2016
Сообщений: 15
Репутация: -31
По умолчанию

Цитата:
Сообщение от amorka89 Посмотреть сообщение
самая оправданная панацея
а Вы покажите варианты, например, на Flexbox
а понять я успею по ходу пьесы. и понятие уже есть за неделю круглосуточного изучения
damir1939 вне форума  
Старый 20.08.2019, 19:48   #6
web-coder
Форумчанин
 
Аватар для web-coder
 
Регистрация: 27.05.2019
Сообщений: 70
Репутация: 141
По умолчанию

Для flexbox есть неплохой генератор стилей http://the-echoplex.net/flexyboxes/
На нем можете потренироваться.
__________________
Лучший сервис выбора хостинга по параметрам.
Более 600 тарифов. Есть промокоды!
web-coder вне форума  
Старый 20.08.2019, 20:11   #7
damir1939
Пользователь
 
Регистрация: 01.11.2016
Сообщений: 15
Репутация: -31
По умолчанию

Цитата:
Сообщение от web-coder Посмотреть сообщение
неплохой генератор стилей
интересный
только как применить это к моему вопросу?
мне бы готовый код, типа шаблона, посмотреть - уже будет понятие как дальше быть.
не важно Flexbox или другой способ
damir1939 вне форума  
Старый 21.08.2019, 01:31   #8
Naive
Раздолбайских Дел
Профессионал
 
Аватар для Naive
 
Регистрация: 22.05.2009
Адрес: Екатеринбург
Сообщений: 3,813
Репутация: 2361
По умолчанию

Цитата:
Сообщение от damir1939 Посмотреть сообщение
мне бы готовый код
для этого есть раздел фриланса
__________________
Работаю. В этот раз за деньги.
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587
Naive вне форума  
Старый 21.08.2019, 06:02   #9
damir1939
Пользователь
 
Регистрация: 01.11.2016
Сообщений: 15
Репутация: -31
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
есть раздел
конешно есть. на каждом форуме, почти наверняка, есть. только по вложениям видно что не ищу я варианты за деньги
damir1939 вне форума  
Старый 21.08.2019, 12:51   #10
amorka89
Пользователь
 
Аватар для amorka89
 
Регистрация: 30.09.2015
Адрес: Украина
Сообщений: 20
Репутация: 79
По умолчанию

Цитата:
не ищу я варианты за деньги
- ну тогда и негра на халяву искать тоже не стоит, не хочешь за деньги, учи сам и делай все сам. в какую сторону изучать материалы тут уже достаточно посоветовали.
amorka89 вне форума  
Закрытая тема

Опции темы

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

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

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

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать так, чтобы при нажатии на один параграф текста (из одного слова) в готовой версии сайта, вылезал скрипт «alert»? (HTML)? Qwertz4z JavaScript, Ajax 1 01.10.2018 22:08
Как сделать разный description для разных страниц сайта SomeMan WordPress и другие CMS 0 30.06.2016 18:51
Как с помощью apache или nginx (либо другим способом) сделать перенаправление для html сайта moshkov_aleshka PHP 4 27.03.2016 20:00
Нужен переделат дизайн, есть html дизайн DZORAJAN HTML и CSS 4 23.05.2013 09:00
Как сделать правильную перелинковку внутри html сайта? Pyatachok HTML и CSS 1 15.12.2012 20:23


00:33.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.