Этот урок как делать окошко для кодов.
Очень полезная штука и удобная.Можно быстро скопировать код
и занимает мало места.Очень хорошо подходит для рамочек.
Если у вас получилась красивая рамка и хочется поделиться с другими её кодом.
Выглядеть окошко без кода будет так.
А теперь сам код,чтобы делать такое окошко
Копируем и вставляем к себе в блог.
...rows="2"...-это Высота окошка его можно менять по желанию.
...cols="15"...-это Ширина окошка так же можно менять под нужный вам размер.
Где написано ...ВАШ КОД... туда и вставляете свой код.
А можно сделать окошко с цветом.Смотрится очень красиво.
Цвет в окошке можно менять.Найдите в коде слова
...background-color:red;...
red-Это название цвета.
Можно менять на любой другой цвет какой вам нравится.
И сразу за ним ...color:black;...- меняем цвет текста.
black-Это цвет шрифта.
Тоже меняйте на своё усмотрение.
КОД ОКОШКА С ЦВЕТОМ
Пробуйте.Всем удачи! Милолика Покровская
Многие хотят сделать интересный,желательно анимированный баннер. Но не у всех есть нужные программы для создания эффектов на фото. Тогда на помощь придут редакторы-онлайн.На таких сайтах можно сделать пусть не шикарные,но более-менее симпатичные баннеры. Таких редакторов много. Я попробую сделать баннер и показать вам,что может получиться.
СОЗДАЕМ КАРТИНКУ ДЛЯ БАННЕРА
Выбираем нужную картинку.На мой взгляд фото большое для баннера.Буду уменьшать. Идем вот на этот сайт http://www.freeonlinephotoeditor.com/index.php Нажимаем ОБЗОР,выбираем фото и жмем Upload.Когда фотография загрузится,жмем на панели на Resize.Передвигая ползунок,уменьшаем изображение до нужного размера.Жмем внизу на Resize.Вот что получилось Теперь надо вырезать только часть фото.Жмем на панели на Crop.Теперь наводим курсор на нужную точку на фото(туда,откуда будем выделять нужный участок изображения),зажимаем левую кнопку мышки,выделяем то,что нам надо вырезать и жмем внизу на Apply.Теперь надо сохранить.Кликаем на изображение правой кнопкой мышки -СОХРАНИТЬ РИСУНОК КАК...Вот что осталось. Хотелось бы,чтобы на баннере было написано-"Блог Татьяны".Идем вот сюда http://pixlr.com/editor/. Как сделать надпись на изображении смотрим здесь http://blogs.mail.ru/mail/tiotia-tania/7B70D5382394BD71.html Вот что получилось. А если Вы захотите сделать блестящюю надпись,то смотрите здесь http://blogs.mail.ru/mail/tiotia-tania/6F498105EA1C44C1.html Получится типа вот этого Еще хотелось бы "оживить" как-нибудь баннерочек.Смотрим урок здесь http://blogs.mail.ru/mail/tiotia-tania/AEE4CF1D374743A.html Вот что может получиться.Не нравится.Буду добавлять другой эффект. Жмем, после загрузки фото, на Effects,затем на Add Animated Mask.Спускаемся чуть пониже по странице и кликаем на нужный эффект.Смотрим что получается.Вот примеры.
Мне больше всего понравился вот такой баннер.
СОБИРАЕМ БАННЕР
Идем на этот сайт-Радикал http://www.radikal.ru/ . Загружаем свою картинку и копируем 1 строку.Смотрим и запоминаем ширину и высоту фото
Переходим на сайт,где можно без проблем собрать баннер. Вот сюда http://reginochka-design.narod.ru/delaembanner.html Вставляем код из 1 строки Радикала в графу № 2.В графу №1 вставляем адрес своего блога.Берем его на первой странице блога,в сааамом верху. В графу №3 пишем слова,которые будут появляться при наведении курсора на баннер. В графу №4 записываем ширину картинки,в графу №5 высоту. Нажимаем на ПОЛУЧИТЬ КОД(№6),а в окошке №7 копируем код баннера.
И вот баннер уже готов!
Чтобы его можно было взять другим пользователям,надо вставить код баннера в специальное окошечко.
Из окошка ниже скопируйте код окошечка для кода.Вместо слов КОД БАННЕРА,вставьте код своего баннера,а само окошечко выставьте под баннером.
Еще один урок по созданию баннера здесь http://blogs.mail.ru/mail/tiotia-tania/5E71E0C2CB479E37.html
Все мы, забирая в свой блог чужой пост,ставим ссылки
на блог автора или источник или на сайт, откуда взят
материал. Но просто ссылка-это скучно.Я решила вас
немного повеселить и сделала немного кнопочек-переходов
со смешными гифками. Пользоваться ими очень просто.
Берете код из окошечка под нужной вам кнопкой,
переносите к себе в блог, и вместо слов АДРЕС ССЫЛКИ
ставите ссылку на тот сайт или блог, откуда взят ваш
материал. Интересных вам постов! И улыбнитесь!