Цитата сообщения 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%;
При наложении на картинку текст будет писаться поверх картинки.
Иногда чтобы картинка вылезла полностью нужно воспользоваться пустыми строками
ВАШ ТЕКСТ
