-Рубрики

 -Цитатник

ВЫКРОЙКИ ЖЕНСКОЙ ОДЕЖДЫ - (0)

1. 2. 3. 4. 5. 6. 7. 8. 9. ...

Шикарная подборка идей и схем-выкроек для Бохо! - (0)

Умение в одном образе комбинировать и сочетать детали различных стилей &mdash...

ШЛЯПКИ ДЛЯ КУКОЛ - (0)

1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12.

Шары почти кимекоми - (0)

АВТОР lematy В этом году сделала я целую вазу шаров, декорированных тканью. Вот таких.&n...

МАЛЕНЬКИЕ ЗВЕРУШКИ И КУКОЛКИ - (0)

1. 2. 3. 4. 5. 6. 7. 8. 1. 2. 3. 4. 5. 6. 7. 8. 1. 2. 3. 4. 5. 6. 7. 8. 1. 2. 3. 4. 5. 6. 7. 8. 1. 2...

 -Приложения

  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Онлайн-игра "Большая ферма" Онлайн-игра "Большая ферма"Дядя Джордж оставил тебе свою ферму, но, к сожалению, она не в очень хорошем состоянии. Но благодаря твоей деловой хватке и помощи соседей, друзей и родных ты в состоянии превратить захиревшее хозяйст
  • Перейти к приложению Онлайн-игра "Empire" Онлайн-игра "Empire"Преврати свой маленький замок в могущественную крепость и стань правителем величайшего королевства в игре Goodgame Empire. Строй свою собственную империю, расширяй ее и защищай от других игроков. Б

 -Фотоальбом

Посмотреть все фотографии серии ВНУЧКА
ВНУЧКА
01:54 18.11.2012
Фотографий: 6
Посмотреть все фотографии серии Общая
Общая
14:57 03.10.2012
Фотографий: 12
Посмотреть все фотографии серии СЕМЕЙНЫЕ ФОТО
СЕМЕЙНЫЕ ФОТО
03:00 01.01.1970
Фотографий: 0

 -Всегда под рукой

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

Поиск сообщений в GALA_CRISTALL

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

 

 -Сообщества

Участник сообществ (Всего в списке: 46) Креативные_идеи ПОИСК_ПРАВДЫ Денежный_Поток Народные_советы Рамки_для_днева _СвОиМи_РуКаМи_ про_искусство Простые_рисунки полезные_игрушки Наши_рецептики Дом_Кукол Аудиокниги мир_красивых_поделок_и_изделий Я-Женщина Рукоделочки _В_И_Н_Т_А_Ж_ Декупажный_Бум УспешнаяДомохозяйка Всё_для_блога Вяжем_спицами_и_крючком Обречены_на_Счастье Секреты_здоровья Неудержимые_ручки Школа_Пограничье ЛиРу Уголок_психолога Ceska-republika Decor_Rospis Gala-Feya_and_Photoshop Gallery_Decor_R СДЕЛАНО_С_ЛЮБОВЬЮ Мы_вместе_ _Поиск_Картинок_ Point-to-Point Как_заработать_в_сети master-klass Я_-_МАСТЕРИЦА ЯРМАРКА_РУКОДЕЛИЯ Моя_кулинарная_книга Арт_Калейдоскоп Школа_славянской_магии СОЗВУЧИЕ_СЕРДЕЦ Best_of_Callery Creative_Designs Только_для_женщин Questions_LiveInternet
Читатель сообществ (Всего в списке: 12) _ПрОсТо_ДлЯ_ВаС_ Ссылочки_малятам Цитаты-из-книг Куклы_и_Модели Школа_Иггдрасиль Обитель_Тьмы Photoshop_Tricks Photoshopinka Мир_видео_и_слайд_-_шоу Мир_клипарта О_Самом_Интересном Школа_славянской_магии

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 07.12.2011
Записей:
Комментариев:
Написано: 13073


Делаем рамочки

Среда, 25 Июня 2014 г. 22:01 + в цитатник
Пост из блога на mail.ru
Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!
 La_PerlaАвтор урока  La-Perla-Margarita
Научимся делать рамочки
с использованием альтернативных кодов


Преимущества альтернативных кодов:

1 - Возможность использовать вместо однотонных фонов (background) просто коды цвета (background-color)
А это значит, что имея красивый разноцветный фон, мы сможем, используя, например ресурс1 или ресурс2 подобрать набор гармонирующих с этим фоном цветов и просто вставить коды этих цветов в формулу. В этом случае не придется в фотошопе изготавливать образцы однотонных фонов, загружать эти образцы на , чтобы потом иметь их адреса.

2 - Каждый слой рамочки может иметь свою окантовку, цвет, ширину и стиль (сплошная линия, пунктир, точечки) которой можно задавать прямо в коде по своему вкусу.
В общем, возможности для творчества - огромные. Гораздо шире, чем в обычных кодах, в которых все мы раньше работали.

3 - Рамочки, написанные с использованием альтернативных кодов "меньше весят", а значит странички с этими рамками будут быстрее открываться.

4 - Возможно сочетание традиционных кодов и альтернативных в одной рамочке.
Например, возможно задать в альтернативном коде всего один слой, например, самый внутренний. Обычно он бывает однотонным.

Вот и решила я для себя изготовить такой шаблон - шпаргалку из типовой рамочки из рамочника, с использованием которого можно легко и просто вручную делать рамочки любой сложности в альтернативных кодах.
Возможно, они помогут и Вам.







ВАШ ТЕКСТ!


Сам код

1н <table cellpadding="0" cellspacing="0" border="0"><tr><td>
2н <font style="display:block;border:7px dashed #00cc33;background-image:url(//s11.radikal.ru/i184/0908/59/6b13726c4ba0.gif);padding:35px">
3н <font style="display:block;border:4px dotted #ffcccc;background-color:#000000; padding:22px">
4н <font style="display:block;border:10px groove #CC6600;background-color:#00cc33;padding:22px">
5н <font style="display:block;border:7px solid #ffff66;background-color:#92278f">
6н <table cellspacing="0" cellpadding="0" border="0"><tr><td align="center" width="200" height="100">
7н <font face="Georgia" color="#FFFFFF" style="font-size:16px"><i><b>

ВАШ ТЕКСТ!

7к </b></i></font>6к</td></tr></table> 5к </font> 4к </font> 3к </font> 2к </font> 1к </td></tr></table>


Пояснения:

Стиль окантовки задается параметрами:
dashed- пунктир
dotted - точечки
solid - сплошная окантовка
groove - фигурная выпуклая окантовочка.

background-color:хххххх - цвет слоя рамочки, задается шестизначным кодом
background-image:url(Адрес фона); задается слой рамочки с разноцветным фоном
padding:22px - ширина слоя рамочки в пикселях

атрибуты, задающие размер, цвет, и стиль шрифта текста внутри рамки.

Итак, с использованием этого шаблона, выбирая нужные строчки и задавая свои параметры и нанизывая их один на другой можно формировать любые рамочки в зависимости от своей фантазии.
Важно - не забывать о закрывающих тегах.
Если мы какой-то слой открыли, то обязательно должны его закрыть , написав в конце </font>
И еще - для удобства понимания кода атрибуты, описывающие каждый новый слой, я записавала с новой строки,
Вы же, написав код своей рамки, должны будете написать его сплошным массивом, убрав возврат каретки между строчками - слоями. Иначе рамочка вытянется по вертикали
(Это не касается внутреннего содержимого рамки)

Ну вот, пожалуй и все
Удачи в творчестве.
С уважением La_Perla (Маргарита).
Блог La_Perla

Рубрики:  ~*~ РАМОЧКИ ДЕЛАЕМ САМИ
~*~ Из блога на mail.ru
Метки:  

Процитировано 1 раз

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку