Коды для оформления блога Окошко для кода - Рамочка вокруг текста - Рамочка вокруг текста (разрыв слева) - Рамочка вокруг текста (разрыв справа) - Картинки в записи: Картинка слева от текста - Картинка справа от текста - Картинки по бокам текста - Картинки в ряд: 2 картинки - 3 картинки - 4 картинки - 5 картинок - 6 картинок - Кнопки в записи: Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне - Номера страниц в блоге - Рамка с картинками по углам - Таблица -

70

 

[flash=600,351,http://www.xcwhw.cn/fla/cs/500.swf]

ОСТАЛЬНЫЕ 21 ШТ. ЗДЕСЬ >>>

 

 

с инсайтов

 

<img src="//img0.liveinternet.ru/images/attach/c/3/76/155/76155288_742.gif" width="240" height="320" alt="742 (240x320, 429Kb)" />

<img src="//img1.liveinternet.ru/images/attach/c/3/76/155/76155507_754.gif" width="240" height="320" alt="754 (240x320, 209Kb)" />

<img src="//img0.liveinternet.ru/images/attach/c/3/76/155/76155534_726.gif" width="240" height="320" alt="726 (240x320, 318Kb)" />

<img src="//img1.liveinternet.ru/images/attach/c/3/76/156/76156423_749.gif" width="240" height="320" alt="749 (240x320, 300Kb)" />

<img src="//img0.liveinternet.ru/images/attach/c/3/76/156/76156434_755.gif" width="240" height="320" alt="755 (240x320, 77Kb)" />

<img src="//img1.liveinternet.ru/images/attach/c/3/76/156/76156393_728gif.gif" width="240" height="320" alt="728gif (240x320, 255Kb)" />

<img src="//img1.liveinternet.ru/images/attach/c/3/76/156/76156399_739.gif" width="240" height="320" alt="739 (240x320, 228Kb)" />

<img src="//img0.liveinternet.ru/images/attach/c/3/76/155/76155606_747.gif" width="240" height="320" alt="747 (240x320, 180Kb)" />

<img src="//img0.liveinternet.ru/images/attach/c/3/76/155/76155416_704.gif" width="240" height="320" alt="704 (240x320, 205Kb)" />

Читать далее...

Открытки от Искательница А.илона A.ilona <img src="//i072.radikal.ru/1010/03/cafd60031b80.gif" border="0" /> <img src="//i077.radikal.ru/1010/b4/885038b2aeb2.gif" border="0" /> <img src="http://content.foto.mail.ru/list/net.78/_animated/i-3410.gif" border="0" /> <img src="http://content.foto.mail.ru/list/net.78/_animated/i-3198.gif" border="0" /> <img src="//s41.radikal.ru/i091/1008/3f/1d0e5d71485b.gif" border="0" /> <img src="//s53.radikal.ru/i141/1008/7f/6258cc793a62.gif" border="0" /> <img src="//i072.radikal.ru/1008/98/660029f6fb62.gif" border="0" /> <img src="//s11.radikal.ru/i183/1008/0d/1b817350f40c.gif" border="0" /> <img src="//s46.radikal.ru/i114/1008/e2/bdc8eb9188e4.gif" border="0" /> <img src="//i076.radikal.ru/1008/87/2e0e4fc26e6e.gif" border="0" /> <img src="//s55.radikal.ru/i149/1008/8e/c297b6027d40.gif" border="0" /> <img src="//i077.radikal.ru/1008/08/797ea3519cc7.gif" border="0" /> <img src="//s59.radikal.ru/i163/1008/fe/007aa9c9cb90.gif" border="0" /> <img src="//s48.radikal.ru/i119/1008/57/62b87c492a28.gif" border="0" /> <img src="http://content.foto.mail.ru/list/net.78/_animated/i-3174.gif" border="0" /> <img src="http://content.foto.mail.ru/list/net.78/_animated/i-3172.gif" border="0" /> <img src="//s44.radikal.ru/i106/0911/00/8e98e9ea851e.gif" border="0" /> <img src="http://content.foto.mail.ru/list/net.78/_animated/i-3334.gif" border="0" /> <img src="//img1.liveinternet.ru/images/attach/c/2//65/971/65971496_53497618_0_23a0c_76a30dc7_XL.gif" width="600" height="442" alt="53497618_0_23a0c_76a30dc7_XL (600x442, 209 Kb)" />

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://efachka.ru" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/3/75/130/75130355_2.GIF" title="" /></a>
Читать далее...

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

Цветы

Читать далее...

По просьбам читателей, попытаюсь объяснить как ставить по бокам текста вертикальные разделители, как сейчас они стоят у меня в этом посте. Большой выбор  самых красивых вертикальных разделителей, для украшения Ваших постов и блогов можно найти здесь: efachka.ru/post179454015. Ставятся они точно так же как и картинки. Что бы было понятно всем, и тем кто только начинает знакомится с кодами, напишу все очень подробно. Начну все по порядку. Если вы хотите что бы картинки стояли по краям вашей записи, (КАК СЕЙЧАС В ПРИМЕРЕ), то посмотрим сначала как выглядит просто HTML код картинки или разделителя. Я взяла небольшой вертикальный разделитель, который в Упрощённый формате (в расширенном текстовом редакторе на ЛиРу) выглядит вот так:

Читать далее...

По просьбам читателей расскажу, как научиться делать самую простую двухслойную рамочку для текста, состоящую из ободка и основного фона.  Такую же рамочку Вы видите в этом посте.  Вот код-шаблон для такой рамочки, отсюда Вы можете его скопировать и вставить к себе в пост в простом редакторе или нажав на кнопку "источник". <center><table border="2" background="URL АДРЕС ФОНА ОБОДКА " cellpadding="5" cellspacing="5" width="100%"><tr><td><table border="2" background="URL АДРЕС ОСНОВНОГО ФОНА" cellpadding="0" cellspacing="0" width="100%"><tr><td><font size="5"><font color="#000000">Ваш текст</font></font></font></td></tr></table></td></tr></table></center>

Читать далее...

Чтобы установить часики себе в блог, необходимо скопировать с окошка код и вставить его в простом редакторе.

И пусть эти часы отсчитывают только приятные моменты Вашей жизни.

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://efachka.ru" target="_blank"><img border="0" height="0" src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTM3NDExODIyODEmcHQ9MTMxMzc*MTE4NTU5MyZwPTM2MzYxJmQ9d2FmLWNsb2NrcyZnPTEmbz*2YWFmNmJkMTdl/NTg*YTQwYTg3Zjk2YTI*MDcxOGI1Yg==.gif" />[flash=340,210,http://i251.photobucket.com/albums/gg294/wafpaf/clocks/swf/video3.swf]</a>

Читать далее...

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

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

Читать далее...

Для вставки рамочки, нужно скопировать код и вставить его у себя в блоге в расширенном редакторе, предварительно нажав на кнопочку "источник". Когда код вставлен, нажимаете еще раз на "источник" и появляется рамочка, в которую теперь можно писать свой текст и вставлять картинки.

ВАШ      Т Е К С Т

Код рамочки:

<center> <table background="//img-fotki.yandex.ru/get/5815/72247797.7/0_6d6ec_a0423f2b_XS.jpg" border="2" cellpadding="13" cellspacing="3" width="100%"> <tbody> <tr> <td> <table background="//img-fotki.yandex.ru/get/4612/72247797.7/0_6d6eb_d8488265_M.jpg" border="2" cellpadding="5" cellspacing="0" width="100%"> <tbody> <tr> <td> <p style="text-align: left"> <img align="left" alt="3424885_090708083117119834031254 (564x611, 461Kb)" height="325" src="//img0.liveinternet.ru/images/attach/c/4/78/968/78968968_3424885_090708083117119834031254.png" width="300" /></p> <p> <span style="color:#000000;"><em><strong>ВАШ<br /> <br />      Т Е К С Т</strong></em></span></p> </td> </tr> <tr> <td align="right" height="1%" style="padding:0px"> <span style="color:#708090;font-size:20px"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://efachka.ru"> <img alt="3424885_36342303_i192873755_74334_3 (29x31, 5Kb)" src="//img1.liveinternet.ru/images/attach/c/4/78/574/78574339_3424885_36342303_i192873755_74334_3.gif" style="float: right; width: 15px; height: 16px" /></a></span></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </center> <p>  </p>

 

Читать далее...

Картинки приветствия для Ваших дневничков.

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

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://efachka.ru" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/4/79/653/79653336_0_54b6f_5a8da081_XL.gif " /></a>

Читать далее...

Огромная Коллекция Смайликов Не забудьте при цитировании снять галочку на Автоматически переводить URL в ссылку и Сохранять переводы строк в тексте.!
			Дальше >>

Разделители (картинки или узоры), которые я сделала или раскрасила в фотошопе, может кому-то будут большие по размеру.
Чтобы уменьшить нужно сделать так:
Скопировать код, в нём убрать - *alt="6999 (670x42, 30Kb)" * - то, что заключила в звёздочки.
После этого я на треть уменьшила размеры - width="670" height="42"- на - width="500" height="30" и видим результат:






Так можно и увеличить, но качество изображения ухудшается..
Это одна из причин, по которой я не пропускаю через радикал - для меня важно знать размеры изображения при оформлении (а в радикале нет их)

Эта информация для рамки такого вида. Только на лирушке! На майле рамка расползётся - там немного другие теги работают! *** Если даны значения цифр в пикселях для тегов width и heght , то они делают рамку жёсткой, при размещении текста рамка НЕ РАСТЯГИВАЕТСЯ. В значение border можно вставить и другую цифру - это толщина рамки. Если поставить - 0, то будет просто фон для текста, но также ограниченным.

Часто приходит вопрос : Как сделать текст с прокруткой в флейме?

Попробую объснить)

Сначала пишите нужный Вам текст, редактируете его по своему усмотрению, после чего в самое начало (перед Вашим текстом) вставляете вот этот код:

Значения указанные цифрами:

1 - это ширина текста по отношению к странице, сейчас стоит 100% - если хотите чтоб было меньше просто поменяйте цифру. Да и если Вам по какой-то причине не нравиться делать в процентах, то вы всегда можете изменить % на px.

2 - это высота видимого текста, стоит 300, можете по необходимости менять в большую или меньшую сторону.

3 - это отступ сверху от начала сообщения, сейчас стоит 0, если хотите, то можете поменять и флейм с текстом опустится на нужное Вам значение.
4 - это отступ с левой стороны, стоит 0, так же можете поменять на нужное Вам значение.

 

Пример) убираем весь текст во флейм, чтоб сократить длинну поста я уменьшила высоту прокрутки до 100px и поменяла отступ сверху с 0 на 20px

 

 

C этим разобрались, теперь отвечу на второй вопрос -

Как вставить прокрутку в рамочку?

Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё так же как описано выше - вставляете код в рамочку перед Вашим текстом.

 

Как вставить прокрутку в рамочку? Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё так же как описано выше - вставляете код в рамочку перед Вашим текстом. Если у Вас картинка слева или справа рамочки и Вы не хотите, чтоб было пустое пространство рядом с ней, то нужно изменить код. Возьмём для примера вот эту рамочку со вставленной в неё прокруткой:  Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки ) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 350px (под ширину своего экрана) - Вы можете поменять на нужное Вам значение Дайтека

Если у Вас картинка слева или справа рамочки и Вы не хотите, чтоб было пустое пространство рядом с ней, то нужно изменить код.

 Возьмём для примера вот эту рамочку со вставленной в неё прокруткой: 

Как вставить прокрутку в рамочку? Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё так же как описано выше - вставляете код в рамочку перед Вашим текстом. Если у Вас картинка слева или справа рамочки и Вы не хотите, чтоб было пустое пространство рядом с ней, то нужно изменить код. Возьмём для примера вот эту рамочку со вставленной в неё прокруткой:  Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки ) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 350px (под ширину своего экрана) - Вы можете поменять на нужное Вам значение Дайтека

Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки которые находятся в коде самой картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки ) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 350px (под ширину своего экрана) - Вы можете поменять на нужное Вам значение.

Дополнение)

Если Вы хотите поместить в прокрутку только часть своего поста, а не весь, то Вам нужно использовать вот эти тэги <pre> Ваш текст </pre>всё что находится между ними будет в прокрутке, что до них или после них в прокрутку входить не будет.

Вот вроде и всё) если что-то осталось не понятно, то пишите в комментах попробую объяснить подробней.

 

Самые красивые картинки, фото и анимации для оформления блогов и для души.


http://kilat.ru
Анимации и анимационные картинки. Мега огромный ресурс. Думаю самый большой в интернете. Множество рубрик, все удобно и красиво.

http://blestki.com
Картинки анимации с надписями - спасибо, поздравления, признания в любви, высказывание и многие другие супер полезные вещи. Уникальный ресурс, ни одна картинка не украдена не откуда - все уникальное и часто дополняется.

http://fotoloves.ru
Любовь картинки. Сайт посвященный любви. Красивые картинки и фотографии ангелочков, влюбленных пар, поцелуев, сердечек просто дикое количество. Кайф да и только.

http://top400.narod.ru
Картинки и анимации про любовь. Анимации, очень большие фотографии и обои, аватары и просто картинки.

http://chempionki.ru
Красивые фото и картинки. Лучшие фотографии интернета.
Любовь, автомобили, гламурные картинки, цветы, животный мир, природа, фэнтези, мультики, абстракции, богатство, разные фото.

http://talklove.ru
Красивые картинки и анимации. Сборник анимации и фото. Множество рубрик, все картинки очень красивые, с кодами, и любая достойна стать оформлением блога.

http://babochkiz.narod.ru
Бабочки. Фото и картинки дневных и ночных бабочек поражают своей красотой и многообразием. Бабочки самых разных размеров и расцветок порадуют вас.

http://kawinx.narod.ru
Картинки Винкс. Девочки из мультфильма Винкс будут улыбаться вам и приветствовать со страниц этого сайта.

http://coolclipart.narod.ru
Картинки и фото животных. Дикие и домашние животные, подводный мир, рептилии, насекомые, птицы.

http://tigrenzia.narod.ru
Фото и картинки кошки. Прикольные картинки кошек и фото котят поднимут вам настроение в любой момент, когда вы этого захотите.

http://best-boss.narod.ru
Фото и обои машин. Фотографии автомобилей для рабочего стола. Все марки подписаны.

http://mult-pict.narod.ru
Картинки мультиков, детские картинки. Обои, блестяшки, мультяшки на белом фоне, аватары. Все герои любимых мультфильмов.

http://nasfoto.narod.ru
Насекомые картинки и фото. Бабочки, гусеницы, жуки, кузнечики, мушки, пауки, пчелы и стрекозы.

http://textpicts.narod.ru
Картинки и рисунки символами. Рисунки буквами и текстом для гостевых книг, страничек в контакте и одноклассниках. Очень много тем, есть также имена и города.

http://fotosobaki.narod.ru
Собаки и щенки. Милые очаровательные собаки и щеночки разных пород, размеров и расцветок.

http://fan-skazka.narod.ru
Картинки фэнтези. Единороги и пегасы, феи и ангелы, волшебницы и колдуны.

http://cvetys.narod.ru
Цветы и букеты. Анимированные картинки цветов, фотографии и рисунки (живопись, компьютерная графика и т.д.)

http://fotz.narod.ru
Фото и картинки цветов. Отсортированы о цветам. Классные фотки совершенно любых цветов, все с кодами.

http://ledys-glamour.narod.ru
Гламурные картинки. Анимашки, аватары, гламурные обои и большие фотографии, модные картинки девушек.

http://lubov-foto.narod.ru
Позитивные картинки. Яркие цвета, улыбки, радость. Буйство всех красок одновременно. Просто восторг!

http://animeoboi.narod.ru
Картинки аниме. Множество картинок аниме и рисунков комиксов манга. Все с кодами для вставки.

http://narutopic.narod.ru
Картинки Наруто. Те кто любят эту мангу понимают о чем речь. 1400 штук.


ТВОРЧЕСТВО

http://fotoramochki.com
Рамки и шаблоны фотошоп. Все отсортировано, удобно скачивать и пользоваться. Ни одна рамка или шаблон не повторяются на других сайтах.

http://ramochky.narod.ru
Рамки для фотошопа. Хорошая весьма ценная подборка рамок - свадебные, цветочные, детские, новогодние и подходящие под любое фото.

http://shablon-best.narod.ru
Шаблоны для фотошопа. Огроменное количество шаблонов мужских, женских и детских. Осталось только вставить свое лицо или лицо соседа.

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

<textarea rows="5" cols="40">Ваш текст или код Вашей картинки.

Теперь чуть подробнее о коде и как его применять

rows="5" - Цифра 5 это ВЫСОТА окошка
cols="40" - Цифра 40 это ШИРИНА окошка
При необходимости поменяйте эти значения на нужные Вам.

Пример на картинке:
1. Загрузите нужную картинку,
2. Скопируете код окошка написанный выше и поставьте его после загруженной картинки,
3. Скопируете код картинки полностью и вставьте его после кода окошка.

КАРТИНКА --->>> КОД ОКОШКА --->>>КОПИЯ КОДА КАРТИНКИ

<img width="300" height="200" src="//img1.liveinternet.ru/images/attach/c/2//68/714/68714354_1294071282_59012937_1a04f142cfe2.gif" alt="" />

Плюсом, то что Вас ещё может заинтересовать :
1.Сделай слайд-шоу
2.Коды цвета для текстов
3.Сделай для блога кнопку.
4.Как сделать баннер-картинку для блога.
5.Как сделать рамочку для текста самому.
Всё остальное для оформления - рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога 

До конца происходящее пока не понятно, предварительно можно пока сказать так:

1. Что произошло.

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

2. Почему это происходит.

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

3. Как бороться.

Это очень просто. Идём в черновик и всё как обычно: загрузить изображение.

Оно выгружается пустым. Кликаем по пустому изображению правой кнопкой мыши, появляется табличка, выбираем внизу "свойства изображения", получаем новую табличку, справа в ней окошечко "предварительный просмотр", кликаем правой кнопкой мыши по пустому окошку, выбираем "открыть изображение", появляется новая вкладка с кодом изображения. Нажимаем Ctrl F5, в новой вкладке само открывается загруженное нормальное изображение. После этого применяем функцию "назад", видим что в нашем посте появляется нормальное изображение. Радуемся результату и продолжаем выгружать что хотим.

У меня этот метод работает, пример чему мой предыдущий пост. Мне это кажется более приемлемым чем заморачиваться на файлообменники...