Как подать рыбку к праздничному столу 🎉

Как имитировать гранитную поверхность.

Дорогие читатели, если Вы хотите научиться имитировать гранитную поверхность, то советую Вам изучить этот материал.

Именно о таком эффекте имитации пойдет речь на этой страничке.

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

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

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

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

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

      Итак:

Р 

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

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, редактируйте в черновике, пока будет то, что вы хотите.

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

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