Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/13: Рейтинг темы: голосов - 13, средняя оценка - 5.00
155 / 25 / 6
Регистрация: 06.06.2009
Сообщений: 262

Как сверстать такой макет?

22.08.2011, 11:28. Показов 2528. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте, подскажите, как лучше сверстать такой макет. Главные проблемы:
1. плавный переход в фон на краях
2. анимированый фон (блестят логотип и завитушки).
Миниатюры
Как сверстать такой макет?  
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
22.08.2011, 11:28
Ответы с готовыми решениями:

Как сверстать такой макет (bootstrap)?
вот так на десктопной версии как такой макет сверстать? (может где есть уроки по этой адаптации), просто я новичек и пытаюсь...

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

как сверстать макет
Ребята помогите сверстать макет без использования блочной верстки. Или хотя бы план действий. Спасибо Почему квадратики в эксплоере,...

5
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
22.08.2011, 17:13
Цитата Сообщение от oke11o Посмотреть сообщение
1. плавный переход в фон на краях
Вот отсюда можно принцип построения краев взять. Ставите им в фон PNG с градиентом из цвета фона в полностью прозрачный - и всё.
Цитата Сообщение от oke11o Посмотреть сообщение
анимированый фон (блестят логотип и завитушки).
Flash.
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
22.08.2011, 21:38
Цитата Сообщение от Vovan-VE Посмотреть сообщение
Flash.
Либо .gif, правда смотреться хуже будет.
0
5 / 5 / 3
Регистрация: 03.01.2011
Сообщений: 20
23.08.2011, 08:22
Цитата Сообщение от Alorian Посмотреть сообщение
Либо .gif, правда смотреться хуже будет.
А яваскрипты не в счет?
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
23.08.2011, 08:42
wolf174, если ты можешь сделать блеск фона и переливы яваскриптом — вперед.
Зачем меня спрашивать?
0
155 / 25 / 6
Регистрация: 06.06.2009
Сообщений: 262
23.08.2011, 10:06  [ТС]
Спасибо за ответы. Я все таки остановился на GIFе.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
23.08.2011, 10:06
Помогаю со студенческими работами здесь

Как сверстать этот макет?
Всем привет. Подскажите как сверстать этот макет. А именно как реализовать эти квадраты? Через таблицу это смешно, а делать кучу дивов...

Как правильно сверстать psd макет
Как правильно сделать блок на картинке block.png из двух других картинок? Заранее благодарен

Как лучше сверстать предложенный макет?
Всем алоха. Как посоветуете сверстать данный макет? Состоит из нескольких картинок, причем колесо отличается от остальных по высоте....

как сверстать этот макет в ie8
удалите тему, ссылка на картинку макета нельзя добавить нормально 1) темы по требованию пользователей не удаляются 2) картинки нужно...

Как сверстать такой блок
как сверстать такой блок если фон везде однородный одинаковый, то понятно просто поднять текст и задать паддинг одинаковым фоном. а...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений в EXE. Здесь описаны базовые шаги для старта программирования с помощью CMake. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru