Меняем вид рамочек

Суббота, 02 Января 2016 г. 18:31 + в цитатник

Меняем вид рамочек

По просьбе подруги покажу,как я меняю вид рамочек:меняя количество обводок в них,ширину рамки..

Рассмотрим рамочку:

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

А если вставить дважды значения ,то получится :

Ваш текст...

мадам Ольга

формула рамки

<div align="center"><table background="жгут" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding:3px;box-shadow: #000000 1px 1px 15px; "><table background="обводка" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 6px;"><table background="жгут" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding:3px;"><table background="фон рамки" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 30px;box-shadow:inset rgba(0,0,0,.6) 0 -6px 6px,inset rgba(252,255,255,.7) 0 6px 6px;"><table background="жгут" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 3px"><table background="обводка" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding:6px;"><table background="жгут" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 3px;"><table background="обводка" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding:6px;"><table background="жгут" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 3px;"><table background="фон под текст" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 1px;box-shadow:inset #000000 2px 2px 35px;"><table width="440" height="57"><tr><td style="padding:2px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#цвет текста;font-size:22px;text-shadow:1px 1px 1px#000000;"><center>Ваш текст...<center><tr><td style="padding:0px" height="1%" align="right"><a target="_blank" href="ссылка на блог"><img src="ваша кнопочка" /></a><span style="font-family;color:#666666;font-size:6px">ваш Ник</span></td></tr></center></center></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>

Вариант-вставить и до рамки и после неё ,что бы рамочка не была сильно грамоздкой ,умешить ширину фона рамки:

Ваш текст...

мадам Ольга

формула рамки

<div align="center"><table background="жгу" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding:2px;box-shadow: #000000 1px 1px 15px; "><table background="обводка" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 6px;"><table background="жгут" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding:2px;"><table background="обводка" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 6px;"><table background="жгут" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 2px;"><table background="фон рамки" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 25px;box-shadow:inset rgba(0,0,0,.6) 0 -6px 6px,inset rgba(252,255,255,.7) 0 6px 6px;"><table background="жгут" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 2px"><table background="обводка" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding:6px;"><table background="жгут" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 2px;"><table background="обводка" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding:6px;"><table background="жгут" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 2px;"><table background="фон под текст" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 1px;box-shadow:inset #000000 2px 2px 35px;"><table width="440" height="57"><tr><td style="padding:1px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#цвет текста;font-size:22px;text-shadow:1px 1px 1px#000000;"><center>Ваш текст...<center><tr><td style="padding:0px" height="1%" align="right"><a target="_blank" href="ссылка на блог"><img src="ваша кнопочка" /></a><span style="font-family;color:#666666;font-size:6px">ваш Ник</span></td></tr></center></center></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>

А если убрать эти же значения ДО рамки,оставить значения жгута,то получится так:

Ваш текст...

мадам Ольга

формула рамки

Такой вариант:вставить значения рамки с тенью,уменьшить значения ширины фона рамок.

Ваш текст...

мадам Ольга

формула рамки

<div align="center"><table background="жгут" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding:3px;box-shadow: #000000 1px 1px 15px; "><table background="обводка" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 6px;"><table background="жгут" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding:3px;"><table background="фон рамки" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 13px;box-shadow:inset rgba(0,0,0,.6) 0 -6px 6px,inset rgba(252,255,255,.7) 0 6px 6px;"><table background="жгут" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 3px;"><table background="обводка" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 6px;"><table background="жгут" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 3px;"><table background="фон рамки" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 16px;box-shadow:inset rgba(0,0,0,.6) 0 -6px 6px,inset rgba(252,255,255,.7) 0 6px 6px;"><table background="жгут" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 3px"><table background="обводка" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding:6px;"><table background="жгут" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 3px;"><table background="обводка" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding:6px;"><table background="жгут" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 3px;"><table background="фон под текст" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 1px;box-shadow:inset #000000 2px 2px 35px;"><table width="440" height="57"><tr><td style="padding:1px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#цвет текста;font-size:22px;text-shadow:1px 1px 1px#000000;"><center>Ваш текст...<center><tr><td style="padding:0px" height="1%" align="right"><a target="_blank" href="ссылка на блог"><img src="ваша кнопочка" /></a><span style="font-family;color:#666666;font-size:6px">ваш Ник</span></td></tr></center></center></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>

Ну вот вроде и всё.

Можно менять как нравиться,как подскажет фантазия.Успеха в творчестве!!!

Конечно рамочки эффектней смотрятся с тенью было ТУТ,без Фотошопа такие рамочки растягивабтся сильно во все стороны.

Для вас Ольга

мадам Ольга

мадам Ольга
мадам Ольга
Источник:http://www.liveinternet.ru/users/5137818/post370330799/

Серия сообщений "Рамочки 2.":
Часть 1 - Простые слайд рамочки с прокруткой
Часть 2 - Меняем вид рамочек
Часть 3 - Заготовки для поздравлений( новогодних)

Рубрики:

Всё для творчества

Процитировано 1 раз
Понравилось: 1 пользователю