-Рубрики

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

Поиск сообщений в Т5959595959

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

 

 -Сообщества

Участник сообществ (Всего в списке: 3) Мир_леса С_Т_И_Х_И Только_для_женщин
Читатель сообществ (Всего в списке: 1) Мир_клипарта

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 19.07.2011
Записей: 4548
Комментариев: 749
Написано: 11872





Как сделать рамочку, ещё один урок.

Пятница, 24 Февраля 2012 г. 19:25 + в цитатник


 (350x35,  3Kb)

Как сделать несложную рамочку рамочку для текста самому, и разобраться в ее кодах, я вам сейчас и попробую объяснить. Готовых рамочек очень много, но не всегда подходит цвет или ещё что-то, или просто хочется сделать оригинальную рамочку, или хочется разобраться в этом самому. Возьмем для примера вот такую несложную рамочку, в которой стоит эта запись


Вот так выглядит код этой несложной таблицы.красным (циф1) выделен код фона ободка рамки. Синим (циф2) адрес фона самой записи. и зеленым (циф3) место, где будет вставлен весь ваш пост. С картинкими и прочими вложениями.


Теперь посмотрим как это выглядит с уже вставленными адресами фонов.красным (циф1) выделен код фона ободка рамки. Синим (циф2) адрес фона самой записи


Теперь вставляем пост, для примера возьмем и вставим еще и картинку. Теперь наша рамочка выглядит уже вот так.


В посте это будет выглядеть вот так.

//i059.radikal.ru/1011/20/969aef8ad63b.gif
Как сделать несложную рамочку рамочку для текста самому, и разобраться в ее кодах, я вам сейчас и попробую объяснить. Готовых рамочек очень много, но не всегда подходит цвет или ещё что-то, или хотят быть оригинальными, или хочется разобраться в этом самому. Возьмем для примера вот такую несложную рамочку, в которой стоит эта запись



Теперь рассмотрим код рамки полностью, что обозначают все эти непонятные слова.


Если плохо видно на картинке, обозначения повторю для вас текстом
border="3" - толщина рамки

cellspacing="3" - расстояние между ячейками

cellpadding="3" - отступ содержимого таблицы от рамки

background="URL адрес фонового рисунка" - фон таблицы, начинается с http:// (с Радикала код №1)

width="100% - это размер рамочки по отношению к Вашей странице, если хотите, чтоб она занимала не всю площадь поста, в таком случае просто измените количество процентов. Правда на майле эта величина не работает, ваш пост все равно встанет по ширине записи.

Менять расстояния отступов и ширину рамки можете, как хотите, а если отступы и рамка не нужны, то меняйте значения на "0"!!! На примере это выглядит так.


Изменив расстояния отступов и ширину рамки, наша рамка стала выглядеть вот так.

Как сделать несложную рамочку рамочку для текста самому, и разобраться в ее кодах, я вам сейчас и попробую объяснить. Готовых рамочек очень много, но не всегда подходит цвет или ещё что-то, или хотят быть оригинальными, или хочется разобраться в этом самому. Возьмем для примера вот такую несложную рамочку, в которой стоит эта запись



Вот и все из чего состоит рамочка. Думаю у вас все получится.Здесь код этой рамочки


Если хотите что бы ободок рамки был анимированным, как сейчас стоит у меня в примере, то Глиттеры вы можете взять ВОТ ЗДЕСЬ (просто встаете на нужный мышкой, нажимаете правую кнопку и выбираете КОПИРОВАТЬ ССЫЛКУ НА ИЗОБРАЖЕНИЕ или СВОЙСТВА, а в них адрес картинки. Затем идете в формулу, стираете слова "Адрес фона ободка рамки" снова нажимаете правую кнопку мыши и выбираете ВСТАВИТЬ).
Очень много (несколько страниц) глиттеров ЗДЕСЬ

Фоны для самой рамки можно взять здесь, но много адресов давать боюсь, снова могут заспамить.
http://www.ollenkka.com/backgrounds/
http://fonegallery.narod.ru/red/red.htm
Успехов всем.

Из блога ГАЛИНЫ ШАДРИНОЙ
 (350x35,  3Kb)

Рубрики:  Уроки для дневника



Процитировано 3 раз
Понравилось: 1 пользователю

Мигающий текст

Пятница, 24 Февраля 2012 г. 19:05 + в цитатник
125к (600x46, 69Kb)

По просьбам читателей объясню как сделать мигающим слово, целую фразу или отдельные буквы.
Например вот так
ВНИМАНИЕ

ВНИМАНИЕ МИГАЮЩИЙ ТЕКСТ

ВНИМАНИЕ МИГАЮЩИЙ ТЕКСТ

Сделать это очень просто. Вот коды для такого мигающего текста.


Выглядит она вот так


Красным выделено начало мигающего текста, синим - сам текст, а зеленым окончание мигающего текста.


Если вставить в него фразу, то это будет выглядеть так


Выглядит это вот так
ВНИМАНИЕ МИГАЮЩИЙ ТЕКСТ

Если вы хотите что бы мигало только одно слово из фразы, то окончание мигания нужно ставить сразу после данного слова. Здесь будут мигать слова ВНИМАНИЕ, так как перед ним формула, и слово ТЕКСТ, и после них стоит окончание мигания. Значит слово МИГАЮЩИЙ мигать не будет


Выглядит это так
ВНИМАНИЕ МИГАЮЩИЙ ТЕКСТ

Аналогично можно заставить текст мигать через буквы. Только не забывать ставить начало мигания и окончание. Здесь будут мигать выделенные красным буквы


Выглядит это так
ВНИМАНИЕ

Редактировать этот фон можно так же, как и обыкновенный. То есть после кода НАЧАЛО МИГАНИЯ можете ставить шрифт, цвет и размер текста.


Для примера я все три слова поставила разным шрифтом.
ВНИМАНИЕ МИГАЮЩИЙ ТЕКСТ

Успехов в вашем творчестве. Надеюсь у вас все получится.

Из блога ГАЛИНЫ ШАДРИНОЙ
125к (600x46, 69Kb)
Рубрики:  Уроки для дневника

Рамка для картинки.

Пятница, 24 Февраля 2012 г. 18:59 + в цитатник
 (498x63, 12Kb)
Тем, кто не умеет пользоваться фотошопом, да и многие сайты еще не совсем покорились, я предлагаю простую формулу для обрамления картинки. С ее применением любая картинка смотрится гораздо красивее и эффектнее.
Допустим я беру простую две простых картинки, которые хочу вставить в пост.
  

И два фона, которые подставим под картинку.


Применяю формулу, и получаю картинки уже в обрамлении этих фонов.




Вот эта формула


ВНИМАНИЕ в формулу подставляются АДРЕСА, КАРТИНКИ И ФОНА. Если брать через радикал, то КОД№1

Ширину рамок вы можете поменять по своему вкусу, там, где значения cellspacing="2" и cellpadding="3" они обозначают ширину нашей рамочки. Меняйте 2 и 6 на любые значения.


Вот и все.Надеюсь у вас все получится.

Из блога ГАЛИНЫ ШАДРИНОЙ
 (498x63, 12Kb)
Рубрики:  Уроки для дневника



Процитировано 1 раз

Разделение текста линией.

Пятница, 24 Февраля 2012 г. 18:56 + в цитатник
Новогодние анимашки
По просьбам читателей, расскажу как делать в тексте такой элемент, как линии. Делается это очень просто и служит она в основном для разделения текста, или картинок. Вот так



Простая линия задается тэгом и не требует закрывающего тэга: Просто там, где вы хотите вставить линию, наберите этот тег. Например я решила набрать тосты на Новый год, а что б они не сливались, разделю из простой линией. Вот так


В моем посте, это будет выглядеть вот так!


Жизнь прекрасна даже тогда, когда по щекам текут слезы. Так выпьем же за то, чтобы в Новом Году по нашим щекам текли слезы только радости и счастья.


Поднимем бокалы за то, чтобы проводы старого года отличались от проводов поезда на вокзале: уходящий поезд отнимает друзей и любимых, а уходящий год принесет нам их!
Давайте выпьем за то, чтобы так было всегда!


Давайте выпьем за Деда Мороза и Снегурочку: сколько себя помню, - не болеют, не стареют и деньги на подарки всегда есть!
За то, чтобы мы тоже были такими!




Эти линии можно немного разнообразить и настроить. Например добавить цвет, и эта линия будет цветной. Таблицу кодов цветов ВЗЯТЬ ЗДЕСЬ


Выглядит этот код вот так


Просто берем из таблицы код цвета и меняем.


В посте это будет выглядеть вот такой голубоватой линией.



Линию можно сделать более объемной, задав ей толщину линии. Просто поменять цифру.


Выглядит это так



И так же цветной и объемной.



Вот и все премудрости с линиями. Надеюсь у вас все получится! Для вашего удобства коды линий ставлю в конце списком.

Код простой линии
Код Цветной линии
Задать толщину линии
Линия цветная с заданной шириной

Из блога ГАЛИНЫ ШАДРИНОЙ
 (412x54, 10Kb)r>
Рубрики:  Уроки для дневника



Процитировано 1 раз

Уроки.

Пятница, 24 Февраля 2012 г. 18:43 + в цитатник
 (620x90, 233Kb)
По многочисленным просьбам читателей объясню еще раз, как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине.


Как же сделать так, чтобы текст располагался справа от картинки, весь , а не только одна его строчка. Посмотрим сначала как выглядит просто HTML код картинки. Я взяла небольшую картинку, которую вы видите слева от текста. Просто код ее выглядит вот так.


Теперь добавляем к нему атрибут align, который отвечает за выравнивание, и так как мы хотим чтоб картинка была слева от текста, то добавляем ="left". Теперь наш код будет выглядеть вот так.


Что бы картинка была справа от текста, добавляем так же к нему атрибут align, который отвечает за выравнивание и ="right". т.е. справа. Теперь наш код будет выглядеть вот так.


Или проще напишу так. В HTML формате в конце кода (перед последними кавычками) нужно добавить align="left" и картинка будет слева от текста или align="right" и картинка будет справа от текста. (Скопируйте эти символы право-лево и поставьте в конце кода своей картинки)

Теперь внимание. Коды картинки всегда должны стоять впереди текста, а текст следом за кодами. Например вы хотите поставить картинку справа от теста. Это должно выглядеть вот так


Но это не все: текст может располагаться внизу картинки (это по умолчанию), посередине, и вверху.
Вот так это выглядит.

текст внизу картинки


текст посередине картинки


текст вверху картинки

Ну а теперь напишу по порядку коды, которые надо добавлять в конце HTML -кода картинки, перед последними кавычками, что бы ваши картинки вставали так, как вы этого хотите.
добавить
align="left" -и картинка будет слева от текста
align="right" -картинка будет справа от текста.
align="bottom" -картинка будет внизу текста
align="middle" -картинка будет посредине текста
align="top" - картинка будет вверху текста.
Вот пока и все. Не буду грузить сразу много информации. Дальше о картинках расскажу позднее. Успехов в вашем творчестве.

Из блога ГАЛИНЫ ШАДРИНОЙ
 (620x90, 233Kb)
Рубрики:  Уроки для дневника



Процитировано 6 раз
Понравилось: 1 пользователю

молитва-стих.

Среда, 22 Февраля 2012 г. 14:02 + в цитатник


Прими, Господь, молитву-стих,
Храни, Господь, детей моих!
Средь ночи и средь бела дня
Храни, как ты хранишь меня!


В час испытания лихой,
Что посылает жизнь порой,
Ты мужество в их сердце лей.
Храни, Господь, моих детей!

От чёрных стрел обереги,
С тропы неверной уведи,
Пошли им преданных друзей.
Храни, Господь, моих детей!

Храни от войн и от чумы,
От искушений Князя Тьмы.
Звенит Планета Матерей:
Храни, Господь, храни детей!

Да будет путь их чист и ясен,
В делах и помыслах прекрасен,
С открытым сердцем для людей.
Храни, Господь, храни детей!


Пусть звёзд немолчный хоровод
Тропой Любви детей ведёт.
Раскинь над ними Неба синь.
Храни, Господь! Храни!

Рубрики:  Молитвы



Процитировано 1 раз

Малыш рассказывает про кризис и любовь.

Среда, 22 Февраля 2012 г. 13:26 + в цитатник


Серия сообщений "Видео":
Часть 1 - поющие цветы
Часть 2 - кошка с дельфином
...
Часть 7 - Танцующая кошка.
Часть 8 - Девочка удивила всех на шоу талантов.
Часть 9 - Малыш рассказывает про кризис и любовь.
Часть 10 - Попугай гладит кошку.
Часть 11 - Лучшие друзья.
...
Часть 29 - СТО ЛЕТ КРАСОТЫ, ЗА 1 МИНУТУ.
Часть 30 - Платки, шарфы палантины Завязать и носить красиво ч1
Часть 31 - Погладь кота!!!


Обводка поста рамочкой

Среда, 22 Февраля 2012 г. 11:58 + в цитатник
Это цитата сообщения EFACHKA [Прочитать целиком + В свой цитатник или сообщество!]

Урок. Обводка поста рамочкой

Если вас устраивает тот фон который есть у вас на страничке, а пост просто хочется как-то выделить, можно выделить рамкой, а уж какой край будет у рамки выбирайте сами по НАЗВАНИЮ.
 Копируем код и вставляем к себе в блог в редакторе CKEditor, предварительно нажав на "источник". Вставили, нажимаем еще раз на "источник" и получаем рамочку.

Там где написано ВАШ ТЕКСТ- Вставляете свой текст.
Ещё в коде можно поменять цвет рамки.
 Находим вот такой значок #,он обозначает цвет #FFFACD и меняем цвет на тот, который подходит вам (вставляете код цвета после #)
Выбираем цвет - здесь в таблице цветов.

Читать далее...
Рубрики:  Для оформления дневника

Рамочки для текста

Среда, 22 Февраля 2012 г. 11:54 + в цитатник
Это цитата сообщения EFACHKA [Прочитать целиком + В свой цитатник или сообщество!]

Мои рамочки для текста


3424885_7353 (597x87, 19Kb)
Ваш текст.

Рамочка растягивается в длину и ширину.

3424885_0_6c128_e769f7d0_L (597x87, 21Kb)

3424885_36342303_i192873755_74334_3 (29x31, 5Kb)

Код рамочки можно взять здесь:                                

Читать далее...
Рубрики:  Для оформления дневника

Самые красивые вертикальные разделители.

Среда, 22 Февраля 2012 г. 11:45 + в цитатник
Это цитата сообщения EFACHKA [Прочитать целиком + В свой цитатник или сообщество!]

Самые красивые вертикальные разделители, для украшения постов и блогов

Как правильно вставлять вертикальные разделители, читайте здесь

Цветы

Читать далее...
Рубрики:  Для оформления дневника

Без заголовка

Среда, 22 Февраля 2012 г. 11:04 + в цитатник

 
Рубрики:  Красивые девушки.

Прикольный видео-редактор.

Вторник, 21 Февраля 2012 г. 11:35 + в цитатник
Это цитата сообщения Егорова_Таня [Прочитать целиком + В свой цитатник или сообщество!]

Прикольный видео-редактор



Такой вот забавненький видео-редактор.

Смотреть, как сделать такой ролик >>>

Рубрики:  Уроки Онлайн

Разделители-самая большая коллекция !Часть 1.

Вторник, 21 Февраля 2012 г. 11:31 + в цитатник
Это цитата сообщения Нежные_чувства [Прочитать целиком + В свой цитатник или сообщество!]

Разделители - самая большая коллекция! Часть 1

Самая большая коллекция красивых разделителей для оформления текстов. Более 400 штук! Забираем себе!
Смотрите также много разделителей и других полезностей-красивостей в нашем знаменитом "Учебнике ЛиРу"





Смотрим и копируем в цитатник >>>

Рубрики:  Уроки для дневника

Помидоры фаршированные.

Понедельник, 20 Февраля 2012 г. 18:14 + в цитатник
Рубрики:  Салаты и закуски



Процитировано 4 раз
Понравилось: 1 пользователю

Медитация- Исполнение Желаний.

Воскресенье, 19 Февраля 2012 г. 19:48 + в цитатник


Рубрики:  Магия


Понравилось: 1 пользователю

Медитация-Освобождение от боли и обид.

Воскресенье, 19 Февраля 2012 г. 19:44 + в цитатник


Рубрики:  Магия


Понравилось: 1 пользователю

I Will Always Love You

Воскресенье, 19 Февраля 2012 г. 19:14 + в цитатник

Хорошего всем настроения.

Воскресенье, 19 Февраля 2012 г. 18:59 + в цитатник


Рубрики:  Юмор

ПЯТНИЦА.

Суббота, 18 Февраля 2012 г. 17:38 + в цитатник


Рубрики:  Юмор

Соединение двух и более слоёв в один слой.

Суббота, 18 Февраля 2012 г. 14:19 + в цитатник
Это цитата сообщения morela4 [Прочитать целиком + В свой цитатник или сообщество!]

Соединение двух и более слоёв в один слой.

Соединение двух и более слоёв в один слой.


Соединение 2х слоёв.

1 Вариант.

В панели слоёв активный слой расположен ниже слоя, с которым его нужно соединить.

В данном примере это слои "рамка" и "кант".
Активен слой"рамка", а соединить его нужно со слоем "кант"


Читать далее...
Рубрики:  Фотошоп


Поиск сообщений в Т5959595959
Страницы: 227 ... 29 28 [27] 26 25 ..
.. 1 Календарь