-Цитатник

Инструкция: Где купить лекарство дешевле - (0)

Инструкция: Где купить лекарство дешевле О том, что во всех аптеках на лекарства существуют на...

Бонсай из проволоки - (0)

Дерево из проволоки Удивительная красота поделок, созданных своими руками, американским ...

 -Метки

ёлочки ёлочные игрушки бабочки бантики бижутерия бирки бирочки бисер бисероплетение блюда в горшочках бокалы бонсай браслеты брошь букет из брошей букет из ткани букет невесты букеты из конфет вдохновение веночки воротнички выкройки выпечка вышивка вышивка лентами вязание декор декупаж жгуты журнал закуски игрушки идеи идеи для интерьера идеи для творчества из лент и бусин из мешковины интерьер кабошоны канзаши каркас для букета кексы книги коробочки крем крем для торта куклы кулинария кулоны лепка лепка цветов мастер класс молды мясные блюда мясо новый год объемная вышивка одежда для куклы ожерелье папье - маше пасха паучки из бисера пирожки жареные подставка подушечки для колец полезные советы полимерная глина пончики постельное белье роза роспись рукоделие салаты сахарная мастика свадьба свит-дизайн своими руками соленое тесто сочетание цветов сутаж схемы тесто торты трафареты украшения упаковка подарка фоамиран фуксия холодный фарфор художники цветоделие цветы цветы из лент цветы из ткани цветы из фоамирана шаблоны шитьё шитье шторы эпоксидная смола

 -Рубрики

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

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

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

 


Научимся делать рамочки с использованием альтернативных кодов

Суббота, 17 Апреля 2010 г. 23:43 + в цитатник
                        La_PerlaАвтор урока  La_Perla
Научимся делать рамочки
с использованием альтернативных кодов


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

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
 


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

Анюта_оленник   обратиться по имени Воскресенье, 18 Апреля 2010 г. 01:26 (ссылка)
Ответить С цитатой В цитатник
НАТАЛИЯ_КОНОВАЛЕНКО   обратиться по имени Воскресенье, 18 Апреля 2010 г. 12:12 (ссылка)
СПАСИБО.
Ответить С цитатой В цитатник
Valida53   обратиться по имени Воскресенье, 18 Апреля 2010 г. 16:55 (ссылка)
Это что-то новенькое))) Спасибо,берём на вооружение)))
Ответить С цитатой В цитатник
Перейти к дневнику
Бахыт_АБМ   обратиться по имени Понедельник, 19 Апреля 2010 г. 20:20 (ссылка)
СПАСИБО!!!
Ответить С цитатой В цитатник
Перейти к дневнику
lyudmilakedinova   обратиться по имени Понедельник, 19 Апреля 2010 г. 22:50 (ссылка)
спасибо
Ответить С цитатой В цитатник
Перейти к дневнику
gloria17   обратиться по имени Пятница, 21 Января 2011 г. 13:36 (ссылка)
СПАСИБО!!!
 (600x292, 497Kb)
Ответить С цитатой В цитатник
gloria17   обратиться по имени Пятница, 21 Января 2011 г. 13:47 (ссылка)
СПАСИБО!!!
65765178_023346478 (600x292, 497 Kb)
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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