01:42 

Скромно прошу помощи.

lisonok707
Мне хочется сделать нечто подобное
foodforbaby.ru/
Здесь чистый css?
Когда остаётся всё, а меняется только "содержимое", текст. Нашла в коде, что это style "content".
Что это такое?Оно похоже на фрейм? Есть ли аналог в html или легче идти лопатить css?
Может кто-нибудь захочет заморочиться и разъяснить мне css как достичь этого прекрасного результата?
Заранее спасибо

@темы: Интернет

Комментарии
2013-03-09 в 02:38 

alhames
alhames.ru
грязный css)

Что вы имеете ввиду? Переключение контента - так оно с перегрузкой страницы..
В любом случае менять содержимое на css вы не сможете - для этого используется Javasсript.
Но можно загрузить сразу все содержимое и переключать видимость блоков..

2013-03-09 в 05:16 

Скептичный циник
Миру - мир. А Вам - пломбир!
Что в Вашем понимании "чистый" css?

Данные для показа берутся с сервера (что показать), вёрстка (организация элементов) на html, а представление (как это всё показать) на css.
CSS – таблица стилей и не умеет менять содержимое страницы (кроме атрибута content, но его для наполнения использовать не стоит) – она просто добавляет красивостей к html.

Чтобы такое сделать хорошо было бы изучить html, а потом изучить css.

2013-03-09 в 10:55 

lisonok707
Скептичный циник, Спасибо Вам большое за совет. Но я знаю, что css дополняет html.
Возможно я не так выразилась, но меня интересует конкретный атрибут content, как он работает (как iframe, перезагружается ли страница целком, что-то иное?),похож ли он на фрейм и почему его не стоит использовать, по Вашему мнению. И если не его, то как ещё оставлять "неподвижной" шапку, но менять содержимое под ней?
Прописывать для каждой страницы шапку? Она ведь будет "дергаться"
alhames, я Вас поняла, спасибо.

2013-03-09 в 11:27 

lisonok707
alhames, спасибо, я уже.Ну Вы поняли.

2013-03-09 в 12:17 

paladin_ww
Let`s buuuuurn !
подмалось, что наверно можно сделать переключение видимости загруженных скрытых блоков без яваскрипта. пункты - меню батоны и видимость прописывать в ксс по параметру фокус/блюр. Это конечно для больших ценителей извращений =)

2013-03-09 в 12:22 

paladin_ww
Let`s buuuuurn !
конкретно тут контент никкак не работает, а просто клас придуманный разработчиком и просто страница перегружается.

2013-03-09 в 12:24 

lisonok707
paladin_ww, спасибо)

2013-03-09 в 21:00 

Скептичный циник
Миру - мир. А Вам - пломбир!
_craZzzy_FrUit_, почему именно content? (o.0) Нет доступа к серверу?

> интересует конкретный атрибут content, как он работает
Просто добавляет текст в начало/конец внутрь выбранного блока методом изменения DOM. Вся разметка показывается plain-текстом и не парсится браузером.

> оставлять "неподвижной" шапку, но менять содержимое под ней?
Например так:

И менять только внутренности для #content.
Чтобы не копипастить, можно сделать один файлик на сервере, который будет подключать один и тот же файл с шапкой ко всем страницам, а с контентом – в зависимости от значения в адресной строке.
На клиентской стороне (если без сервера) можно написать js, который будет обращаться по id блока и вызывать какой-нибудь innerHTML/innerTEXT.
CSS такое не умеет и не должен.

Для особых извращенцев можно предложить что-то в этом духе (только html и css):

Вместо чекбоксов можно сделать radio и скрыть "точку".

2013-03-09 в 22:45 

lisonok707
Скептичный циник, Понимаю я Вас частично, но всё же большую часть. Мне казалось где-то на юкозе я видела код, в котором как раз был *ляля*/css, который ссылался на ещё одну страничку с кодом. Это тот файл на сервере или это тот Java sсript которого не может быть?)

2013-03-09 в 22:48 

Скептичный циник
Миру - мир. А Вам - пломбир!
> я видела код, в котором как раз был *ляля*/css, который ссылался на ещё одну страничку с кодом
Не совсем понял о чём речь, но я попробую догадаться:

Оно?

На сервере страница может генерироваться многими способами и языки для серверных решений другие (php, node.js, perl, asp.net, ... ). И это не css и не javasсript.

2013-03-09 в 22:53 

lisonok707
Скептичный циник, Да, что-то похожее. Спасибо, всё понятно, ещё копать и копать, и только потом делать)

2013-03-09 в 23:02 

Скептичный циник
Миру - мир. А Вам - пломбир!
> Да, что-то похожее.
Тогда Вам сюда.
И вообще, очень рекомендую прочитать на htmlbook оба самоучителя и попробовать себя на парочке заданий (есть спецраздел на тему).

Если писать только на html+css, то получится только куча статичных html-файлов, связанных разве что ссылками между собой. Javasсript'ом можно добавить "рюшечек".
Для остального придётся неизбежно учить серверные языки (например, php – один из самых простых, хороших самоучителей море, актуальная документация на русском).

2013-03-09 в 23:38 

lisonok707
Скептичный циник, Да, спасибо, по нему учусь, много чего он мне уже рассказал) За ссылку отдельное - этот раздел я упустила.

2013-03-11 в 10:20 

Helge-Io
законченная снейпоголичка
Если _craZzzy_FrUit_,
ИМХО, если вас больше конечный результат интересует, чем изучение теории и т.п., то может быть стоит сначала не заморачиватья, а начать с установки какого-нибудь движка простенького, типа Wordpress, потом подобрать скин и тогда уже подредактировать его, играясь с CSS и PHP?

   

!Всё о html: организация сайтов, хостинги, учебники, программы и т.д.!

главная