Css framework. Вопрос верстальщику

Question

Css framework. Вопрос верстальщику

Доброго всем
Подскажите в каком CSS фреймворке можно собрать html шаблон из подобного макета → http://www.godesigner.ru/solutions/01065db91fdb746ff1e24cb6647c351a_gallerySiteSize.jpg
http://www.godesigner.ru/solutions/83894167b3d6470d3fbd8e795bdc18b6_gallerySiteSize.jpg

Интересуют только блоки с тенями. Если фоеймворка такого нет, то дайте ликов на сайты где можно почитать как это делается. Пол дня гуглю и не могу найти ничего подходящего...

0

css framework

Ответы на пост (10) Написать ответ

Быстрая регистрация для ответа Войти

trans

17

26.04.2013 13:53

Это решение. Спасибо. Не подскажешь css фреймворк, кроме бутстрапа, на котором можно делать современные шаблоны для сайтов?

0

neoplanet

95

26.04.2013 15:15

Пожалуйста. А чем бутстрап не устраивает? Лучше него я не встречал да и не нужно лучше (куда еще). Все есть (сетка, формы, кнопки, мобильность и пр.). Под себя (свои стили) меняется за 2 минуты, т.к. код очень хорошо прокомментирован. На ваш макет вообще элементарно сверстать с помощью него.

0

mikef

74

25.04.2013 15:57

а что мешает выдрать реализацию нужного функционала с сайта, где скрины делались?

0

trans

17

25.04.2013 16:01

Это не скрины с сайта, а картинки от дизайнера

0

nutella2013

0

25.04.2013 15:59

Notepad++

0

trans

17

25.04.2013 16:02

молодцом

0

bar0nbbb

0

25.04.2013 16:09

notepad++ не поможет, это расширенный блокнот
если нужны обычные тени - копайте в сторону css box-shadow
чтобы же сделать такую тень как под каждым блоком, чистый css поможет, как вариант - вырезать рисунок и поместить его в конце каждого блока

0

trans

17

25.04.2013 16:17

Спасибо за ответ. css box-shadow - не то (или плохо смотрел), вырезать картинку - не вариант. Думаю такие вещи делают в каком-то готовом CSS фреймворке, вот в каком найти не могу.

0

EwgenyUs

32

25.04.2013 17:59

bar0nbbb, +
box-shadow для тени самих блоков и изображение для тени под ними.

0

Быстрая регистрация для ответа Войти

Accepted Answer

Необязательно использовать CSS. Возьмите фрагмент тени в PSD, сохраните в PNG и пропишите стили в CSS для каждого нужного блока background'ом.
Всего понадобится 1 файл теней (вес его будет минимален). Далее можете применять его к любым блокам.
Если блоки будут иметь различную ширину, например верхний блок имеет 1024px, а например правый 300px (и вы хотите к нему тоже присвоить стиль теней), то разбейте тень на 2 файла.
Первую часть (левую) как можно больше по ширине (например 960px), а вторую (правую) на оставшеюся ширину. Таким образом сможете легко применять стиль к любой ширине блока. Просто прописывайте и обрамляете div'ами внизу нужного блока и прописываете стили.
p.s. не забудьте поставить PNG Fix для старых IE браузеров.

Css framework. Вопрос верстальщику

Похожие посты

Анализ сайта