-Всегда под рукой

 -

Быстрый переход по страницам блога оля-леля:

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Программа телепередачУдобная программа телепередач на неделю, предоставленная Akado телегид.
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Стена СтенаСтена: мини-гостевая книга, позволяет посетителям Вашего дневника оставлять Вам сообщения. Для того, чтобы сообщения появились у Вас в профиле необходимо зайти на свою стену и нажать кнопку "Обновить
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее

 -Фотоальбом

Посмотреть все фотографии серии Общая
Общая
19:53 13.11.2009
Фотографий: 1

 -Кнопки рейтинга «Яндекс.блоги»

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

Поиск сообщений в я-оля-леля

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

 

 -Сообщества


Урок 1. Делаем простую рамочку из 2-х слоев.

Понедельник, 21 Марта 2011 г. 21:14 + в цитатник
Цитата сообщения nataliya_bezushko Урок 1. Делаем простую рамочку из 2-х слоев.


Делаем простую рамочку.

У меня созрела идея написать урок как научится делать рамки может кому то будет интересно, начнём с простой рамки и потом перейдём к рамкам по сложнее.
Сделаем простую рамочку из 2-х слоев (фонов)
Вот такую.

ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ.
Nataliya Bezushko


Код рамочки


Значения в кавычках можно менять.
Например, размер букв font size="5". Если цифру 5 изменить на большую, то и буквы в тексте станут больше, если поставить цифру меньше, то и размер букв станет меньше. Цвет букв color="#ffffff". Если вместо ffffff (так обозначается белый цвет), поставить 000000 (так обозначается черный цвет), то и буквы станут черного цвета. Шрифт написания букв face="Monotype Corsiva". Если вместо названия шрифта Monotype Corsiva написать Arial, то написание букв изменится.
Теги center - картинка или текст распологаются по центру, block - отступ от края рамки.

НАЧИНАЕМ ДЕЛАТЬ РАМКУ.

Возьмите код-шаблон из окошка в верху где написано код рамки.
Теперь открываем Радикал
Загружаем картинку фона, копируем 1 строчку (ссылка), вставляем сразу после моих слов СЛОЙ ТОНКИЙ РАДИКА№1 в коде. Так же поступаем и со вторым фоном. Будьте внимательны, когда потом начнете стирать мои слова СЛОЙ ТОНКИЙ РАДИКА№1, не заденьте кавычки.
Поэкспериментируйте попеременно с цифрами в cellpadding="2" cellspacing="1", table border="1". Поставьте цифру намного больше чем в коде, чтобы сразу увидеть на что они влияют.
Можете изменить цвет, размер, шрифт текста.
Где вставить ссылку на свой блог, написать текст и куда вставлять картинку, думаю понятно. Картинка, в данном случае, РАДИКА№6 Картинку можно поставить и под текстом, если захочется. Поменяйте ее местами с текстом и всё.

Хочется подчеркнуть, что вставлять свои адреса и цифры необходимо аккуратно, от кавычки до кавычки, НЕ ОСТАВЛЯЯ ПРОБЕЛОВ.


Пробуйте, у Вас получится!
ЖЕЛАЮ УДАЧИ!

 (20x16, 0Kb)Nataliya_Bezyshko



Серия сообщений "МОИ УРОКИ":

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
Часть 3 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 17 - Урок. Картинка в середине Текста
Часть 18 - Шпаргалка для оформления постов.
Часть 19 - Урок. Ваш компьютер не читает программы на русском языке? Как это исправить?


Серия сообщений "рамки для текста":
Часть 1 - рамки
Часть 2 - рамки
...
Часть 15 - рамки для текста от Галерея Дефне
Часть 16 - Рамочка в Gimp2
Часть 17 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 18 - Обновление сервиса рамок. Как пользоваться галереей фонов
Часть 19 - Рамки для видео №4
...
Часть 21 - Без заголовка
Часть 22 - WLINA"О грибах"
Часть 23 - Работа с рамками...

Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку