Попробую рассказать и объяснить, как я делаю свои схемки для дневника. У меня фотошоп CS3.
1.Открываем в фотошопе понравившуюся картинку
2. Открываем новый документ со следующими параметрами - 1440на 750 пикселей
3. С помошью инструмента - перемещение - перетаскиваем нашу картинку на новый документ
Должно получиться так
4. Немного корректируем параметры- Редактирование-трансформирование-масштабирование
Параметры масштаба мы изменяем или в строке верхней или с помощью мышки (кликаем и растягиваем)
5. После того как мы определились с параметрами, кликаем мышкой на инструмент перемещение (самый верхний в панели инструментов) и подтверждаем результат
6. У нас имеется два слоя. Делаем активным первый слой (просто жмем на него мышкой и он должен выделиться)
7. Далее в палитре цветов выбираем цвет наиболее близкий к основному цвету картинки
8. После того как выбрали цвет, мы его копируем
и вставляем цифры цвета в окошко настроек дневника на ли.ру
9. Далее переходим к нашему документу))
ДОбавляем векторную маску
9. Далее в панели инструментов выбираем инструмент заливка
жмем на него и выбираем инструмент - градиент
10. Далее наводим курсор мышки на край нашей основной картинки и ведем мышку к центру
ПРи этом градиент должен быть выбран такой
Видно как граница между большим выбранным нами цветом фона и картинкой исчезает. Вы можете эксперементировать по своему усмотрению.
У нас получилось примерно так
11. Сохраняем наш документ
12. Наш документ может весить больше чем необходимо, поэтому выставляем его вес
Выставляем нужный нам размер файла
13. После оптимизации веса - сохраняем
14. Загружаем нашу картинку в настройках дизайна дневника и выбираем параметры загрузки - по вертикали
Это для того, чтобы картинка не повторялась.
15. Далее делаем прозрачный фон для записей. Этот урок можно посмотреть тут
[показать] aqua #00ffff
[показать] grey #808080
[показать] navy #000080
[показать] silver #c0c0c0
[показать] black #000000
[показать] green #008000
[показать] olive #808000
[показать] teal #008080
[показать] blue #0000ff
[показать] lime #00ff00
[показать] purple #800080
[показать] white #ffffff
[показать] fuchsia #ff00ff
[показать] maroon #800000
[показать] red #ff0000
[показать] yellow ; #ffff00
Полная таблица есть (например) здесь - http://www.webcorp.ru/page/webcolor.html
А самое простое - зайти в настройки, если Вы обитаете в LiveInternet'е)))
И еще мне очень нравится здесь - http://scriptic.narod.ru/html/color1.htm. Можно подобрать цвет фона (он меняется на глазах, при подведении мышки) и Вы увидите, какой цвет шрифта наиболее читабелен на избранном фоне. Выделяется любую букву с облюбованным цветом (как для копирования), потом правой кнопкой "Исходный код выделенного фрагмента" и в открывшемся окне видим код (например font color="#ff3366", т.е. цвет шрифта #ff3366). Сверху надпись "RGB палитра 216 цветов, код:" там в окошке код цвета фона.
И Немного СSS:
background-repeat: repeat; - размножает фоновое изображение во всех направлениях (значение по умолчанию);
background-repeat: no-repeat; - запрещает фоновому изображению повторяться;
background-repeat: repeat-x; - размножает фоновое изображение только по горизонтали;
background-repeat: repeat-y; - размножает фоновое изображение только по вертикали.
(Поддерживается IE начиная с 4.0)
| ||
| Эта рамка предназначена для демонстрации возможностей Рамочника. Здесь может находиться Ваш текст или картинка или все вместе. |
[показать]
| ||||||||||||||||||||||||||||||||
Разделительные анимированные линии и виньетки с бабочками и цветами.
[показать]
[показать]
Дальше>>>
[показать]
[показать]
|
|
|
|
|
Что бы создать объемный текст заходим на http://vln.dp.ua/li/3d/, заполняем поля и получаем код для вставки в дневник. Текст получается в оттенках серого.
[699x360]Вот результат который получился :)
[показать]
|
[670x201]
|
|
|
|
| Ваш текст | ||
| Ваш текст | ||
| Ваш текст | ||
| Ваш текст | ||
| Ваш текст | ||
| Ваш текст | ||
| Ваш текст | ||
| Ваш текст | ||
| Ваш текст | ||
| Ваш текст | ||
| Ваш текст | ||
| Ваш текст | ||
| Ваш текст | ||
| Ваш текст | ||
| Ваш текст | ||
| Ваш текст | ||
| Ваш текст | ||
| Ваш текст | ||
| Ваш текст |
[700x250]![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() |
[показать] | [показать] | [показать] |
[показать] | [показать] | [показать] | [показать] |
[показать]
[показать]
[показать]
[468x326]
[300x434]Всем привет!
По стечению обстоятельств 5 разных людей попросили меня объяснить как сделать простую кнопку, так чтоб не писать одно и тоже 5 раз создаю пост) возможно и ещё кому-нибудь пригодится.
Самая простая кнопка
В общем-то это сама кнопка, а во флейме её код, ниже на картинке фото этого кода