Создание простой рамки с изображением |
Сегодня будем учиться создавать простую рамочку с изображением внутри. Берем как пример одну из пасхальных рамочек:
|
Вот скрин кода этой рамочки:
Зеленым подчеркнут код картинки для внешней рамочки (в нашем случае это сине-бежево-фиолетовое точечное)
Синим подчеркнут код картинки, которая находится внутри рамочки (в нашем случае это нежно-лиловый шелковый фон)
Красным подчеркнут код картинки с зайцем, его положение в рамочке (справа или слева), его размеры (width - ширина, height - высота), которые надо менять и в скобочках тоже.
Оранжевым подчеркнута ссылка на мой дневник и то написание, которое будет отображаться во внешней рамочке. Это надо заменить на свои данные.
А вот и код этой же рамочки, который вы можете себе скопировать и использовать как шаблон:
1 Шаг - Для создания своей рамочки необходимо подобрать фоны и картинку для рамочки (она не должна быть очень большой - таких параметров как у меня вполне достаточно)
2 Шаг - Необходимо загрузить поочередно выбранную графику на какой-нибудь хостинг картинок (я обычно использую Радикал)
3 Шаг - необходимо скопировать поочередно ПЕРВУЮ ссылку и заменить ее в моем примере
Собственно и все!
Удачи Вам и творческих успехов. если будут вопросы - задавайте )
--------------------------------
Оdessa apartments - аренда комфортабельных квартир в Одессе без посредников
Метки: рамка |
Картинку в рамку |
Метки: рамка картинка |
Рамка без редактора |
Метки: рамка |
Генераторы |
Метки: генераторы |
Полезные ссылки |
Метки: ссылки |
Сделать рамки самому |
|
Генераторы изображения фото |
Три генератора документов, газет и денег
Wanted Poster Generator
Romance Novel Cover Generator
Neon Sign Generator
Генератор текста в ASCII
Ваша звезда на Голливудском бульваре
Генератор подписи в gmail.com
Генераторы граффити и вывесок
Logo Design, Button Design, большой выбор шрифтов
80x15 Brilliant Button Maker
www.loonapix.comnew - загружаем фотографию, выбираем эффект и получаем забавную картинку. При желании можно и обрамить.
www.ru.photofunia.comnew - аналогичный русскоязычный сайт. К сожалению, не все эффекты доступны. Запаситесь терпением, пока ваша картинка будет обрабатываться...
www.dumpr.net/museumr.phpnew - создаем из фото музейный экспонат.
www.signgeneratormaker.comnew
www.customsigngenerator.com/new
www.fototrix.comnew - Большие коллекции генераторов изображений. Забудьте о времени, радуйтесь сами и радуйте друзей!
Онлайн Фото Редактор - обработка фото.
Генераторы текстов
Нонсенский генератор стихотворной продукции
Генератор объяснительных записок
Генератор объяснительных записок №2
Генератор любовных посланий
Генераторы смайликов
Генератор смайликов (с собственным текстом). Не поддерживает кириллицу, вредничает с правой клавишей в IE, но справиться можно.
А этот поддерживает.
www.smiles.33b.runew - простой и наглядный генератор . Можно выбрать форму, цвет, "глаза" и "рот".
Генератор табличекnew - генератор смайликов с табличками.
Чтобы жизнь медом не казалась - на закуску Генератор надгробий
Разное
Генератор лиц. Смешно.
Генератор уродцев.
Настоящий фоторобот!
Генератор ошибок Windows, можно сделать не только ошибку))
Метки: генераторы |
Рамки для фото в фотошопе |
В последнее время многие стали спрашивать где взять рамочки для фото. Для тех кто хоть чуть чуть умеет обращаться с Photoshop, а так же для тех кто совсем не умеет,я и решила создать эту темку. Для начала- для тех кто совсем не умеет работать в ФШ, несколько примеров мною созданных рамок для фото и способ вставить в них фотографию вашего чада
А теперь для тех кто совсем не умеет работать в ФШ - о том как вставить в рамочку фото.
Шаг первый.
Открываем Фотошоп. Через панель инструментов "файл"-"открыть" Загружаем картинку с рамочкой. В панели "слои" создаем дублирующий слой, (это очень легко делается перетаскиванием слоя на иконку)
Метки: рамки |
Анимированные рамки |
Представляю Вашему вниманию генератор анимированных рамочек для ваших фотографий! Очень красиве Рамочки на любой вкус! Не требует скачивания! Обязательное условие-регистрация! Доставьте радость себе и своим друзьям! Уверена- вам понравиться! И так Поехали!… Открываем галлерею и кликаем на выбранную рамочку-причём всё равно-с фото или без... Рамочка открылась-нажимаем на неё и попадаем в генератор. Загружаем фото. Редактируем его с помощью рамочки. Кнопка открытия и закрытия.. Дополнительных функций. Переходим к сохранению нашей работы. Сохраняем правой кнопкой мыши. Желаю удачи в вашем творчестве! |
Метки: рамки |
Шаблоны Для Постов |
Метки: шаблоны |
Полезное для Вас! |
Метки: полезное |
Учимся делать рамочки |
Учимся делать рамочки
ФОРМУЛА
<center><table border="2" background="АДРЕС ФОНА" cellpadding="13" cellspacing="0" width="900"><tr><td><table border="2" background="АДРЕС ФОНА" cellpadding="5" cellspacing="20" width="100%"><tr><td><img src=''адрес картинки''><font size="5"><font color="000000">Ваш текст</font></font></font></td></tr></table></td></tr></table></center>
а теперь разберём каждый тег в отдельности,
чтобы вы могли понять какой тег для чего....
<center>-этим тегом мы выравниваем рамочку по цент
<table ру border="2"-число 2 это толщина обводки рамочки
background="АДРЕС ФОНА"-на место адрес фона вписываем ссылку на фон
<tr>-этот тег поддерживает высоту рамки
<td>-этот тег поддерживает ширину рамки
cellpadding="13" cellspacing="0"-этот тег задает на сколько будет вид ен наш слой
width=''900''- размер рамочки , то есть ее ширина
Ну вот и все, удачи!
Метки: уроки рамочки |
Полезности для блога |
Полезности для Ваших блогов:
5) Разделители для Постов. Часть 2
6) Разделители для Постов. Часть 1
8) Рамочки "Дети - цветы жизни"
11) Фоны для оформления постов
12) Рамочки "Утро, день, ночь"
Для размещения в своем блоге или в комментариях к другим блогам просто скопируйте код из рамочки под любым медвежонком.
При цитировании убирайте галочку из строчки "Автоматически переводить URL в ссылку"
Метки: полезности |
Разные ссылочки |
Вот нарыла ссылочек. Мне понрава. Надеюсь вам тоже понрава))))
http://blingee.com/blingee/upload_base?i=- отредактируй свою фотку
http://reddodo.com/ -создай себе аватарку
http://gifr.ru/glitter/- создай свой блестящий текст
http://gifr.ru/ - создай анимашку
http://www.pikipimp.com/ - ещё один сайт для редакции фоток
http://flowers.facereplays.com/ - создай свой цветок
http://a.muglets.com/ - ещё радактор фоток
http://www.festisite.com/money/ - создай себя на долларе
http://hero-in.com/pasport/ - сделай себе паспорт
http://hero-in.com/oblojka/ -сделай себе журнал
http://www.glitterfy.com/upload.php - блеск на картинку
http://www.glitterfy.com/glitter-words.php -блестящий текст
http://text.glitterfy.com/ -флеш текст
Метки: ссылки |
Это просто клад! |
Музыка (незабудьте включить колонки)
Программы поиска по базам данных
"
Заполнение форм".скрипты динамического
изменения формы.
"
Небольшие скрипты". скрипты связанрые с браузерами,
печатью страниц, добавлением в избраное, подключением стилей css,
созданием горячих клавиш и д.р.
"
Оформление ссылок". много новых скриптов.
"
Оформление курсора". много новых скриптов.
"
Музыка, фоновый звук". несколько новых скриптов.
"
Заполнение форм". очень полезные и очень интересные (редкие) скрипты.
"Окна".
немного новых скиптов.
"
Защита информации". много новых скиптов. скрипт
с разными паролями, для разных пользователей.
А также скрипт с разными паролями и разными страницами для разных пользователей.
"
Слайд-шоу и презентации (каталоги изображений)". новые скрипты.
"
Подсказки и комментарии".
Можно задавать цвет текста, поля, рамки, можно
вставлять таблицы и картинки, комментарий может быть:
в бегущей строке около курсора, выезжать сверху,
печататься на поле. Можно поставить смену картинок
на одном месте в зависимость оттого над какой
ссылкой стоит курсор.
"Кнопки".
У всех скриптов есть код.
"
Использование заголовка и строки статуса в браузере".
Новых скриптов нет, ссылки с других разделов
относящиеся к этому помечены.
"
Передвижение объектов и слов". В нем собраны скрипты,
большинство из которых можно применять к любому объекту,
в том числе и форматированому тексту с картинками.
"
Календари и часы, таймеры".
скрипты, названия более емкие и точные,
так будет удобнее.
Метки: помощь клад |
Готовим рамочки |
|
Метки: рамочки уроки |
Рисуем рамочки |
Надеюсь многим он пригодится для творчества в своих дневничках . Удачи Вам друзья ! И так приступим .... Сразу пищу переменные для того чтоб было понятно за что они отвечают . Переменные: border:3px #ff0000 толщина рамки в пикселях и её цвет background-color: #ffff00 цвет фона рамки dashed -пунктир solid- непрерывная margin отступ от текста снаружи (если рамка находится внутри текста) padding -отступ текста от рамки внутри 1.
2 текст в рамке с цветным фоном 3
4
5
Текст можно расположить в любой части рамки Пользуясь таблицами цветов можно менять переменные цвета рамки например #000000 заменить на #33CC66 толщину бордюра тоже можно менять например с 3px на 10px (от 0 до 10 ) Но при переменной" 0 "рамка не видна . Надеюсь что всё понятно , удачи ! Возникнут вопросы задавайте . ссылка на таблицу цветов http://www.artlebedev.ru/tools/colors/ (их в интернете очень большое количество ) |
Метки: рамочки |
2 Шаблона рамок |
|
Метки: рамки |
Рамка с Заголовком |
|
Метки: рамка уроки |
Полезные вещи |
Метки: рамки фоны |
Рамки |
При цитировании необходимо перед опубликованием записи убрать галочку со строки "Автоматически переводить URL в ссылку".
Для размещения у себя копируем содержимое формы
Для размещения у себя копируем содержимое формы
Метки: рамки |
Это просто клад! |
Метки: разное |
Рамки к 8 Марта |
При цитировании необходимо перед опубликованием записи убрать галочку со строки "Автоматически переводить URL в ссылку".
Метки: рамки |
Рамочка |
Метки: рамочка |
Фон для текста |
Метки: рамочка фон |
Красивая деревянная рамка для фото в Фотошопе |
Дневник |
Метки: фотошоп |
Уроки фотошопа от Любы |
УРОКИ ОТ ЛЮБЫ (продолжение) Вместо слов АДРЕС ФОНА - ставим 1-ую строку с радикала (т.е если фон или картинка с компа - грузим ее на сайт http://www.radikal.ru/ получатся коды - там копируем 1-ую строку и вставляем в код). Если картинка в интернете - можете просто нажать на нее правой кнопкой мыши, выбрать СВОЙСТВА и там скопировать адрес (запомните и параметры картинки - пригодится). В коде фона есть размеры, width=700 height=500 Значения 700 и 500 размеры соответственно по горизонтали и вертикали. Цифры 700 и 500 можно менять. (например грузите картинку, а не фон и хотите чтоб картинка была точь в точь по размеру фона вот тогда смотрите размеры картинки ( либо в радикале где уже коды, рядом с картинкой они указаны, либо в СВОЙСТВАХ - если картинка с интернета) и ставите вместо цифр 700 и 500 эти размеры. Так же можно сменить цвет и размер букв. В рамке они указаны так: код цвета #ADFF2F можете менять на свой (только аккуратно не удалите ковычки и НЕ ДОЛЖНО получаться пробелов между ковычками и кодом). Код цвета можно брать тут: http://chatpages.ru/chat/color/color.html Размер здесь задан цифрой 5 - ее можно менять. --------------------------------------------------- 2. Фон с картинкой внутри: Код: Вместо слов АДРЕС КАРТИНКИ и АДРЕС ФОНА - - 1-я строка радикала (все аналогично п.1) ---------------------------------------------------- 3. Рамка простая: Код: Что менять - см. пункт 1. ---------------------------------------------------------- 4. Рамка в два бордюра (где ВАШ ТЕКСТ в отдельной рамке) (пример)
КОД РАМКИ ПРИМЕРА Код для рамки: Тут всего вам нужно будет две картинки на фон (это 1-й и 2-й фон) и еще одну картинку в центр (для красоты) Как и что менять - см. пункт 1.ваш текст |
|
Фоторамки |
Метки: рамки |
Шаблоны рамочек |
|
Метки: рамочка уроки |
Рамка |
Метки: рамка |