Рамки для поздравительных открыток. Создаем, устанавливаем, любуемся результатом.

sozdanie_virusnoj_otkrytki_1Здравствуйте, дорогие Друзья! Добро пожаловать на страницы блога EkaterinaGabzevich.Ru!

Наверняка, Вы часто встречаете поздравительные вирусные открытки … Ведь последнее время этим чудом сложно кого-то удивить.

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

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

Для создания рамки на основании одного из кодов, для начала Вам потребуется подготовить несколько картинок и сохранить их под заданными названиями в папку «img» (т.е. заранее подготовленную для картинок).

Надеюсь, Вы помните, что это за папка. Если же нет, то ЗДЕСЬ  Вас ждет подробная информация на эту тему.

При создании вирусных открыток я использую программу NVU. Она бесплатная и очень простая в работе.

Чтобы выполнять мои дальнейшие рекомендации, Вам, разумеется,  потребуется эта программа, если, конечно, у Вас её еще нет. Скачать установочный файл программы можно ЗДЕСЬ.

Процесс установки на сей раз я описывать не буду, поскольку в нем нет ничего сложного. Активации программа не требует.

Предположим, программу Вы скачали и установили. Давайте перейдем к процессу формирования кода рамки. Я дам Вам несколько кодов для разных рамок.

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

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

Каждая картинка, занимающая свой слой рамки, считается фоновым изображением и имеет свое название.

Следует выделить следующие виды фонов: блестящий фон (blestychii_fon), верхний блестящий фон (verhnij_blestychii_fon), нижний блестящий фон (niznij_blestychii_fon), основной фон(osnovnoj_fon), средний фон( srednij_fon), цветной фон(cvetnoj_fon).

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

Итак, возьмем для подробного рассмотрения готовый код рамки в два слоя:

<center style=»font-family: Monotype Corsiva;»>
<table background=»АДРЕС НИЖНЕГО БЛЕСТЯЩЕГО ФОНА» border=»0″ cellpadding=»15″ cellspacing=»0″ width=»800″>
<tbody>
<tr>
<td>
<table background=»АДРЕС ОСНОВНОГО ФОНА» border=»0″ cellpadding=»0″ cellspacing=»0″ width=»100%»>
<tbody>
<tr>
<td style=»text-align: center;»>
<font color=»#551db3″ size=»4″>ВАШ ТЕКСТ</font>
</td></tr></tbody></table></td></tr></tbody></table></center>

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

font-family - это тип шрифта.
width - это ширина листа. Практика показала, что 800 пикселей, как в представленном примере, это наиболее удобная для восприятия глазом ширина.
font color - это основной цвет текста, который Вы будете использовать для своей вирусной открытки.

В рассматриваемом примере цвет текста #551db3. Разумеется, Вы захотите задать цвет для текста своей открытки в соответствии с Вашей цветовой гаммой. Отличная подборка кодов цветов есть ЗДЕСЬ (Вам нужен код для HTML).

size - это размер шрифта. Вот здесь Вы, наверное уже подумали: «4? А почему такой маленький?».

Дело в том, что при задании такой настройки в коде это средний размер шрифта. В общем размер колеблется от 1 до 7. Соответственно, 1 — самый маленький шрифт, 7 — самый большой.

Теперь, что касается фоновых изображений. Я не случайно не просто перечислила Вам названия изображений, но и в скобках дала название латиницей. Именно таким образом Вам необходимо назвать Ваши изображения.

Получается, что в представленном варианте Вам потребуются нижний блестящий фон (niznij_blestychii_fon) и основной фон(osnovnoj_fon). Дайте своим изображениям при сохранении соответствующие названия.

Изображения для нижнего блестящего фона Вы можете взять ЗДЕСЬ, а для основного фона ЗДЕСЬ. Как правильно сохранять изображения к себе на компьютер (в папку «img») я уже рассматривала в одной из предыдущих статей.

Сохраняя изображения к себе на компьютер, сразу обратите внимание на их тип.

sozdanie_virusnoj_otkrytki_2

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

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

Как я уже обмолвилась просто скопировать и вставить код для получения готовой рамки Вам недостаточно. В этом случае вместо фонов в слоях рамки у Вас будет пустое пространство.

Поэтому после того, как Вы выберите и сохраните себе необходимые изображения, Вам и нужно в данном коде прописать пути к картинкам с правильными их названиями и указанием их типа. Вот так они будут правильно выглядеть:

<table background=»img/niznij_blestychii_fon.ТИП ШРИФТА» border=»0″ cellpadding=»15″ cellspacing=»0″ width=»800″> <tbody> <tr>
<td>
<table background=»img/osnovnoj_fon.ТИП ШРИФТА» border=»0″ cellpadding=»0″ cellspacing=»0″ width=»100%»>

Таким образом Вы укажите папку (img), в которой находятся Ваши фоновые изображения для слоев рамки. И, разумеется, укажите не просто название картинок, а и их тип.

Теперь откройте двойным щелчком программу NVU.  Приступим непосредственно к созданию Вашей вирусной открытки. Назначение открытки выберем Для друга.

Пришло время установить подготовленный код рамки. Вот только давайте сначала сохраним пустой html документ, как шаблон для Вашей будущей открытки.

После открытия программы в верхнем меню нажмите кнопку Сохранить

sozdanie_virusnoj_otkrytki_5

Пока что название своей странице дайте index, в дальнейшем мы с Вами её переименуем. Соответственно, для сохранения нажмите кнопку ОК.

sozdanie_virusnoj_otkrytki_6

Наверное, у Вас уже возник вопрос, куда сохранять. Когда я описывала Вам процесс подготовки к созданию вирусной открытки, то подробно рассказывала о создании папки для Вашей открытки, напоминаю, статья об этом находится ЗДЕСЬ.

Именно в эту рабочую папку Вам и нужно сохранить файл index. В рассматриваемом примере папка с названием drugu и содержащая в себе дополнительную папку img, в которую я уже сохранила изображения для рамки, находится на рабочем столе.

sozdanie_virusnoj_otkrytki_7

Вообще… Вы сейчас создали свою первую открытку, правда она еще совсем пустая. Перейдем  к её наполнению.

Откройте вкладку Код

sozdanie_virusnoj_otkrytki_3Вставьте готовый код рамки вместо тега <br>. Код простой рамки в два слоя находится вверху статьи, копируйте его для вставки. Только вот вставлять, конечно же, нужно с Вашими данными.

sozdanie_virusnoj_otkrytki_4

С учетом всех внесенных изменений, в рассматриваемом примере вставка кода выглядит следующим образом:

sozdanie_virusnoj_otkrytki_8

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

sozdanie_virusnoj_otkrytki_9

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

Для изменения типа шрифта Вам достаточно в представленном коде рамки заменить тип шрифта Monotype Corsiva на нужный Вам, выбрав его из списка и записав, НО…

Друзья, хочу поделиться с Вами очень важным своим наблюдением. На разных компьютерах стоят разные шрифты. Одинаковых шрифтов, которые читались бы на каждом компьютере единицы (Arial, Times New Roman, Tahoma, Verdana, Monotype Corsiva  и еще некоторые).

Шрифт Monotype Corsiva - один из немногих рукописных красивых шрифтов, который читается практически всегда и везде, потому использовать его для оформления текста своих музыкальных открыток Вы можете смело (кстати, и в коде менять ничего не придется).

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

Коды для формирования рамок: в два слоя, в три слоя, в четыре слоя.

Если же представленная информация оказалась для Вас сложной и у Вас не получается, к сожалению, создавать свои рамки, Вы можете взять готовые коды рамок ЗДЕСЬ.

Только хочу дать Вам маленький совет: копируя код готовой рамки обязательно проверяйте, чтобы вначале кода рамки стоял тег <center>, а в конце кода рамки стоял код </center>. Иначе при вставке рамки в Вашу вирусную открытку она будет стоять криво, а не по центру.

На сегодня у меня для Вас все, до скорой встречи.

16 комментариев на “Рамки для поздравительных открыток. Создаем, устанавливаем, любуемся результатом.”

  • Здравствуйте, Екатерина!
    Какую ценную и подробную информацию я получила сейчас.
    Честно говоря, я встречала такое предложение только за определённую плату.
    Вы отдаёте своим читателям очень много полезного.
    Благодарю Вас, Екатерина.
    Желаю вам успехов, счастья и изобилия. :thank:

    • Здравствуйте, Елена! Я очень рада, что представленная информация Вам понравилась и оказалась полезной. Заходите в гости почаще. Копилочка полезностей на моей блоге будет пополняться в очень больших объемах и брать денег я за это не собираюсь.
      Слишком много тех, кто всю эту информацию продает. Однако я на своем опыте прошлых лет прекрасно понимаю, что далеко не всегда есть деньги на приобретение того или иного курса. А, если, к сожалению, после покупки курс еще и не оправдывает ожиданий ( а ведь бывает и такое), тогда совсем обидно. Я же со своей стороны стараюсь выкладывать информацию, как на ладони, а, если остаются вопросы, их всегда можно оставить в комментариях.

  • Приветствую Вас, Екатерина!
    Очень приятно познакомиться с Вами и Вашим блогом!
    Мало того, что у Вас прекрасная копилочка полезностей, так еще и преподносите Вы их оригинально, точнее, именно с Вашей индивидуальностью 8-)
    Хотя бы эти рамочки. Уж столько способов предлагается в интернете, а у Вас так четко, ясно, выверенно!
    Спасибо за Ваши идеи! :give_rose:

    • Здравствуйте, Валентина! Да, в интернете, действительно, много информации на данную тему. Видела даже, что такую информацию продают, хотя её полно и в открытых источниках. Однако «инструкции в картинках» еще нигде не встречала, вот и решила сделать.

      Благодарю Вас за высокую оценку моего труда и добро пожаловать!

  • спасибо большое за ваш блог.Все доступно и по делу. :smile:

  • Любовь:

    Катя, ОГРОМНОЕ Вам спасибо !
    Я случайно вышла на Ваш блог, но он оказался для меня КЛАДОМ.
    Я только учусь создавать музыкальные открытки и нигде не могла узнать как находить и применять такие рамки.
    От всей души благодарю Вас!

  • наталья:

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

  • Просто сражена наповал вашими знаниями! :thank: Столько бесплатной и полезной информации, как на вашем блоге , иногда не получишь даже в платных курсах… Зашла по вашим ссылкам, такое изобилие, просто прелесть! Сразу думала, что вы чужие сайты предлагаете с фонами и т.д. А это всё вы, какая молодец, просто восхищаюсь!!! Вы где-то учились этому или самоучка? Огромнейшее спасибо Вам! Радуйте нас новыми уроками! Счастья, Здоровья и большой Любви вам!!! :thank:

    • Вы знаете, Галина, я самоучка :give_rose: . Знаю на своем опыте, что курсы очень дорогие, и, к сожалению, в них не всегда есть, что ожидаешь… Вот и решила на страницах своего блога делиться своими знаниями. Жаль только сутки не резиновые ;-) , знаний — тонна, а времени поделиться всеми пока не хватает. Но ничего — буду стараться…

  • Спасибо большое, информации полезной просто невероятно много. Очень много того, что вы предлагаете людям просто так-продают и не за малые деньги. Причем без всяких полезных ссылочек. Говорю это лишь со своего опыта, так как сама разбираюсь в этой теме. Инфу я нигде не покупаю, но предложений о покупке получаю великое множество.

  • Здравствуйте Екатерина!Спасибо Вам за Ваш блог!Если найдете время посмотрите мой сайт.Надеюсь на полезный совет в оформлении открыток. :???: Вы большая умница! :d_daisy:

    • Здравствуйте, Ирина! добро пожаловать… Не люблю давать советы, процесс создания открыток дело творческое, скажу только одно… я предпочитаю качество, а не количество, :give_rose: , открытки у Вас красивые, но я бы доработала…

Оставить комментарий

This blog is kept spam free by WP-SpamFree.