Web-дизайн

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Другие темы раздела
Web-дизайн Одностраничник странной структуры Ребят, всем привет! Подскажите, можно ли реализовать сайт такой структуры на каком-нибудь движке? Должен быть одностраничник, просто чтобы при клике кидало по блокам. Если на движке нельзя, то можно... Lerox, конечно можно....не понятно только что в твоем случае просто чтобы при клике кидало по блокам сделай дизайн на фотошопе хотя бы, чтоб можно было подумать про разметку....	На чем написан дизайн сайта? Web-дизайн Доброго времени суток! Не могу понять, на чем написан дизайн сайта, раз нет обычный css файлов: Заранее спасибо за помощь! скинь адрес сайта. так сложно понять
Интернет магазин кондиционеры55 Web-дизайн Доброго времени суток! Пришел работать в фирму, а у них сайт требует обработку. Хотел бы поинтересоваться, что стоит доработать, что добавить и что убрать. Если не сложно, просмотреть и другие...	Web-дизайн Изменение размера страницы при фокусе на input (text) Доброго времени суток, друзья. Прошу помочь. Скажу сразу - я не специалист в веб вёрстке,но хочется разобраться самому. Проблема в следующем: есть сайт, я решил добавить к нему адаптивную версию...
Web-дизайн Нужны советы опытных верстальщиков! Зацените и скажите в чем разница https://www.cyberforum.ru/ web-design/ thread2024883.html Всем привет! Делаю сайт для заказчика http://bishkek.su.kg/6/ У меня он выглядит отлично. 1 фото. А у заказчика, да и друзей в городе, поплывшим. 2 фото. У нас одинаковые большие мониторы. В чем... ПРАВИЛЬНЫЙ ОТВЕТ. 1) У клиента монитор намного больше моего. Судя по скриншоту у него 23 дюймовый. (1920 * 1080); 2) Проблема во float'ах; 3) Решение проблемы: Использование специального сервиса...	Web-дизайн Дизайн сайта за отзыв https://www.cyberforum.ru/ web-design/ thread2019446.html Здравствуйте Нужны работы для портфолио. За отзыв и на совесть. Обращайтесь, сделаю :) Примеры уже готовых работ: Добрый день! Сможете сделать макет сайта для ресторана? У нас веб-студия, если работа понравится, есть возможность сотрудничества с оплатой) Если интересно пишите в ВК - del Или можете в...
Web-дизайн Как сделать монотонный цвет фона сайта с выемками / засечками? https://www.cyberforum.ru/ web-design/ thread2019896.html Все привет! Нужен коричневый цвет фона сайта с выемками / засечками, так же как на приложенной фотке. Везде искал - нигде не нашел? Как это делать? Это в Фотошопе надо как-то делать или есть...	Сервис Google "Проверка оптимизации для мобильных устройств" Web-дизайн Добрый день! Я воспользовалась сервисом гугл для проверки оптимизации сайта для мобильных устройств. Ввела адрес главной страницы сайта, проверка выдала, что сайт оптимизирован. Только сайт... а сайт не мог закэшироваться?
Web-дизайн Размер сайта в браузере и фотошопе Доброго времени суток, коллеги! Я front-end разработчик с приличным опытом, всегда тупо верстал psd-макеты, не вникая в работу дизайнера. Внезапно, мне пришлось углубиться в это направление и теперь...	Web-дизайн Вертикальные Иконки в списке Доброго времени суток. В данный момент работаю в DreamWiever cc 17 и столкнулся с трудностями расположения иконок параллельно списку. Прошу оказать содействие. Спасибо! <ul class="spisok_1">... разобрался))) надо было добавить li .spisok_1 li { list-style: none; /* Убирает маркеры в списке */ background: url(images/plus.png) no-repeat; background-size: 20px 20px; padding-left:30px;... https://www.cyberforum.ru/ web-design/ thread2020326.html
Web-дизайн Посоветуйте по дизайну сайта Всем привет. Есть сайт http://restinfeodosia.ru/, посоветуйте по дизайну, цвет заднего фона, самой страницы, заглавие и тд. Заранее благодарен. https://www.cyberforum.ru/ web-design/ thread2019889.html	Web-дизайн Оцените вёрстку с psd https://www.cyberforum.ru/attachment.php?attachmentid=854938&stc=1&d=1501194698 https://www.cyberforum.ru/attachment.php?attachmentid=854939&stc=1&d=1501194724 Доброго времени суток. Я первый... в коде главной всего 372 сроки нормальный чистый код- не парьтесь слишком много дивов а как вы это определили? ))

Kven-M

32 / 32 / 24

Регистрация: 16.04.2015

Сообщений: 219

12.08.2017, 19:50

Нужен совет - Web-дизайн - Ответ 10683474

12.08.2017, 19:50. Показов 644. Ответов 1

Метки (Все метки)

Ответ

Такую тему правильнее было бы разметить в разделе HTML\CSS, ну раз тема тут, то отвечу тоже здесь. Как пример, я бы наверное делал бы так https://jsfiddle.net/0v50aecf/... v5MJCs0MRC Насчет адаптации такого варианта под мобилку ничего сказать не могу, но если попробовать верстать на бутстраре, то может быть и получиться придти к нормальному варианту.

HTML5
1
2
3
4
5
6
7
8
9
10
<div class="container-blue">
<div class="top-gorka-blue"></div>
<div class="content-blue"></div>
<div class="bottom-gorka-blue"></div>
</div>
<div class="container-red">
<div class="top-gorka-red"></div>
<div class="content-red"></div>
<div class="bottom-gorka-red"></div>
</div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
.container-blue, .container-red {
  position: relative;
}
 
.container-red {
  top: -120px;
}
 
.top-gorka-blue {
  border-color: transparent transparent lightblue transparent ;
  border-style: solid;
  border-width: 0 0 70px 510px;
  display: block;
}
 
.content-blue {
  background-color: lightblue;
  padding: 80px;
}
 
.bottom-gorka-blue {
  border-color: transparent transparent transparent lightblue ;
  border-style: solid;
  border-width: 0 0 80px 510px;
  display: block;
}
 
.top-gorka-red {
  border-color: transparent transparent transparent red;
  border-style: solid;
  border-width: 40px 0 0px 510px;
  display: block;
}
 
.content-red {
  background-color: red;
  padding: 80px;
}
 
.bottom-gorka-red {
  border-color: transparent transparent transparent red;
  border-style: solid;
  border-width: 0 0 70px 510px;
  display: block;
}

Вернуться к обсуждению:
Нужен совет Web-дизайн

Programming

Эксперт

39485 / 9562 / 3019

Регистрация: 12.04.2006

Сообщений: 41,671

Блог

12.08.2017, 19:50

Готовые ответы и решения:

Нужен совет )
Здравствуйте . Что нужно учить после HTML и CSS для создания сайта? И в какой последовательности ? Дайте , пожалуйста , советы.

Нужен совет
Привет, как лучше украсить низ шаблона в моем случае? Просто как на меня то монотонный низ не очень хорошо смотрится.

Совет дизайнера нужен:)
Ребятки, дайте плиз совет небольшой) я вот решил сделать себе сайт, сделать своими руками Хотел бы узнать ваше мнение по поводу) ...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

inter-admin

Эксперт

29715 / 6470 / 2152

Регистрация: 06.03.2009

Сообщений: 28,500

Блог

12.08.2017, 19:50

Помогаю со студенческими работами здесь

Нужен совет с шапкой
Есть сайт wolbro.uphero.com , вместо девушки и мужчины на шапке они хотят видеть свой коллектив, это нужно в фотостудии делать?

Нужен совет опытных!
Здравствуйте я начинающий веб-дизайнер (совсем начинающий) и не опытный хочу сделать главную страницу, для сайта на wordpress (но может...

Нужен совет професионалов!
Привет всем форумчанам! Прошу подскажите пожалуйста какие плюсы а какие минуса у этого сайта http://www.danki-models.com/ , что стоит...

Нужен совет по поводу дизайна
Вот сверстал дизайн.Вроде бы все что хотел сделал, но уже который день мучаюсь с цветовым оформлением. Сегодня более менее наладил дела с...

Нужен совет по дизайну и цветам :) >>>
Здравствуйте! Хочу попросить совет по оптимизации дизайна или просто цвета страницы, Тематика страницы: Игры/программирование ...

Новые блоги и статьи Все статьи Все блоги /
Сопоставление с образцом (Pattern Matching) в Python: Списки и словари py-thonny 19.03.2025 Программисты любят, когда код говорит сам за себя. Представьте, что вы можете просмотреть структуру данных и мгновенно понять, что с ней делать — без сложных условий и вложенных проверок. Именно эту. . .	Работа с метаданными EXIF и JPEG в JavaScript run.dev 19.03.2025 Работа с изображениями в веб-разработке нередко выходит за рамки простого отображения картинки. Современные задачи требуют глубокого понимания структуры файлов и умения манипулировать их внутренними. . .	Чеклист для Kubernetes в продакшене: Лучшие практики для SRE Mr. Docker 19.03.2025 Когда сталкиваешься с запуском Kubernetes в продакшене, невольно задаешься вопросом: почему то, что так гладко работало в тестовой среде, вдруг начинает вызывать головную боль на боевых системах?. . .	Разработка продвинутого ИИ в Unity с использованием Behavior Graph GameUnited 19.03.2025 В разработке игр искусственный интеллект персонажей часто становится тем элементом, который превращает хорошую игру в выдающуюся. До недавнего времени разработчикам под Unity приходилось либо писать. . .	Словари в Python: методы работы, оптимизация, сериализация py-thonny 19.03.2025 Каждый хотя бы раз сталкивался с необходимостью хранить связанные данные, где важна не только сама информация, но и их взаимосвязь. В дебрях Python словари — это тот универсальный инструмент, который. . .
Реализация паттерна CQRS с Event Sourcing в PHP Jason-Webb 19.03.2025 CQRS (Command Query Responsibility Segregation) — это архитектурный паттерн, который разделяет операции чтения и записи данных в приложении. Если вы столкнулись с ситуацией, когда ваше PHP-приложение. . .	std::span в C++: Подпредставления и срезы NullReferenced 18.03.2025 Если вы когда-нибудь работали с большими объемами данных в C++, то наверняка сталкивались с необходимостью манипулировать отдельными частями массивов или контейнеров. Традиционные подходы часто. . .	std::span в C++: Доступ к элементам и итерирование NullReferenced 18.03.2025 В C++ каждый разработчик сталкивается с проблемой эффективного управления последовательностями данных. Представьте: вы работаете с массивом, передаете его в функцию, а затем в другую, и каждый раз. . .	Утечки памяти в C# UnmanagedCoder 18.03.2025 Когда мы говорим о разработке приложений на C#, то часто успокаиваем себя мыслью, что сборщик мусора решит все наши проблемы с памятью. "Память управляется автоматически" — эта мантра прочно засела в. . .	std::span в C++: Введение в невладеющее представление NullReferenced 18.03.2025 С появлением стандарта C++20 у нас появился новый инструмент — std::span, который представляет собой невладеющее представление для работы с последовательностями данных. std::span — это легковесный. . .

Наверх