Учимся рисовать рамочки

Пятница, 14 Мая 2010 г. 15:34 + в цитатник

Цитата сообщения -Moss-Arina-

Прочитать целиком В свой цитатник или сообщество!

Учимся рисовать рамочки

Много уроков есть на тему содания рамочек , но всё же захотелось написать ещё один .
Надеюсь многим он пригодится для творчества в своих дневничках . Удачи Вам друзья !
И так приступим ....

Сразу пищу переменные для того чтоб было понятно за что они отвечают .
Переменные:
border:3px #ff0000 толщина рамки в пикселях и её цвет
background-color: #ffff00 цвет фона рамки
dashed -пунктир
solid- непрерывная
margin отступ от текста снаружи (если рамка находится внутри текста)
padding -отступ текста от рамки внутри

1.

Ваш текст

текст в рамке с цветным фоном

Ваш текст

Текст можно расположить в любой части рамки
Пользуясь таблицами цветов можно менять переменные цвета рамки
например #000000 заменить на #33CC66
толщину бордюра тоже можно менять например с 3px на 10px
(от 0 до 10 ) Но при переменной" 0 "рамка не видна .
Надеюсь что всё понятно , удачи !
Возникнут вопросы задавайте .

ссылка на таблицу цветов http://www.artlebedev.ru/tools/colors/ (их в интернете очень большое количество )

Рубрики:

~полезности~
~рамочки~

Метки: рамочки

<a href="https://www.liveinternet.ru/users/rosakler/post126422150/">РЈС‡РёРјСЃСЏ СЂРёСЃРѕРІР°С‚СЊ СЂР°РјРѕС‡РєРё</a><br/>РЈС‡РёРјСЃСЏ СЂРёСЃРѕРІР°С‚СЊ СЂР°РјРѕС‡РєРё

РњРЅРѕРіРѕ СѓСЂРѕРєРѕРІ РµСЃС‚СЊ РЅР°  С‚РµРјСѓ СЃРѕРґР°РЅРёСЏ СЂР°РјРѕС‡РµРє , РЅРѕ РІСЃС‘ Р¶Рµ Р·Р°С…РѕС‚РµР»РѕСЃСЊ  РЅР°РїРёСЃР°С‚СЊ РµС‰С‘ РѕРґРёРЅ .
 РќР°РґРµСЋСЃСЊ РјРЅРѕРіРёРј РѕРЅ РїСЂРёРіРѕРґРёС‚СЃСЏ  РґР»СЏ С‚РІРѕСЂС‡РµСЃС‚РІР° РІ СЃРІРѕРёС… РґРЅРµРІРЅРёС‡РєР°С… . РЈРґР°С‡Рё Р’Р°Рј РґСЂСѓР·СЊСЏ ! 
 Р  С‚Р°Рє  РїСЂРёСЃС‚СѓРїРёРј ....
 
 РЎСЂР°Р·Сѓ РїРёС‰Сѓ РїРµСЂРµРјРµРЅРЅС‹Рµ  РґР»СЏ С‚РѕРіРѕ С‡С‚РѕР± Р±С‹Р»Рѕ РїРѕРЅСЏС‚РЅРѕ  Р·Р° С‡С‚Рѕ РѕРЅРё РѕС‚РІРµС‡Р°СЋС‚ .
 РџРµСЂРµРјРµРЅРЅС‹Рµ:
  border:3px #ff0000 С‚РѕР»С‰РёРЅР° СЂР°РјРєРё РІ РїРёРєСЃРµР»СЏС… Рё РµС‘ С†РІРµС‚
  background-color: #ffff00 С†РІРµС‚ С„РѕРЅР° СЂР°РјРєРё
  dashed -РїСѓРЅРєС‚РёСЂ
  solid- РЅРµРїСЂРµСЂС‹РІРЅР°СЏ
 margin РѕС‚СЃС‚СѓРї РѕС‚ С‚РµРєСЃС‚Р° СЃРЅР°СЂСѓР¶Рё (РµСЃР»Рё СЂР°РјРєР° РЅР°С…РѕРґРёС‚СЃСЏ РІРЅСѓС‚СЂРё С‚РµРєСЃС‚Р°)
  padding -РѕС‚СЃС‚СѓРї С‚РµРєСЃС‚Р° РѕС‚ СЂР°РјРєРё РІРЅСѓС‚СЂРё
  
 1. Р’Р°С€ С‚РµРєСЃС‚ 
 ... <a href="https://www.liveinternet.ru/users/rosakler/post126422150/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Метки

-Рубрики

-Музыка

-Поиск по дневнику

-Подписка по e-mail

-Интересы

-Постоянные читатели

-Сообщества

-Статистика

Учимся рисовать рамочки