Распознаватель цвета GwColor |
|
Пишем красиво! Мигающим текстом. |
|
|
Разместим текст в несколько колонок |
Разместим текст в две колонки. Что бы было веселее читать пост я позаимствовал стишок http://kievforum.org/showthread.php?t=1183. ( не рекламы ради, а гуглю спасибо :))) )
Познакомились мы в чате Ты представилася Катей Оказалось - ты Иван... ах, какой ты хулиган
Все сайты умерли, осталось только ICQ, И лишь ReGet качает тихо мне игру, И звук "ха-ха" писклявым тихим тоном, С забытья голову мою срывает стоном... Неоднозначно, непонятно, не всегда, Не видя, как опять бегут года, Просаживая сутки напролет, Мы ждем, когда же время то придет. Что из страны не грез, не сновидений, Нас вырвет, прекратя весь круг сомнений, И встретиться возможно станет наяву, Мерцает монитор, я всё же сплю... Нас двое лишь на эту Сеть, И мы не верим в нашу смерть...
Это можно было бы сделать таблицей, но есть вариант проще - использовать div.
Попробуем разместить каждый стих в своем диве
В примере кода я не указал что бы было проще читать код, а при выводе добавлю рамку к каждому диву
Вот что получится
Познакомились мы в чате Ты представилася Катей Оказалось - ты Иван... ах, какой ты хулиган
Все сайты умерли, осталось только ICQ, И лишь ReGet качает тихо мне игру, И звук "ха-ха" писклявым тихим тоном, С забытья голову мою срывает стоном... Неоднозначно, непонятно, не всегда, Не видя, как опять бегут года, Просаживая сутки напролет, Мы ждем, когда же время то придет. Что из страны не грез, не сновидений, Нас вырвет, прекратя весь круг сомнений, И встретиться возможно станет наяву, Мерцает монитор, я всё же сплю... Нас двое лишь на эту Сеть, И мы не верим в нашу смерть...
Во первых ширина дивов равна максимальной ширине, а во вторых они размещены не рядом, а друг под другом
Зададим ширину дивов добавив стиль width, для того что бы дивы размещались рядом, а не друг под другом нужно к каждому диву добавить стиль float: left это выравнивает элемент по левому краю, а все остальные элементы, вроде текста, огибают его по правой стороне.
Вот теперь мы получили 2 колонки
Познакомились мы в чате Ты представилася Катей Оказалось - ты Иван... ах, какой ты хулиган
Все сайты умерли, осталось только ICQ, И лишь ReGet качает тихо мне игру, И звук "ха-ха" писклявым тихим тоном, С забытья голову мою срывает стоном... Неоднозначно, непонятно, не всегда, Не видя, как опять бегут года, Просаживая сутки напролет, Мы ждем, когда же время то придет. Что из страны не грез, не сновидений, Нас вырвет, прекратя весь круг сомнений, И встретиться возможно станет наяву, Мерцает монитор, я всё же сплю... Нас двое лишь на эту Сеть, И мы не верим в нашу смерть...
Что дальше делать с колонками зависит только от Вашей фантазии :). Можно добавить фоновый рисунок прописав в стиле background: url('ссылка на фоновый рисунок'), выравнивание в каждой колонке можно делать любым прописав в стиле каждого дива text-align: left, center, right
Пример кода колонок, размещенных в начале поста
Если суммарная ширина колонок будет больше чем максимальная ширина поста, то дивы разместяться не рядом, а друг под другом
Что бы разместить колонки по центру нужно добавить <center> и еще один общий див с шириной равной суммарной ширине колонок со всеми отступами и бордерами
Должно получиться вот так
|
Выделить текст рамкой |
Всем привет! Иногда в личку приходят сообщения с просьбой рассказать как можно выделить текст простой рамкой, как бы делая акцент на определённую часть поста. Сейчас попробую это показать на примере.
Будем исходить из того что в кодах Вы полный ноль или Вам просто не хочется их вручную прописывать. Тогда первое что Вам нужно сделать - это открыть сообщение в простом редакторе, можно и в расширенном, но тогда не забудьте нажать на кнопку ИСТОЧНИК (в самом верху слева). Сделали? Молодцы, копируйте код из флейма и вставляйте в нужный участок поста.
Вставили? Идём дальше.
1. Там где написано - Сюда вставить адрес картинки - вставляете адрес нужной картинки. Иногда задают вопрос где её взять) Всё просто - есть только два варианта, первый Вы должны её загрузить со своего ПК, второй найти её в интернете и нажав на ней правую кнопку мыши копировать ссылку на изображение.
2. Где написано - Здесь написать Ваш текст думаю проблем не возникнет - пишите всё что посчитаете нужным.
Точно так же делается рамочка с заголовком вместо картинки. Копируйте код из флейма и вставляете тексты.
Вот и всё. В результате у Вас должно получится что-то подобное.
С картинкой
Без картинки - с заголовком.
|
Оформление поста с помощью рамочки-монитора |
![]() |
|
Сделать слайд-шоу |
| Движение снизу вверх | |
| Движение сверху вниз | |
| Движение справа налево | |
| Движение слева направо |
|
Поговорим о тексте и различных манипуляциях с ним. |
Рамка и пост от
|
|
Делаем надписи на картиночках |
![]() Делаем надписи на картиночках по типу рамочек!
|
|
Разделители |
|
Фончики - блестяшки |


























Серия сообщений "• Для дизайна •":
Часть 1 - Web графика для дизайна. (ссылки)
Часть 2 - ПАЛИТРА ЦВЕТОВ
Часть 3 - Таблица безопасных цветов
Часть 4 - Фоны - 1
Часть 5 - Фоны - 2
Часть 6 - Фоны - 3
Часть 7 - Без заголовка
Часть 8 - Фоны - 4
Часть 9 - Фоны 5
Часть 10 - Фоны - 6
Часть 11 - Таблица HTML кодов цветов
Часть 12 - Сундучок
Часть 13 - Скрипты
Часть 14 - Фоны
Часть 15 - Палитра с предпросмотром
Часть 16 - Моя страничка на WWW.GALLERY.RU
Часть 17 - Спасибо Викуля!!!
Часть 18 - Разделители
Часть 19 - Разделители
Часть 20 - Разделители
Часть 21 - Разделители
Часть 22 - Разделители
Часть 23 - Разделители
Часть 24 - Разделители
Часть 25 - Забавные часики для наших дневников.
Часть 26 - Для оформления дневников...
Часть 27 - Фоны
Часть 28 - Золотые бордюрчики
Часть 29 - Фончики - блестяшки
Часть 30 - Фоны
Часть 31 - Фончики - блестяшки.
Часть 32 - Фоны
Часть 33 - Украшалки для новогодних постов
Часть 34 - Пригодится для новогодних постиков.
Часть 35 - Елочки из сказочного леса.
Часть 36 - ССЫЛКИ
Часть 37 - Маленькие крошки спешат на праздник.
Часть 38 - Без заголовка
Часть 39 - Ну просто, ОЧЕНЬ КРАСИВО!!!
Часть 40 - Фончики - блестяшки
Часть 41 - Дизайн от --Kitten--
Часть 42 - Дизайн от --Kitten--
Часть 43 - Фоны из сообщества "Просто для Вас"
Часть 44 - Фоны из сообщества "Просто для Вас"
Часть 45 - Заблестит все вокруг
Часть 46 - Фоны из сообщества "Просто для Вас"
Часть 47 - Решила забрать в цитатник
Часть 48 - К фракталам всегда относилась спокойно, но эти поразили своим великолепием!
Часть 49 - Фоны из сообщества "Просто для Вас"
Часть 50 - Красивая рамочка
Часть 51 - Дизайн от Иннули
Часть 52 - Красота из сообщества
Часть 53 - Очень симпатичные рамочки с цветами. Спасибо автору.
Часть 54 - Мне очень понравились эти рамочки
Часть 55 - Спасибо Sheree за фоны
Часть 56 - Красивый дизайн от Саюри.
Часть 57 - Cпасибо Жагуара
Часть 58 - Схемка под настроение.
Часть 59 - Красивая схема от ZZLAYYA_ZEMFIRA. Спасибо автору.
Часть 60 - Оживляем текст. Генератор
Часть 61 - Красота из сообщества.
Часть 62 - Красота из сообщества
Часть 63 - Без заголовка
Часть 64 - Без заголовка
Часть 65 - Спасибо Инночка. Красота сочетается с нежностью.
Часть 66 - Фоны
Часть 67 - Золотые фоны.
Часть 68 - Золотые фоны 2
Часть 69 - Мне очень поравились эти элементы дизайна.
Часть 70 - Пасхальный дизайн.
Часть 71 - ***
Часть 72 - Для дизайна
Часть 73 - Дляя дизайна
Часть 74 - Глиторы
Часть 75 - Фоны
Часть 76 - 12 месяцев года
Часть 77 - Нежная рамочка
Часть 78 - Flash часики
Часть 79 - Спасибо за чудесную подборку Flash часики
Часть 80 - Как вставить Flash часики
Часть 81 - Цветы. Фоны. Обои
Часть 82 - Делаем потрясающие рамочки
Часть 83 - Ярмарка фонов
Часть 84 - Без заголовка
Часть 85 - Без заголовка
Часть 86 - Без заголовка
Часть 87 - Без заголовка
Часть 88 - Без заголовка
Часть 89 - Без заголовка
Часть 90 - Фоны для Ваших блогов..
Часть 91 - рамочка с текстом
Часть 92 - Рамки необычные и простые в одном месте.
Часть 93 - Рамка-монитор для видео
Часть 94 - Рамка-занавес.
Часть 95 - Уголки от Джулии
Часть 96 - Отличная возможность сделать часики под свой дизайн.
Часть 97 - Вот такие часики получились у меня.
Часть 98 - Рамочка - Здравствуй школа!
Часть 99 - палитра с просмотром
Часть 100 - Отличная палитрочка. Спасибо Саше - BraveDefender
Часть 101 - Уголки для украшения рамок
Часть 102 - Красивые разделители для дневника с кодами
Часть 103 - Чудесные часики
Часть 104 - Бабочки GIF
Часть 105 - Флеш-Палитра цветов. Очень удобная
Часть 106 - Часики-натюрморты для дневника
|
Разное для дневника |
На этих ресурсах вы найдете большое количество самой различной графики - аватар, фонов, разделительных линий (баров), блестяшек (глиттер), глитер-мейкеров, позволяющих создавать блестящий текст или "отблестить" любое изображение, анимашки и различную веб-графику для вашего сайта или дневника.
Zwani.com - отличный сайт с огромным количеством качественной и красивой глиттер-графики (блестящих картинок), поделенной по разным темам. Графика там действительно классная, на все случаи жизни. Как использовать? Просто копируете хтмл код картинки и вставляете в хтмл своего сайта или блога. Или сохраняете изображение на свой компьютер.
|
Укрась свои фотографии, поставь их в рамку без фотошопа |
|
Генератор анимированного отражения в воде |
|
|
Блестяшки |
|
Интересный генератор текста |

|
Делаем фон без шва |
Сегодня просматривая уроки к программе gimp нашла удобный способ делать фоны без швов, думаю пригодиться многим.
Программу скачать можно внизу.
уроки и ознакомление по ссылке ниже.
Рисунок 9.142. Пример фильтра «Без швов»
Original

после обработки.

Этот фильтр находится в меню
Фильтры → Карта → Без швов
Этот фильтр изменяет изображение для бесшовной состыковки.
Такое изображение можно использовать для фона веб страницы.
У этого фильтра нет параметров, и результат может нуждаться в поправке.
http://ya.dmitrov.ru/docs/gimp/ru/plug-in-make-seamless.html
скачать программу можно тут. gimp-2.6.6-i686-setup.rar
и тут gimp-2.6.6-i686-setup.rar
Уроки тут
|
Без заголовка |
Метки: учимся делать часики |
Без заголовка |

Метки: как вставить флеш в пост |
Без заголовка |
|
Без заголовка |
![]() ...ВАШ ТЕКСТ... ![]() |
![]() ...ВАШ ТЕКСТ... ![]() |
![]() ...ВАШ ТЕКСТ... ![]() |
|