БУМАЖНАЯ ПРЕЛЕСТЬ В инэте о квиллинге (бумагокручение) написано очень много. Так что не будем зам...
Без заголовка - (0)Думаю…скучаю…и люблю… ...
Без заголовка - (0)Люблю тебя Я пригубила твои чувства И поняла, что обожглась, Симпатия, эмоций б...
Кулинарные шедевры с любовью от мамы - (1)Кулинарные шедевры с любовью от мамы Творческая мама из Сингапура Ли Мин готовит для ...
Шапка - (0)*
Флеш эпиграф "Северное сияние". |
|
Дизайн-схемы для дневников.Размер схемы1366х768 |
|
|
Советы как сделать дневничок красивее |
|
ЦВЕТОЧНЫЕ КНОПКИ-ПЕРЕХОДЫ + КОД |
|
Без заголовка |
|
Эпиграфы |
|
Комментики с кодами |
|
HTML-шпаргалка для чайников! |
|
Украшалочки новогодние + код. |
|
Зимние спасибки! Надписи для комментариев + код |
|
Надписи для комментариев ( Спасибо ) + код |
|
Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих! |
|
Бесшовные фоны с елочками |
|
ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ. |
|
|
Снег |
|
Ну а теперь скажем красиво ПОЖАЛУЙСТА.... |
|
Зимние аватары |
|
Спасибо! |
|
Бесшовные фоны-1 часть |
|
Картинки |
|
|
Спасибо |
Серия сообщений "ДЛЯ КОММЕНТАРИЕВ":
Часть 1 - Картинки с надписями ДЛЯ КОММЕНТАРИЕВ
Часть 2 - Наше спасибо...ваше пожалуйста...
...
Часть 26 - Поздравления для Татьян + код
Часть 27 - Поздравления для Татьян + код
Часть 28 - Спасибки для комментов + код.
Часть 29 - Персоналии (ДЛЯ КОММЕНТАРИЕВ)
|
Рамочки |
|
Без заголовка |
|
Без заголовка |
|
Фоны разные симпатичные |
|
ЦветочноДоброутреннее. |
|
Музыкальные цветы-открытки |
|
Мои спасибо для вас... |
Серия сообщений "КАРТИНКИ":
Часть 1 - Дневник Nataliya_Bezyshko
Часть 2 - Блестяшки для блога
Часть 3 - Картинки на все случаи жизни
Часть 4 - Самые разные красивые картинки!
Часть 5 - Островочек детства!!! Работы Cindy Grundsten.
Часть 6 - Цитаты+картинки №8
Часть 7 - Art by Victor Tiganov.
Часть 8 - Картинки с надписями
Часть 9 - Сайты с красивой анимацией и красивыми картинками
Часть 10 - Иконы из бисера
Часть 11 - Розы
Часть 12 - Поздравительные открытки «Восточный гороскоп» (Плэйкаст)
Часть 13 - Различные букеты цветов в формате PNG
Часть 14 - Натюрморты.
Часть 15 - Анимированные окна.
Часть 16 - Дама с собачкой.
Часть 17 - Художник Rob Hefferan | Двое
Часть 18 - Разные картинки с кодами
Часть 19 - Наше спасибо...ваше пожалуйста...
Часть 20 - Мои спасибо для вас..
Часть 21 - Мои спасибо для вас... + код
Часть 22 - Наше спасибо...ваше пожалуйста...+ код
|
Наше спасибо...ваше пожалуйста.. |
|
Делаем элементарные часики.Начинаем учиться созданию flash. |
|
Текстовые теги на Ли.Ру |
Текстовые теги на Ли.Ру
Текст с отступом от края в 8 пробелов
Если хочешь быть здоров - похмеляйся!
Дома бегай без трусов - не стесняйся!
Абзац - редкая практика в инете
Не пытайтесь спорить с дебилом,
иначе Вы опуститесь до его уровня,
где он Вас задавит своим опытом!
Текст справа в несколько строк
с выравниванием СПРАВА
текст справа в несколько строк
с выравниванием справа
Текст справа в несколько строк
с выравниванием СЛЕВА
текст справа в несколько строк
с выравниванием слева
Бегущая влево строка (и/или картинка!)
Бегущая вправо строка (и/или картинка!)
Бегущая от края к краю строка (и/или картинка!)
Скользящий вверх текст
Скользящий вниз текст
Сноска сверху (удобно для показателя степени)
ТЕКСТ сноска - 120 см2
Сноска снизу (индекс)
ТЕКСТ сноска - АВ12
Список - жирная точка спереди
- Это Вам не гифы по сайтам тырить!
- Кто юзал мой логин и весь его выюзал?!
Автоматическое формирование списка по пунктам
- Я всегда права!
- Если я не права, то см. п.1
"Закрепить" текст так, как вы его напишите
Каждый
пишет так,
как ему нравится!
Текст со всплывающей подсказкой
Хотите увидать подсказку? - наведите мышкой на это предложение -
всплывет подсказочка.
|
Анимированные,прозрачные фоны-7 |
|
Смайлики. |
|
|
Комментарии в ассортименте |
|
Оформляем текст и картинки |
Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу. |
Код обтекания картинки текстом <img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам" |
|||
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх. |
Код картинки слева <img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы! |
|||
Картинка справа от текста: Все правила написания для правой стороны такие же , как и для левой. |
Код для картинки с права: <img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим |
|||
Картинка в центре текста: Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект. |
Код для картинки в центре текста: Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста. |
|||
Текст между двух картинок
|
Код для текста между двух картинок <table align=center border=0> <tr> <td><img src="URL адрес КАРТИНКИ"></td> <td>Текст, который красиво расположится между картинками.</td> <td><img src="URL адрес КАРТИНКИ"></td> </tr> </table> |
|||
Картинка между текстом
|
Код для картинки между текстом <table align=center border=0> <tr> <td>ТЕКСТ</td> <td><img src="URL адрес КАРТИНКИ"></td> <td>ТЕКСТ</td> </tr> </table> |
|
ФОНЫ ДЛЯ БЛОГА, КОЛЛАЖЕЙ |
|
Анимация |
Вам сюда! |
|
Надписи для комментариев с кодами |
|
Надписи |
Метки: надписи |
Бабочки GIF |
МОЯ КОПИЛОЧКА БАБОЧЕК для ВАС. Найти коды моих постов Вы сможете нажав на . | ||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Для блога.       Мои шпаргалки.     Разделители.      Фоны.      Глиттеры.       Рамочки для постов.      Моя копилочка. Из блога MElenKa |
|
Эффект отражения на воде |
|
Декоративные рамки |
|
HTML - Шпаргалка! |
|
Надписи |
|
Букеты цветов |
|
Пишем текст в программе XARA3D6 |
|
Рамочки с яблоками |
Метки: рамочки |
Делаем открытку в Paint |
Урок 1.
Итак, приступаем к созданию нашего первого шедевра! Я не буду рассказывать о самой программе и её функциях, потому что думаю, чтобы пощёлкать по кнопкам и прочитать справку в целях изучения программы будет достаточно максимум часа. А мы приступим сразу к практическим занятиям!Сейчас мы с вами будем делать вот такую открытку:
|
Делаем открытку со стихами |
Сделаем открытку со стихами. Ввиду того что я ленивый и мне лень искать для примера фоны и текст стихов, я позаимствовал все это у inmira с её поста http://www.liveinternet.ru/users/inmira/post99542587/.
- Фон для рамки - Фон для текста и картинки - Картинка.Коды картинок ( видны при редактировании черновика или поста )
Размеры картинок уменьшены что бы они не занимали много места в посте
Сделаем рамку для открытки. Для этого построим таблицу 1х1 - одна строка, один столбец. Для таблицы пропишем background.
В background укажем ссылку на фоновую картинку для рамки
Что бы получилась рамка нужно "лишнее" пространство залить фоном для текста и рисунка.
Что бы это сделать нужно указать background для ячейки тяблицы
Получилось не совсем то что мы хотели. Это потому что мы "забыли" указать отступ от границы таблицы до ячейки таблицы.
Исправим это дописав в тег <table> параметр cellspacing
И все равно ничего не получилось. Все это потому что в дневнике, для таблицы в глобальных стилях указано border-collapse: collape и из-за этого cellspacing игнорируется
Что бы это исправить нужно к <table> добавить стиль style="border-collapse: separate;"
Ура! У нас есть рамка :). Все что нам осталось это вставить в ячейку таблицы рисунок и текст стихов
Весь год, не соврав никому ни на грошь, Мы ждем, как небесную манну, Тот день, когда можно удариться в ложь, Невинно придаться обману! Набрав арсенал завиральный идей, С кощунственным трепетом в теле Мы ловим доверчивых честных людей, Забывших о первоапреле. И мы их находим, смиренных ягнят, Простецки развесивших уши. И стрелы обмана со свистом летят В их светлые, чистые души. Но первоапрельский веселый обман - Сердечная наша потеха. И стрелы не кровь высекают из ран, А добрые искорки смеха. О, как же он весел и как же хорош, Пришедший на смену метелям, Тот праздник, во смех превращающий ложь! Сограждане, с первым апреля! |
Не все так просто :). Во первых текст расположен не справа от рисуна, а под ним. Во вторых текст нечитаемый из-за того что цвет текста черный и размер шрифта маленький.
Что бы текст располагался справа от рисунка добавим в код рисунка align="left" в этом случае рисунок будет располагаться слевой стороны ячейки, а текст будет "обтекать" его справа.
Что бы изменить цвет текста и размер шрифта добавим к <td> стиль style="color: #fffcfc; font-size: 18px;". Цвет текста #fffcfc, размер шрифта 18px.
Весь год, не соврав никому ни на грошь, Мы ждем, как небесную манну, Тот день, когда можно удариться в ложь, Невинно придаться обману! Набрав арсенал завиральный идей, С кощунственным трепетом в теле Мы ловим доверчивых честных людей, Забывших о первоапреле. И мы их находим, смиренных ягнят, Простецки развесивших уши. И стрелы обмана со свистом летят В их светлые, чистые души. Но первоапрельский веселый обман - Сердечная наша потеха. И стрелы не кровь высекают из ран, А добрые искорки смеха. О, как же он весел и как же хорош, Пришедший на смену метелям, Тот праздник, во смех превращающий ложь! Сограждане, с первым апреля! |
Уже лучше :) Но есть недоработка. Текст заползает под рисунок. Что бы этого не было поместим рисунок текст стихов в тег <div>. со стилем style="float: left" для рисунка и style="float: right" для текста.
Я приведу пример сокрашенного кода что бы было понятнее
Весь год, не соврав никому ни на грошь,
Мы ждем, как небесную манну,
Тот день, когда можно удариться в ложь,
Невинно придаться обману!
Набрав арсенал завиральный идей,
С кощунственным трепетом в теле
Мы ловим доверчивых честных людей,
Забывших о первоапреле.
И мы их находим, смиренных ягнят,
Простецки развесивших уши.
И стрелы обмана со свистом летят
В их светлые, чистые души.
Но первоапрельский веселый обман -
Сердечная наша потеха.
И стрелы не кровь высекают из ран,
А добрые искорки смеха.
О, как же он весел и как же хорош,
Пришедший на смену метелям,
Тот праздник, во смех превращающий ложь!
Сограждане, с первым апреля!
|
Получили практически то что хотели. Осталось привести текст стихов в "божеский" вид. Можно установить галочку "Сохранять переводы строк в тексте.", но я лучше уберу это галочку и добавлю еще один тег <pre>. Все что находится внутри этого тега будет выводится со всеми пробелами и переносами строк.
Вот мы и получили то что хотели.
Весь год, не соврав никому ни на грошь, Мы ждем, как небесную манну, Тот день, когда можно удариться в ложь, Невинно придаться обману! Набрав арсенал завиральный идей, С кощунственным трепетом в теле Мы ловим доверчивых честных людей, Забывших о первоапреле. И мы их находим, смиренных ягнят, Простецки развесивших уши. И стрелы обмана со свистом летят В их светлые, чистые души. Но первоапрельский веселый обман - Сердечная наша потеха. И стрелы не кровь высекают из ран, А добрые искорки смеха. О, как же он весел и как же хорош, Пришедший на смену метелям, Тот праздник, во смех превращающий ложь! Сограждане, с первым апреля! |
|
Еще цветочные фоны |
Размеры фонов разные - от 160х160 до 500х500
Все фоны бесшовные и идеально подходят для создания креативного дизайна для Вашего лирушного блога
Все фоны кликабельны до оригинального размера
Метки: фоны |