Приветствую Вас Гость | RSS
Четверг
25.05.2017, 09:44
Мир грез
Главная ДЕЛАЕМ РАМОЧКУ САМИ... Регистрация Вход
Меню сайта

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Форма входа







Для создания рамочки нам понадобятся :
фоны , три картинки ( желательно png.- на прозрачной основе ), линеечка-разделитель и разумеется код-шаблон рамочки.
Для начала , хочу посоветовать ,
из предложенных ниже фонов и картинок ,
собрать рамочку-образец из этого урока.Так , Вы быстрее поймёте процесс создания таких рамочек.

Эта картинка служит украшением верхней части рамочки,
её оригинальная ширина-308 пик.
Думаю , Вы успели заметить , что в рамочке-образце она меньшего размера.Открою один маленький секрет , если Ваша картинка имеет большой размер и в рамочке смотрится не совсем красиво , а такой же но меньшего размера у Вас нет , то можно уменьшить ширину картинки прямо в коде-шаблоне рамочки , что я и сделала , изменила ширину изображения с 308 пик. на 208 пик.,результат Вы видели в начале поста.

ссылка на изображение



Фоновое изображение - в рамочке применяется как : фон №1, фон №3 и фон №5
( в коде-шаблоне всё отмечено ).

ссылка на фон



Фоновое изображение - в рамочке применяется как : фон №2 и фон №4
( в коде-шаблоне всё отмечено ).

ссылка на фон



Основной фон - фон текста ,
в коде-шаблоне идёт под №6.

ссылка на фон



Картинка внутри рамочки.

HTML: картинка в тексте

" />

Линеечка-разделитель.

HTML: картинка в тексте

" />

Картинка-украшение нижней части рамочки.
Ширина-292 пик.

ссылка на изображение



КОД-ШАБЛОН РАМОЧКИ.





КАРТИНКА В ТЕКСТЕ,РАДИКАЛ №6
~::ЗАГОЛОВОК ПОСТА::~
ЛИНЕЕЧКА-РАЗДЕЛИТЕЛЬ,РАДИКАЛ №6
~::ВАШ ТЕКСТ::~
ЛИНЕЕЧКА-РАЗДЕЛИТЕЛЬ,РАДИКАЛ №6
~::ВАША ПОДПИСЬ::~

" />

Наши дальнейшие действия :

Копируем код-шаблон рамочки из белого окошка.
Переносим скопированный код в текстовое поле новой записи Вашего блога (см.скриншот №1 ).
Отделяем верхнюю часть кода от нижней
( см.скриншот №1 и №2 ).
Заменяем мои слова на нужные ссылки
( см.скриншот №3 ).
После заполнения кода-шаблона-жмём на
" ПРЕДПРОСМОТР " и проверяем получившуюся рамочку.
Если всё устраивает , добавляем в блог.
ВНИМАНИЕ !
Расстояние между 1. и 2. частью кода-шаблона можно увеличивать или уменьшать , всё зависит от того , где Вы хотите разместить картинку , украшающую верх рамочки и от размера картинки-чем больше картинка , тем больше делайте расстояние между частями кода.

№1



№2



№3



Где узнать ширину изображения ?
( см.скриншот №4 " РАДИКАЛ-ФОТО " ).

№4



На скриншоте №5 - смотрим , что можно менять в коде-шаблоне рамочки.
№5



Помните !
Ваш успех в создании рамочки , зависит от внимательного прочтения текста урока и просмотра скриншотов !
Желаю всем удачи !!!
Поиск

Календарь
«  Май 2017  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031

Архив записей

Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • Copyright MyCorp © 2017
    Конструктор сайтов - uCoz
    В верх страницы

    В низ страницы