и снова рамочки
09-06-2009 01:16
к комментариям - к полной версии
- понравилось!
Это цитата сообщения papatya83 Оригинальное сообщение
Рамки с картинкой в уголке
papatya83
Сейчас вы находитесь тут: 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
Это цитата сообщения papatya83 Оригинальное сообщение
Рамки с картинкой в уголке
papatya83
Сейчас вы находитесь тут: 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%;
При наложении на картинку текст будет писаться поверх картинки.
Иногда чтобы картинка вылезла полностью нужно воспользоваться пустыми строками
ВАШ ТЕКСТ
Вы сейчас не можете прокомментировать это сообщение.
Дневник и снова рамочки | RusOLka - УЮТНЫЙ ДНЕВНИК. |
Лента друзей RusOLka
/ Полная версия
Добавить в друзья
Страницы:
раньше»