nina_59 (nina_59) wrote,
nina_59
nina_59

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

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

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

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

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

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

      Итак:

3537344__1_ (611x70, 4Kb)Р 

3537344_Snimok_2_ (663x267, 42Kb)

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

 

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

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

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

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

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

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

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

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

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

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

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

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

 

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

 

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

Оригинал записи и комментарии на LiveInternet.ru

Tags: мои рамки
Subscribe

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your IP address will be recorded 

  • 0 comments