Melodyn

Нарезать картинки, например, в фотошопе. Присвоить им значения в исходнике и залить вместе с кодом на сервак. Вы хоть группы в ВК оформляли? 

А что мешает сделать на css? Просто не пишите в style цвет фона. Ставьте в начале каждой страницы <style>background: #123456</style> и будут у вас на каждой страничке разные бэкграунды.

В общем, есть это: http://jsfiddle.net/78DAJ/

Справа должен быть навигационный блок. Слева должен быть контент. Когда экран меньше 1024 пикс, то панелька справа налазит на текст контента.

Так вот вопрос:

1. Сделать через @meta фиксацию размера сайта, типа отступа в 896 пикс?

2. Поставить какой-нибудь чудо-тег, скорее всего из jQuery, который считает размер контента и ставит автоматически отступ для right?

3. Может, я не вижу более очевидного решения?

PS

Отмечу, что параметры блока right нельзя менять, т.к. он должен ползать за пользователем по странице, в 100% высоту.

Ребята, подскажите пожалуйста, какими способами можно добиться вот такого вот эффекта, как на картинке? Код приводить не обязательно - можно просто дать направление... просто идей что-то совсем нет...

 

Давно уже всё здесь же описано: http://htmlbook.ru/blog/kak-sdelat-lenty-na-css3-bez-kartinok

 

Но, раз уж, Ом - это сопротивление, то, должно быть первичное определение: "Сопротивление прямо пропорционально напряжению и обратно пропорциональна току."

Неверно. Ток зависит от напряжения и сопротивления. То есть если уменьшить напряжение, то ток уменьшится или, например, если уменьшить сопротивлеение в цепи, то ток возрастёт. Сопротивление никак не зависит от тока или разности потенциалов. Сопротивление зависит от проводника. Так что ваше определение неверно.

 

Понятно, спасибо! А то мне диплом писать Нафига я вообще учился в институте 5 лет?

#вопрос

{

Закон Ома в наше трактовке, звучит: "Сила тока в проводнике прямо пропорциональна напряжению и обратно пропорциональна сопротивлению."

Но, раз уж, Ом - это сопротивление, то, должно быть первичное определение: "Сопротивление прямо пропорционально напряжению и обратно пропорциональна току."

}

/* я понимаю, что бред, но интересно, почему формулировка пляшет от тока */

 

Современный ИЕ поддерживает и отображает всё.

Это при беглом просмотре и только в HTML. Могу еще CSS и JS выложить. И другое.

 

В моём случае, он поддерживает всё, что нужно ) Из приведённых ссылок, я ни один тег не использую.

 

потому что это HTML5

 

Это не HTML5. В HTML5 есть семантические теги, но свои теги туда добавлять нельзя. Это скорее XML.

 

Да, это, оказывается стандарт ещё 99го года. Т.е. все современные браузеры такую фичу поддерживают. Не думаю, что есть смысл в 2014м году верстать под ИЕ, особенно ниже 10й. Майкрософт прекращает в следующем месяце поддержку динозавров.

ЗЫ

Современный ИЕ поддерживает и отображает всё.

Спасибо, ответ вполне исчерпывающий!

http://jsfiddle.net/43cNd/

хзхз)

Проверяй в иешках

Да я уже запустил себе и знаю, что работает ) Меня беспокоит больше допустимость такого метода, потому что это HTML5, на сколько я понимаю. 11й ИЕ тянет спокойно.

transition не работает с display. Попробуй ему задать абсолютную нулевую высоту или отрицательную. Потому что max - это всё-таки фикс для адаптивной вёрстки.

Обычно я для форматирования текста беру стандартные теги, типа <i> и <b> и задаю им тот стиль, который мне нужен. 

Вопрос, честно, дурацкий, но не могу уснуть из-за него: Могу ли я применять собственные теги с заданным набором правил? И чем это черевато? 

В простом виде: мне нужно красный цвет и пунктирную линию для некоторых слов. Чтобы не занимать стандартные теги, то задаю эти свойства в <jopa>свой тег</jopa>, который уже дальше могу по необходимости дополнить стандартными.

Когда я знакомился с методом создания фигур, с использованием псевдоэлементов, то там было описано, что им необходимо приписывать абсолютное позиционирование. Собственно я и не задавался поиском решения этого вопроса, потому что всё всегда срасталось, как надо и не ничему не мешало. А тут вот обратил внимание, что что-то не так.

Спасибо за пояснение, я сам и не сообразил про отсчёт от body!

В глобальном плане - бессмысленно. Однако, я использую это на практике в иконке, чтобы не прибегать к этому же методу в фотошопе.

Например:

Молодцом )

Наоборот. Верхний цвет — псевдоэлемент, нижний — абзац.

Спасибо, поправил ) Добавил про третий цвет, что было в общем-то очевидно.

Трехцветный текст, а-ля имитация линейного градиента: http://jsfiddle.net/yUqwE/1/ Остальные вопросы к товарищу Фотошопу.

Можно сделать не градиентом, а в два, возможно, в три цвета. Только на CSS, написал на этот счёт тему, но её пока одобряют модеры.

Недавно задался вопросом создания "отблеска" на тексте. Гугл не понял, что мне нужно и предложил сделать нужный эффект в Photoshop. Поэтому решил опубликовать свой метод решения такой задачи:

http://jsfiddle.net/yUqwE/

Свойство content у тега <p>, очевидно, приобретает те же настройки для текста внутри себя. Поэтому мы прописываем псевдоэлемент для тега <p>, размер которого делаем на половину (или сколько вам там надо) другим цветом.

Цвет "верхней" части указывается в псевдоэлементе, цвет "нижней" в самом теге. Всё просто, проще не бывает. 

ЗЫ

Опытным путём бытовой магии создан третий цвет для текста: http://jsfiddle.net/yUqwE/1/

Можно делать имитацию градиента, хоть и не очень убедительную )

ЗЗЫ

Почему именно такие цифры в размерах псевдоэлементов и смещения слева - не знаю. Если кто-то поймет, почему у текста в 20пикс половина - это около 30пикс, пишите в тему )