Рамочка с под-катом |
Вот такая рамочка :)
Скопируйте код ниже, заменив только оранжевые слова - слова ВАШ ТЕКСТ на собственно ваш текст. Зеленые слова ВАШ ТЕКСТ можете просто аккуратно стереть, а вот оранжевые слова - замените своим текстом. Ниже объясню почему так надо или не надо сделать.
| <div style="background-image: url('//img0.liveinternet.ru/images/attach/c/11/114/288/114288994_Be1.png'); width:635px; padding:0px 0px 0px 0px;border: 0px;color:#000000; "><div style="background-image: url('//img1.liveinternet.ru/images/attach/c/11/114/288/114288949_Be.png'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px;color:#550000; background-position: 0% 0%; ">[more= ]<div style="background-image: url('//img1.liveinternet.ru/images/attach/c/11/114/288/114288947_3_M.jpg'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px;color:#550000; background-position: 100% 100%; ">[/more]<div style="background-image: url('//img0.liveinternet.ru/images/attach/c/4/84/491/84491800_123.png'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px;color:#550000; background-position: 0% 100%; "><div style="padding:10px 10px 10px 10px; "><span style="font-family:Georgia;color:#8B4513;font-size:18px"><b><p align="justify"> ВАШ ТЕКСТ </p> [more=<center><img src="//img1.liveinternet.ru/images/attach/c/11/114/288/114288919_3_M.jpg" /></center>] ВАШ ТЕКСТ [/more]<p>[more= ]</p><center><img src="//img1.liveinternet.ru/images/attach/c/11/114/289/114289455_098_S.jpg" /></center>[/more]</b></span></div></div></div></div></div> |
Серия сообщений "ДЕЛАЕМ РАМКИ,КНОПКИ":
Часть 1 - рамка с двигающим текстом
Часть 2 - Рамочка с под-катом
Часть 3 - Делаем самую простую кликабельную кнопочку с надписью.
| Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |
