Live
Internet
мобильная версия
Дневники
Личка
Авторизация
Дневник
BAGIRA-2012
Лента друзей
-
Дневник
-
Полная версия
Рамочки без фона
19-11-2017 12:43
к комментариям
-
к полной версии
-
понравилось!
Это цитата сообщения
Сизарка
Оригинальное сообщение
Рамочки с разрывами.
Урок не мой,а взят у
Arnusha
. Огромное ей спасибо.
Делаем оригинальные рамочки без фонов. Урок!
Вот такие рамочки с оригинальным дополнением без фонов можно использовать под ваши изображения, фото, текст. Очень просты в использовании, не надо подбирать фон. Потратите несколько минуток, что бы поставить код цвета, поменять ширину обводки, ширину рамки и оля_ля..рамочка готова. Мне лично нравятся. Кто захочет тоже делать такие, объясню, что в коде рамочек вы будете менять по-своему желанию. А кого устраивает и такой цвет, для тех я выставлю коды.
И пожалуйста меняйте значения именно там, где я указала и нигде больше!
Итак: под каждой рамочкой идет скрин, где я указала, где и что менять. Начнем с этой, с разрывом. Многие из вас такими пользуются, немного другого дизайна и она уже смотрится более оригинальной. Подчеркну: все что я указала на скрине, можно менять - и цвет и px.
...Здесь будет ваша запись...картинки...
КОД РАМКИ
<center><table style="background-color: #000000; border:6px dotted; color: #EFE298; padding: 5px;" width="810"><tr><td style="padding:24px"><fieldset style="border: 4px dotted #EFE298;"><legend><a title="Arnusha" data-cke-saved-href="http://arnusha.ru/profile" href="http://arnusha.ru/profile" target="_blank"><img data-cke-saved-src="http://img-fotki.yandex.ru/get/6803/39663434.678/0_9ed5e_4dcf0316_S.png" src="http://img-fotki.yandex.ru/get/6803/39663434.678/0_9ed5e_4dcf0316_S.png" width="150" height="118" border="0" /></a></legend><center><span style=";font-family:Georgia;font-size:20px;color:#EFE298;">...Здесь будет ваша запись...картинки... </span></center></fieldset></td></tr></table></center>
СКРИН
На скрине мы видим,что можно менять по-своему усмотрению: 1. Это цвет рамки, в данном случае это черный 2. Это внешняя обводка. Чем больше или меньше значение, тем оно будет меняться в ту или иную сторону. Ниже будут рамочки и вы увидите, что я имела в виду. 3. Это цвет внешней обводки. В этой рамочке он желтый. 4. Ширина внешней обводки. 5. Ширина рамочки 6. Это внутренняя обводка с разрывом. В этой рамке обводка уже меньше, но вы можете поменять значение,об этом я указала во втором пункте 7. Цвет внутренней обводки 8. А это будет ваш логотип,картинка. Она будет стоять на месте разрыва. Это всем понятно 9. А это цвет шрифта Всё. Если все понятно, посмотрите еще несколько вариантов. Например,такая...без внешней обводки,но тоже с разрывом. Там все тоже самое
...Здесь будет ваша запись...картинки....
<center><table style="background-color: #000000; border-style: " 3px="3px" dashed="dashed" width="810"><tr><td style="padding:24px"><fieldset style="border: 3px dashed #FAEC7F;"><legend><a title="Arnusha" data-cke-saved-href="http://arnusha.ru/profile" href="http://arnusha.ru/profile" target="_blank"><img data-cke-saved-src="http://img-fotki.yandex.ru/get/6803/39663434.678/0_9ed5e_4dcf0316_S.png" src="http://img-fotki.yandex.ru/get/6803/39663434.678/0_9ed5e_4dcf0316_S.png" width="150" height="118" border="0" /></a></legend><center><span style=";font-family:Georgia;font-size:20px;color:#FAEC7F;">...Здесь будет ваша запись...картинки.... </span></center></fieldset></td></tr></table></center>
CКРИН
1. Цвет рамки 2. Ширина рамки 3. Ширина внутренней обводки 4. Цвет обводки 5. Ваш логотип 6. Цвет текста Или такая
...Здесь будет ваша запись...
<center><table style="background-color: #000000; border-style: groove; color: #FF0000; padding: 0px;" width="810"><tr><td style="padding:24px"><fieldset style="border: 4px dashed #FF0000;"><legend><a title="Arnusha" data-cke-saved-href="http://arnusha.ru/profile" href="http://arnusha.ru/profile" target="_blank"><img data-cke-saved-src="http://img-fotki.yandex.ru/get/6803/39663434.678/0_9ed5e_4dcf0316_S.png" src="http://img-fotki.yandex.ru/get/6803/39663434.678/0_9ed5e_4dcf0316_S.png" width="150" height="118" border="0" /></a></legend><center><span style=";font-family:Georgia;font-size:20px;color:#FF0000;">...Здесь будет ваша запись... </span></center></fieldset></td></tr></table></center>
Еще варианты
...Здесь будет ваша запись...картинки
<center><table style="background-color: #593e29; border-style=" solid="solid" width="800"><tr><td style="padding:28px"><table border="0" height="0" id="table4" style="border: 3px dotted #EFE298; " cellpadding="4" cellspacing="2" width="800"><tr><td style="padding: 1px;"><center><font style="font-size:24px;"><font color="#EFE298"> ...Здесь будет ваша запись...картинки </font></font></center></td></tr></table></td></tr></table></center>
1. Цвет рамки 2. Ширина рамки 3. Размер обводки 4. Цвет обводки 5. Опять ширина рамки 6. Цвет шрифта
...Здесь будет ваша запись...
<center><table style="background-color: #000000; border-style=" solid="solid" width="800"><tr><td style="padding:28px"><table border="0" height="0" id="table4" style="border: 8px dotted #EFE298; " cellpadding="4" cellspacing="2" width="800"><tr><td style="padding: 1px;"><center><font style="font-size:24px;"><font color="#EFE298"> ...Здесь будет ваша запись... </font></font></center></td></tr></table></td></tr></table></center>
А это рамочки на прозрачном фоне.
Здесь вообще все просто
....Ваш текст...картинки...
<center><table border="0" height="0" id="table4" style="border: 10px dotted #000000; " cellpadding="4" cellspacing="2" width="800"><tr><td style="padding: 1px;"><center><font style="font-size:24px;"> ....Ваш текст...картинки... </font></center></td></tr></table></center>
меняем только размер обводки, цвет обводки и ширину рамки
....Ваш текст...картинки...
<center><table border="0" height="0" id="table4" style="border: 4px dotted #ff0000; " cellpadding="5" cellspacing="2" width="800"><tr><td style="padding: 1px;"><center><font style="font-size:24px;"> ....Ваш текст...картинки... </font></center></td></tr></table></center>
....Ваш текст
<center><table border="0" height="0" id="table4" style="border: 4px dashed #0033CC; " cellpadding="5" cellspacing="2" width="800"><tr><td style="padding: 1px;"><center><font style="font-size:24px;"> ....Ваш текст </font></center></td></tr></table></center>
Код необходимо вводить в ПРОСТОМ редакторе поста. Слова "ВАШ ТЕКСТ" заменяйте на любой ваш текст и наслаждайтесь оригинальностью оформления поста.
<center><div style="border: 2px dashed #ff0000; padding: 10px;" width="800">Код необходимо вводить в ПРОСТОМ редакторе поста. Слова "ВАШ ТЕКСТ" заменяйте на любой ваш текст и наслаждайтесь оригинальностью оформления поста.</div></center>
В прозрачных рамочках цвет шрифта оставляю на ваше усмотрение. В помощь вам флеш-генератор цветовых кодов
Всем здоровья!!! Ваша
Arnusha
А вот еще одна рамочка,нашла в инет-е
текст
Код рамочки
<center> <div style="border: 4px dotted #ffffff; padding: 15px; width: 700px; border-radius: 60px; font-family: Monotype Corsiva; font-size: 24px; font-style: italic"> текст</div> </center>
вверх^
к полной версии
понравилось!
в evernote
Вы сейчас не можете прокомментировать это сообщение.
Дневник Рамочки без фона | BAGIRA-2012 - Дневник BAGIRA-2012 |
Лента друзей BAGIRA-2012
/
Полная версия
Добавить в друзья
Страницы:
раньше»