Комментарии (0)

Сердечки с кодами.

Суббота, 17 Ноября 2012 г. 01:54 + в цитатник
Это цитата сообщения soft_steel [Прочитать целиком + В свой цитатник или сообщество!]

<img src="//img0.liveinternet.ru/images/attach/c/2/83/122/83122748_1.png" width="337" height="330" alt="1 (337x330, 248Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/2/83/122/83122750_2.png" width="307" height="330" alt="2 (307x330, 190Kb)" />
<img src="//img1.liveinternet.ru/images/attach/c/2/83/122/83122751_3.png" width="338" height="330" alt="3 (338x330, 249Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/2/83/122/83122752_5.png" width="308" height="330" alt="5 (308x330, 183Kb)" /> <br />

Смотреть дальше

Рубрики:

Оформление дневника

Комментарии (2)

Новогодние картинки (с кодами)

Суббота, 17 Ноября 2012 г. 01:52 + в цитатник
Это цитата сообщения soft_steel [Прочитать целиком + В свой цитатник или сообщество!]

Все картинки в формате PNG и увеличиваются кликом))

<img src="//img0.liveinternet.ru/images/attach/c/4/80/671/80671254_preview_0_74b75_50bd4d44_XXXL.png" alt="Превью 0_74b75_50bd4d44_XXXL (700x661, 541Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/4/80/671/80671256_preview_0_74b84_7175bef6_XXXL.png" alt="Превью 0_74b84_7175bef6_XXXL (582x700, 429Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/4/80/671/80671257_preview_0_74bec_15df8851_XXXL.png" alt="Превью 0_74bec_15df8851_XXXL (606x700, 435Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/4/80/671/80671258_preview_0_74c4e_807417f6_XXXL.png" alt="Превью 0_74c4e_807417f6_XXXL (700x691, 464Kb)" /><br />
<img src="//img1.liveinternet.ru/images/attach/c/4/80/671/80671411_preview_0_4a3cb_150978fb_XL.png" alt="Превью 0_4a3cb_150978fb_XL (530x700, 472Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/4/80/671/80671414_preview_0_4a3fa_68c0119b_XL.png" alt="Превью 0_4a3fa_68c0119b_XL (589x700, 576Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/4/80/671/80671417_preview_0_783f4_91e716fc_XXXL.png" alt="Превью 0_783f4_91e716fc_XXXL (471x700, 455Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/4/80/671/80671418_preview_0_4361c_d9b40d7f_XL.png" alt="Превью 0_4361c_d9b40d7f_XL (700x594, 179Kb)" />
<img src="//img0.liveinternet.ru/images/attach/c/4/80/671/80671912_preview_0_76c31_c5e56f15_XXXL.png" alt="Превью 0_76c31_c5e56f15_XXXL (612x700, 368Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/4/80/671/80671913_preview_0_435d5_edbb8960_XL.png" alt="Превью 0_435d5_edbb8960_XL (462x700, 256Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/4/80/671/80671914_preview_0_4361e_1d185f32_XL.png" alt="Превью 0_4361e_1d185f32_XL (700x581, 151Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/4/80/671/80671916_preview_0_4364c_efd9c4b8_XL.png" alt="Превью 0_4364c_efd9c4b8_XL (700x443, 223Kb)" />

смотреть дальше

Рубрики:

Оформление дневника
Новый год

Понравилось: 4 пользователям

Комментарии (0)

Новогодние картинки.2. (с кодами)

Суббота, 17 Ноября 2012 г. 01:50 + в цитатник
Это цитата сообщения soft_steel [Прочитать целиком + В свой цитатник или сообщество!]

Все картинки в формате PNG и увеличиваются кликом))

<img src="//img1.liveinternet.ru/images/attach/c/4/80/901/80901475_preview_0_6c958_57c5cbb8_XXXL.png" alt="Превью 0_6c958_57c5cbb8_XXXL (700x583, 256Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/4/80/901/80901476_preview_0_7a288_c1ead3df_XXXL.png" alt="Превью 0_7a288_c1ead3df_XXXL (700x668, 404Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/4/80/901/80901477_preview_0_7a297_ccd805ff_XXXL.png" alt="Превью 0_7a297_ccd805ff_XXXL (434x700, 227Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/4/80/901/80901478_preview_0_8c910_2240aab8_XXXL.png" alt="Превью 0_8c910_2240aab8_XXXL (700x700, 529Kb)" /><br />
<img src="//img1.liveinternet.ru/images/attach/c/4/80/901/80901555_preview_0_79f54_37db99e9_XXXL.png" alt="Превью 0_79f54_37db99e9_XXXL (560x700, 160Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/4/80/901/80901556_preview_0_94e37_a9d74e7f_XXXL.png" alt="Превью 0_94e37_a9d74e7f_XXXL (612x700, 468Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/4/80/901/80901557_preview_0_452b2_27dfef13_XL.png" alt="Превью 0_452b2_27dfef13_XL (506x699, 244Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/4/80/901/80901558_preview_0_7800f_34dbb2d1_XXXL.png" alt="Превью 0_7800f_34dbb2d1_XXXL (677x700, 546Kb)" />
<img src="//img1.liveinternet.ru/images/attach/c/4/80/901/80901767_preview_0_7801d_3c419c47_XXXL.png" alt="Превью 0_7801d_3c419c47_XXXL (700x642, 242Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/4/80/901/80901769_preview_0_77096_3d8f633a_XXXL.png" alt="Превью 0_77096_3d8f633a_XXXL (700x700, 148Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/4/80/901/80901770_preview_0_b4d47_5ac31fb1_XL.png" alt="Превью 0_b4d47_5ac31fb1_XL (650x632, 997Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/4/80/901/80901771_preview_yolochka_f.png" alt="Превью ёлочка_f (595x700, 456Kb)" />

смотреть дальше

Рубрики:

Оформление дневника
Новый год

Комментарии (0)

Новогодние картинки.3. (с кодами)

Суббота, 17 Ноября 2012 г. 01:49 + в цитатник
Это цитата сообщения soft_steel [Прочитать целиком + В свой цитатник или сообщество!]

смотреть дальше

Рубрики:

Оформление дневника
Новый год

Комментарии (1)

Оформляем текст и картинки

Суббота, 17 Ноября 2012 г. 01:47 + в цитатник
Это цитата сообщения Sweets_Cherry [Прочитать целиком + В свой цитатник или сообщество!]

Картинка обтекаемая текстом

Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения 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>

Блог Лиры

Рубрики:

Оформление дневника/Ликбез

Комментарии (0)

Серебристые разделители

Суббота, 17 Ноября 2012 г. 01:46 + в цитатник
Это цитата сообщения Monro-Designs [Прочитать целиком + В свой цитатник или сообщество!]

Смотреть дальше>>>>>>>>>>>>>>>>>>>

Серия сообщений "Кнопочки и рaзделители":
Часть 1 - Осенние разделители. Большая коллекция!
Часть 2 - Разделители осенние, очень много красоты
...
Часть 4 - Кнопочки-переходы.
Часть 5 - Новогодние разделители (с кодами). Анимации.
Часть 6 - Серебристые разделители
Часть 7 - Флеш-плееры розы
Часть 8 - Белые и серые разделители.
...
Часть 34 - Флеш-плееры "Разделители" с кодами
Часть 35 - Кнопочки-переходы "Далее..."
Часть 36 - Новогодние FLASH - плееры

Комментарии (1)

HTML. Работа с текстом и картинками.

Суббота, 17 Ноября 2012 г. 01:44 + в цитатник
Это цитата сообщения Silvestr [Прочитать целиком + В свой цитатник или сообщество!]

Продолжаем изучать основы HTML. Сегодня на повестке дня выравнивание текста, работа с ним, а так же вставка картинок. Еще маленькая фишка для придания динамичности - это бегущая строка.

Центрирование: текст (картинка) по центру

Выравнивание текста по правому краю поста:

Выравнивание текста по всей ширине поста:

Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):

Бегущая строка:
СТОЙ! КУДА ПОБЕЖАЛА!!!

Вместо текста можно вставить картинку:

Код этой картинки:

Сноска вверху: ТЕКСТ^сноска
<sup>ваша сноска</sup>

Сноска внизу: ТЕКСТ_сноска
<sub>ваша сноска</sub>

Линия:

ее код:<hr>

Ударение:
Cтавим после нужной буквы:
́

Серия сообщений "Правила, коды, подсказки":
Часть 1 - Обойма сервисов по работе с цветом.
Часть 2 - По щучьему велению для веб-мастера.
...
Часть 10 - Огромная коллекция генераторов.Более 500 ссылок.Собрана вся коллекция!Разбирайте!!!
Часть 11 - Оформление текста. HTML.
Часть 12 - HTML. Работа с текстом и картинками.
Часть 13 - Размер, цвет, стиль текста в HTML.
Часть 14 - 5 шагов для успешного развития сайта
...
Часть 21 - ТОП 10HTML ошибок новичков
Часть 22 - Оптимизация изображений для блога или сайта
Часть 23 - Бесплатный контент для блога

Рубрики:

Оформление дневника/Ликбез

Понравилось: 2 пользователям

Комментарии (0)

Смалики,выражающие эмоции)))

Суббота, 17 Ноября 2012 г. 01:36 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Серия сообщений "Смaйлики":
Часть 1 - Смайлы - снежинки
Часть 2 - Смалики,выражающие эмоции)))
Часть 3 - Смайлики с кодами (3)
Часть 4 - Синие смайлы (128x128) - часть вторая
...
Часть 16 - Смайлы с кодами. Зима. Новый год.
Часть 17 - Смайлы-комменты с кодом
Часть 18 - До Нового Года осталось

Понравилось: 7 пользователям

Комментарии (0)

Как сделать картинку с увеличением ("кликабельной"

Суббота, 17 Ноября 2012 г. 01:36 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Чтобы сделать картинку "кликабельной", не обязательно пользоваться специальными услугами фотохостинга. Достаточно вставить адрес_картинки в следующий код (2 раза):
<a href="адрес_картинки" target=_blank><img src="адрес_картинки" width=500px></a>
Здесь предполагается, что размер исходной картинки больше 500px. Если Вы хотите изменить размер превьюшки, замените width=500px на width=ВАШЕ_ЗНАЧЕНИЕpx.

Arnusha

Рубрики:

Оформление дневника/Ликбез

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

Комментарии (1)

Ссылочная коллекция для блога

Суббота, 17 Ноября 2012 г. 01:33 + в цитатник
Это цитата сообщения Rukodelkino [Прочитать целиком + В свой цитатник или сообщество!]

Информер погоды
Счётчики посещаемости
Cursor Mania - курсоры, интересные смайлики
Оптические иллюзии
Палитра для текста
Специальные символы на клавиатуре
Fotozveri - большой сайт со зверушками
Angelsart - маленький сайт с ангелами, феями, эльфами
Страна фантазий - анимашки, картинки, часики, курсоры, календарики
33B.ru - огромная gif-коллекция блестящих и не очень картинок на все случаи
Красота - коллекция красивых блестящих картинок
Glitter-Graphics - много блестяшек-анимашек
Best gif - гигантский сайт анимашек (более 3000)
Glitter Graphics Now - новая коллекция блестяшек-анимашек
Всякие картинки - тематические gif-коллекции
Клип-арт - огромный алфавитный каталог картинок, бордюров и фонов

Смотреть далее >>>>>

Рубрики:

Оформление дневника

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

Комментарии (0)

Новогодние разделители (с кодами). Анимации.

Суббота, 17 Ноября 2012 г. 00:26 + в цитатник
Это цитата сообщения Inmira [Прочитать целиком + В свой цитатник или сообщество!]

<img src="//img1.liveinternet.ru/images/attach/c/0//52/891/52891576_barnev.gif" alt="новогодние линии" />

<img src="//img1.liveinternet.ru/images/attach/c/0//52/919/52919246_0001.gif" alt="линии разделители" />

<img src="//img0.liveinternet.ru/images/attach/c/0//52/919/52919744_0001.gif" alt="новогодние линии" />

Дальше > > >

Серия сообщений "Кнопочки и рaзделители":
Часть 1 - Осенние разделители. Большая коллекция!
Часть 2 - Разделители осенние, очень много красоты
Часть 3 - Кулинарные кнопочки, смайлы.
Часть 4 - Кнопочки-переходы.
Часть 5 - Новогодние разделители (с кодами). Анимации.
Часть 6 - Серебристые разделители
Часть 7 - Флеш-плееры розы
...
Часть 34 - Флеш-плееры "Разделители" с кодами
Часть 35 - Кнопочки-переходы "Далее..."
Часть 36 - Новогодние FLASH - плееры