Выбрана рубрика ДЛЯ ЛИ. РУ..

Соседние рубрики: ЭТО ИНТЕРЕСНО(40), Шпаргалочки(5), УКРАШЕНИЯ, СМАЙЛИКИ(17), СХЕМЫ(20), СПАСИБОЧКИ(4), ПОЛЕЗНОЕ(46), На заметку(3), МАЛЕНЬКИЕ ГИФКИ(12), КНОПОЧКИ-ПЕРЕХОДЫ (18), Картинки с кодами(6), Иду на Вы(3), Алфавит(0)

Другие рубрики в этом дневнике: ЮМОРИМ(9), ФОТОШОП(426), ФОТОГРАФИИ(95), ФОТО(34), СТИХИ(134), ССЫЛКИ И МУЗЫКА(3), РУКОДЕЛИЕ(394), РОК - ОСТРОВА и В.ЗАХАРОВ(10), РАМОЧКИ(105), Программы для флеш/Adobe Flash(3), ПРОГРАММЫ(34), ПЛЕЙКАСТЫ(27), ПЛЕЕРЫ(25), МУЗЫКА(39), МОИ КОЛЛАЖИ(13), КУЛИНАРИЯ(346), КОПИЛОЧКА(8), КОМПЬЮТЕР(15), КЛИПАРТ(518), ИНФОРМЕРЫ(7), ИЗОБРАЖЕНИЯ(2), ЗДОРОВЬЕ - КРАСОТА(51), ДНЕВНИК(225), для души(10), Для дома(3), ГЕНЕРАТОРЫ(53), Все для ФШ(81), ВИДЕО(2), АНИМАЦИЯ(130), Flash(31), АВАТАРКИ ДЛЯ ДНЕВНИКОВ(20)

Комментарии (0)

ОБЕЩАННЫЙ УРОК ПО РАМКЕ.

Суббота, 26 Ноября 2016 г. 09:23 + в цитатник
Это цитата сообщения Н_НИНА [Прочитать целиком + В свой цитатник или сообщество!]

Обещанный урок по рамке.

Дорогие друзья, как я обещала пишу урок по составлению формулы рамочек, не фотошопных разрезных, а рамочек по формулам.

Много просмотрела в инете материала и нашла кое-что

А) Формулы состоят из слоёв.

Б) Нашла как их правильно соединять в формулу.

В) Пока делала сама и вам расскажу о формуле с начальным тегом <div> и закрывающим тегом </div >

Итак:

3537344__1_ (611x70, 4Kb) Р

3537344_Snimok_2_ (663x267, 42Kb)

Рабочие формулы в окошке

1.слой - <div style="background: url(<a data-cke-saved-href="http://" href="http://" target="_blank">http://</a>....); border-style: ridge; color:#8B1A1A;padding:8px;">, 2. слой с текстом<div style="text-align: center; font: 20px Arial;font-style: italic; color: #000000; padding:2px;">ВАШ <br>ТЕКСТ<br>КАРТИНКА<br></div> , 3.- код вставки картинки - <img data-cke-saved-src="АДРЕС КАРТИНКИ" src="АДРЕС КАРТИНКИ" width="ШИРИНА" height="ВЫСОТА">

А ТЕПЕРЬ НАЧИНАЕМ ТВОРИТЬ.

Например, сделаем рамочку из 3-х слоев с картинкой и текстом Первые два слоя будут бордюры, третий слой – фон под картинку и текст.

Шаг %1. Копируем слой рамки и вставляем к редактор 3 раза (так мы эту рамку делаем), вставлять слой за слоев впритык, не с новой строки каждый сдой,

Шаг №2 Туда же добавляем слой для картинки и текста. Здесь такие тонкости:

а) удаляем слова «ваш текст» и пишем формулу <center><pre></pre></center> и между preвставляем стих, если это просто текст, то preне нужен. Если текста на фоне не будет видно, вам надо поменять цвет (color), вставляем новый цвет во всех слоях, я не знаю почему во всех, но только тогда срабатывает

б) стираем слово «картинка» и вставляем формулу для вставки изображения

А теперь надо в конце написать закрывающий тег столько раз, сколько слоёв, если вы забыли сколько их, посмотрите сколько начальных тегов столько же написать в конце всей формулы.

Заполняем формулу:

В слоях вставляем фоны (между ковычками, ковычски не удалять, я беру ссылку на картинку так: правой на картинку и там «копировать адрес изображения» не ссылку, а адрес

Если у на 3 слоя до картинки, то третий слой будет под картинку и текст

Вставляем картинку и текст.

Теперь делаем ширину бордюров, padding нужно изменять от 15 до 50, редактируйте в черновике, пока будет то, что вы хотите.

Следующий пост будет на более сложную рамочку.

БУДЕТ ТАКАЯ РАМКА

Рубрики:

LiveInternetLiveInternet

-Рубрики

-Музыка

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

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

-Интересы

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

-Сообщества

-Статистика