Верстка под различные браузеры/разрешения?

Admin · 21 июн 2011, 23:40 Admin

Dimson писал(а):Но у меня же логотипы помещаются и в своем браузере я все вижу отлично

странный вы. Вы видите свои логотипы в браузере, потому что у вас разрешение монитора не меньше 1280 в ширину. Но не у всех же пользователей такое разрешение монитора. Есть и 1024 и меньше, а также есть такие устройства, как нотбуки, КПК и пр. Везде разное разрешение. Когда ваш сайт открывается в браузере на мониторе с меньшим разрешением, то в зависимости от прописанных стилей браузер либо делает горизонтальный скрол, либо отсекает всё лишнее. Естественно, что все лишнее будет то, что находится справа и слева от основного содержимого сайта.

Dimson писал(а):Поверх фонового изображения, это они над машинами будут?

в зависимости от разрешения монитора они будут как бы плавающими, смещаться по горизонтальной линии. т.е. если разрешение монитора будет небольшим, то логотипы залезут на машины, если разрешение будет больше, то будут так, как вы их сейчас видите.

Dimson · 22 июн 2011, 10:54 Dimson

http://www.landrover-yug.ru/
Что скажете?

Виджет заголовка почему-то не могу найти где удалить. Хотя раньше вроде удалял его.

p.s. Название нарисовал на картинке, логотипы сдвинул ближе к центру. Что скажете теперь о дизайне?

И жду помощи от Admin, как теперь название блога сделать?

Admin · 23 июн 2011, 16:18 Admin

у вас в шаблоне или в виджете должен быть такой код:

Код::

Его нужно весь удалить.
в стилях должен быть такой код:

Код:: .header-inner .Header .titlewrapper { padding-top: 22px; }

Замените цифры на 158 (примерно)
и добавьте такую строчку

Код:: text-align:center;

Бывает такое, что вместо цифр прописано слово, просто замените его на цифры и px не забудьте.

Dimson · 23 июн 2011, 17:06 Dimson

Это мне в любое место в шаблоне добавлять?
И название блога как сделать?
П.с. сейчас с телефона, буду дома попробую

Admin · 23 июн 2011, 17:20 Admin

Dimson писал(а):Это мне в любое место в шаблоне добавлять?

что значит в любое? Я написала вполне конкретный код:

Код:: .header-inner .Header .titlewrapper { padding-top: 22px; }

строчку надо добавить к нему:

Код:: .header-inner .Header .titlewrapper { padding-top: 22px; text-align:center; }

а цифры "22" поменять на "158".

Dimson писал(а):И название блога как сделать?

Это и есть название блога.

Dimson писал(а):П.с. сейчас с телефона, буду дома попробую

Вот лучше сначала сделать, а потом написать, если не получилось :punish:

.

Dimson · 23 июн 2011, 22:43 Dimson

Admin писал(а):Вот лучше сначала сделать, а потом написать, если не получилось .

Все сделал, как видите http://www.landrover-yug.ru/ , каша получается

Admin · 23 июн 2011, 23:37 Admin

Dimson писал(а):Все сделал, как видите http://www.landrover-yug.ru/ , каша получается

Ну вообще-то нарисовать заголовок блога на картинке - это была ваша инициатива, я к ней отношения не имею. Когда вы задали вопрос, у вас название блога находилось на синей горизонтальной линии, но было смещено, вы хотели его сделать посередине, я вам дала ответ, как это сделать.

Dimson · 24 июн 2011, 19:52 Dimson

Благодарю Вас! Все сделал

А как "повеселей" сделать текст? Поменять шрифт и.т.д. может еще как украсить можно?

Admin · 24 июн 2011, 20:01 Admin

Dimson писал(а):Благодарю Вас! Все сделал А как "повеселей" сделать текст? Поменять шрифт и.т.д. может еще как украсить можно?

у вас в шаблоне должен быть примерно такой код:

Код:: .Header h1 { margin-bottom: 10px; }

путем прописывания дополнительных стилей в этот код, можно менять внешний вид заголовка.

Код:: .Header h1 { margin-bottom: 10px; font: normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif; /*стиль шрифта - нормальный, размер шрифта, семейство шрифта*/ color: #FFFFFF; /*цвет шрифта*/ }

По этой ссылке можете посмотреть, как вообще оформляются шрифты.
По этой ссылке посмотреть все веб-шрифты, которые поддерживают все браузеры.
По этой ссылке все веб-цвета, которые все браузеры отображают одинаково.
Попробуйте сами разобраться и поделитесь, что у вас получится ;-)

Dimson · 26 июн 2011, 00:49 Dimson

Спасибо, все это поизучаю

В шрифтах не указан Minion Pro, его можно без проблем использовать?:)

И еще, вот http://www.landrover-yug.ru/ На главной странице название блога белым цветом, заходим в "пост/запись" http://www.landrover-yug.ru/2011/06/range-rover-evoque.html цвет названия блога синий. Почему?:)

p.s. Будьте добры, профессиональным взглядом оцените. Как блог? Как юзабилити и оформление. в плане цветов и доступности текста, может что-то посоветуете поменять?

Благодарю!

Верстка под различные браузеры/разрешения?

Re: Верстка под различные браузеры/разрешения?

Re: Верстка под различные браузеры/разрешения?

Re: Верстка под различные браузеры/разрешения?

Re: Верстка под различные браузеры/разрешения?

Re: Верстка под различные браузеры/разрешения?

Re: Верстка под различные браузеры/разрешения?

Re: Верстка под различные браузеры/разрешения?

Re: Верстка под различные браузеры/разрешения?

Re: Верстка под различные браузеры/разрешения?

Re: Верстка под различные браузеры/разрешения?

Кто сейчас на конференции