Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Дизайн и верстка

Важная информация
Дизайн и верстка - Верстка: блочная, div, HTML... Дизайн, внешний вид сайта.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 10.02.2011, 13:36   #1
 
Аватар для падаван
 
Сообщений: 814
FR (активность): 25,662

Доп. информация
Вопрос Автор темы Если фон сайта картинка..

Взгляните пожалуйста вот сюда для примера.
очень интересно, как грамотно реализовать подобный облик сайта, чтобы на фоне был не цвет а картинка. если допустим, взять одни большой блок и поместить фоновое изображение, поверх него используя меню и т.п, это ведь очень тяжело получится в плане загрузки, да? а если брать несколько блоков и собирать картинку как мозайку, что наверное и будет грамотным, то как сделать чтобы они не разъезжались при смене разрешения, или приближении в браузере? это конечно css код, в 2х словах не скажешь разумеется, но я что прошу подсказать:
- можно ли использовать одну фоновую картинку, и как сделано там на примере(если это можно определить)
- и мб у кого нибудь есть под рукой пример кода шаблона, где блоки не разъезжаются, а "скреплены" между собой, киньте пожалуйста наглядный пример если не затруднит..
а то моя мозайка все никак не собирется..


ученик SeoCafe
падаван вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 10.02.2011, 13:50   #2
 
Аватар для Umka
 
Сообщений: 4,143
FR (активность): 80,659

Доп. информация
По умолчанию Re: Если фон сайта картинка..

Цитата:
Сообщение от падаван Посмотреть сообщение
где блоки не разъезжаются, а "скреплены" между собой
Что такое слайсы в Photoshop-е знаете? В кореле - "ролловер"....
Урок по слайсам: http://foxter.ru/showthread.php?t=2367
Umka вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
падаван (10.02.2011)
Старый 10.02.2011, 13:52   #3
 
Аватар для terranodar
 
Сообщений: 410
FR (активность): 14,644

Доп. информация
По умолчанию Re: Если фон сайта картинка..

падаван, На примере сделано набором
http://wowcircle.com/Skins/wowcircle/images/head.jpg и далее там же contlr.png contr.png contl.png ramka-mid.jpg ramka-bot.jpg fon.jpg и т.д.
Всё тащится из http://wowcircle.com/Skins/wowcircle/style.css (судя по логам локального проксика.) можно его поковырять.


Чтобы определить – писать глагол с -тся или -ться, спросите себя, на какой вопрос отвечает этот глагол – "что делать?" или "что делает?". Если в вопросе есть мягкий знак, значит он есть и в глаголе.
terranodar вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
падаван (10.02.2011)
Старый 10.02.2011, 14:13   #4
 
Аватар для падаван
 
Сообщений: 814
FR (активность): 25,662

Доп. информация
По умолчанию Автор темы Re: Если фон сайта картинка..

ваа, terranodar, круто, хотел на их css посмотреть, но желание со знанием несовпадали, незнал как, спасибо!
umka, суперкруто!)), в фотошопе я работаю конечно, но постольку поскольку, и все думал, зачем этот скальпелек))
иду зачитываться сверхполезным уроком!


ученик SeoCafe
падаван вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 20.03.2011, 22:41   #5
 
Аватар для detanatar
 
Сообщений: 748
FR (активность): 53,432

Доп. информация
По умолчанию Re: Если фон сайта картинка..

Цитата:
Сообщение от падаван Посмотреть сообщение
взять одни большой блок и поместить фоновое изображение, поверх него используя меню и т.п, это ведь очень тяжело получится в плане загрузки, да? а если брать несколько блоков и собирать картинку как мозайку, что наверное и будет грамотным
Пробовал эксперементировать, результат одинаков и размер тоже.
detanatar вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
падаван (20.03.2011)
Старый 20.03.2011, 23:11   #6
 
Аватар для падаван
 
Сообщений: 814
FR (активность): 25,662

Доп. информация
По умолчанию Автор темы Re: Если фон сайта картинка..

Цитата:
Сообщение от detanatar Посмотреть сообщение
Пробовал эксперементировать, результат одинаков и размер тоже.
а Вы пробовали в онлайн или только на денвере? я вот просто на хосте вариант с одной большой картинкой так не опробовал, и интересно, как она грузиться будет, особенно при небольшой скорости инета, появляясь постепенно "сверху вниз" или станет видна когда уже целиком загрузится?..


ученик SeoCafe
падаван вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 20.03.2011, 23:23   #7
 
Аватар для detanatar
 
Сообщений: 748
FR (активность): 53,432

Доп. информация
По умолчанию Re: Если фон сайта картинка..

Цитата:
Сообщение от падаван Посмотреть сообщение
а Вы пробовали в онлайн или только на денвере?
Конечно на сервере (онлайн) тестил, и на HttpAnalyzer время загрузки смотрел.

Цитата:
Сообщение от падаван Посмотреть сообщение
особенно при небольшой скорости инета, появляясь постепенно "сверху вниз"
Это да, но суммарное время загрузки у цельного блока даже меньше.

Есть правда маленький нюанс, Если картинка полноцвет (фото и т д), то цельная лучше.
Если есть доминанта какого-либо однородного участка изображения (герб на красном флаге), то однородные участки лучше выделить в отдельные фрагменты и пожать Advanced JPEG Compressor.
Я правда им все картинки жму, но однородные сжимаются намного лучше.
detanatar вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
падаван (20.03.2011)
Ответ

Метки
css

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 4120 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

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

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как избежать санкций поисковых систем, если с сайта продаются ссылки? SEWalker Заработок на ссылках 23 08.08.2011 13:45
Прикольная картинка Турист Юмор 1 12.06.2011 23:34
Помогите, если не сложно, с анализом сайта. p1aer Анализ и обзор статистики 5 08.09.2010 15:11
В HTML документе чтобы картинка была наложена одна на другую Dimooon Дизайн и верстка 4 20.08.2009 10:29
Если сайта нету в ЯК BuTeK Яндекс Каталог и ТИЦ 5 06.02.2009 10:06

Текущее время: 09:26. Часовой пояс GMT +3.