Уроки
08-06-2009 17:03
к комментариям - к полной версии
- понравилось!
Это цитата сообщения ka82 Оригинальное сообщение
Рамки с картинкой в уголке
Сейчас вы находитесь тут: http://www.liveinternet.ru/users/ka82/post104193327/
Рамочки с прокруткой можно взять на http://www.liveinternet.ru/users/ka82/post98839509/
Рамочки без прокруток но с красивым-прекрасивым обрамлением вы можете взять тут: http://www.liveinternet.ru/users/ka82/post100211327/
Вот код рамки с НЕповторяющейся картинкой:
В быстром варианте некоторые ненужные обозначения можно не писать. Вот некоторые рамки-заготовки, где вместо слов ВАШ ТЕКСТ надо писать свой текст, а все остальное трогать необязательно. Или, воспользовавшись удобным положением картинки, замените ее адрес на свой вкус.
1 Картинка слева background-position:0% 100%;
2 Картинка справа background-position:100% 100%;
ВАШ ТЕКСТ
3 Важно соблюдать ширину картинки и отступ, например, справа, полей текста. В данном примере правые буквы слегка накладываются на картинку:
4 Подвинем картинку в серединку на 50% background-position:50% 100%;
При наложении на картинку текст будет писаться поверх картинки.
Иногда чтобы картинка вылезла полностью нужно воспользоваться пустыми строками
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения ka82 Оригинальное сообщение
Рамки с картинкой в уголке
Сейчас вы находитесь тут: http://www.liveinternet.ru/users/ka82/post104193327/
Рамочки с прокруткой можно взять на http://www.liveinternet.ru/users/ka82/post98839509/
Рамочки без прокруток но с красивым-прекрасивым обрамлением вы можете взять тут: http://www.liveinternet.ru/users/ka82/post100211327/
Вот код рамки с НЕповторяющейся картинкой:
В быстром варианте некоторые ненужные обозначения можно не писать. Вот некоторые рамки-заготовки, где вместо слов ВАШ ТЕКСТ надо писать свой текст, а все остальное трогать необязательно. Или, воспользовавшись удобным положением картинки, замените ее адрес на свой вкус.
1 Картинка слева background-position:0% 100%;
ВАШ ТЕКСТ
2 Картинка справа background-position:100% 100%;
3 Важно соблюдать ширину картинки и отступ, например, справа, полей текста. В данном примере правые буквы слегка накладываются на картинку:
ВАШ ТЕКСТ
ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст
ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ ваш текст ваш текст ваш текст ваш текст ваш текст ваш текст
4 Подвинем картинку в серединку на 50% background-position:50% 100%;
При наложении на картинку текст будет писаться поверх картинки.
Иногда чтобы картинка вылезла полностью нужно воспользоваться пустыми строками
ВАШ ТЕКСТ
Вы сейчас не можете прокомментировать это сообщение.
Дневник Уроки | Еленуш18 - Отклик Моей души |
Лента друзей Еленуш18
/ Полная версия
Добавить в друзья
Страницы:
раньше»