Как нанести плавающие объекты на картинки? (Урок)

Многие задают вопрос: Как нанести плавающие объекты на картинки? Попытаюсь дать урок! Адрес картинки из инета: //img-fotki.yandex.ru/get/6701/206429358.31/0_b5d60_a00efedd_XL.jpg width="800" height="600" Адреса флешечек: http://www.msieflash.com/xx/8/butterfly23.swf http://www.flash1890.com/swf/sucai/hudie/7.swf http://www.msieflash.com/xx/11/044.swf Формула нанесения плавающего объекта на картинку: <*table background="адрес картинки"><*tbody><*tr><*td width="800" height="600">[flash=780,550,адрес флешки]<*br /><*div><*/div><*/td><*/tr><*/tbody><*/table> Формулу скопируйте как образец все звездочки аккуратно удалите и проследите, когда будете вставлять адреса картинки и флешки, чтобы не появились пробелы(удаляйте их). Формула всегда будет повторяться, меняться будут только: 1.Адрес картинки ( берем понравившиеся из инета ). 2.Адрес флешки ( берем понравившуюся – у меня в постах их великое множество ) 3.Размер картинки ( когда берем из инета смотрим и копируем ширину и высоту: width, height ) 4.Размер флешки ( ширину всегда ставим на 20 меньше, чем у картинки; высоту на 50 меньше, чем у картинки ) Формулы со вставленными адресами: <*table background="*//img-fotki.yandex.ru/get/6701/206429358.31/0_b5d60_a00efedd_XL.jpg"><*tbody><*tr><*td width="800" height="600">[flash=780,550,http://www.msieflash.com/xx/8/butterfly23.swf]<*br /><*div><*/div><*/td><*/tr><*/tbody><*/table> <*table background="*//img-fotki.yandex.ru/get/6701/206429358.31/0_b5d60_a00efedd_XL.jpg"><*tbody><*tr><*td width="800" height="600">[flash=780,550,http://www.flash1890.com/swf/sucai/hudie/7.swf]<*br /><*div><*/div><*/td><*/tr><*/tbody><*/table> <*table background="*//img-fotki.yandex.ru/get/6701/206429358.31/0_b5d60_a00efedd_XL.jpg"><*tbody><*tr><*td width="800" height="600">[flash=780,550,http://www.msieflash.com/xx/11/044.swf]<*br /><*div><*/div><*/td><*/tr><*/tbody><*/table> Результат:

Кнопочки ,и как подписать кнопку или картинку без фотошопа
 

Как можно сделать надпись без фотошопа Заходим на сайт Перед нами открылось вот такое окно,если у Вас картинка или кнопочка сохранена на компьютере, то жмем как на скрине

кнопочки

Серия сообщений "кнопочки":

Часть 1 - кнопочки

Все мои кулинарные кнопки с кодами на одном месте

Делаю этот пост так как возник проблем с кодами для вставки в старых постов, а некоторые кнопки были и без кодов. Вот уже все как надо)

<img src="//img0.liveinternet.ru/images/attach/c/7/94/341/94341906_93337012_large_11.png" width="125" height="107" alt="93337012_large_1[1] (125x107, 27Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/7/94/342/94342086_93337013_large_21.png" width="134" height="114" alt="93337013_large_2[1] (134x114, 33Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/7/94/342/94342111_93337014_large_31.png" width="181" height="105" alt="93337014_large_3[1] (181x105, 34Kb)" />
<img src="//img1.liveinternet.ru/images/attach/c/7/94/342/94342219_93337016_large_41.png" width="149" height="106" alt="93337016_large_4[1] (149x106, 38Kb)" /><br />	<img src="//img1.liveinternet.ru/images/attach/c/7/94/342/94342379_93337017_large_51.png" width="111" height="138" alt="93337017_large_5[1] (111x138, 34Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/7/94/342/94342456_93337018_large_61.png" width="150" height="111" alt="93337018_large_6[1] (150x111, 31Kb)" />
<img src="//img0.liveinternet.ru/images/attach/c/7/94/342/94342526_93337019_large_71.png" width="145" height="102" alt="93337019_large_7[1] (145x102, 31Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/7/94/342/94342540_93337020_large_81.png" width="129" height="103" alt="93337020_large_8[1] (129x103, 28Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/7/94/342/94342558_93337021_large_91.png" width="153" height="104" alt="93337021_large_9[1] (153x104, 37Kb)" />

<img src="//img0.liveinternet.ru/images/attach/c/7/94/342/94342736_93337023_large_101.png" width="161" height="97" alt="93337023_large_10[1] (161x97, 32Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/7/94/342/94342894_93337024_large_113.png" width="153" height="115" alt="93337024_large_11[3] (153x115, 37Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/7/94/343/94343018_93337025_large_121.png" width="160" height="104" alt="93337025_large_12[1] (160x104, 32Kb)" />
<img src="//img0.liveinternet.ru/images/attach/c/7/94/343/94343168_93337026_large_131.png" width="150" height="109" alt="93337026_large_13[1] (150x109, 32Kb)" /><br />	<img src="//img1.liveinternet.ru/images/attach/c/7/94/343/94343239_93337027_large_141.png" width="170" height="102" alt="93337027_large_14[1] (170x102, 39Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/7/94/343/94343276_93337028_large_151.png" width="122" height="134" alt="93337028_large_15[1] (122x134, 36Kb)" />
<img src="//img1.liveinternet.ru/images/attach/c/7/94/343/94343307_93337029_large_161.png" width="163" height="99" alt="93337029_large_16[1] (163x99, 33Kb)" />

<img src="//img1.liveinternet.ru/images/attach/c/7/94/344/94344039_93337030_large_173.png" width="134" height="120" alt="93337030_large_17[3] (134x120, 34Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/7/94/344/94344088_93337031_large_183.png" width="145" height="120" alt="93337031_large_18[3] (145x120, 41Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/7/94/344/94344125_93337032_large_191.png" width="162" height="99" alt="93337032_large_19[1] (162x99, 29Kb)" />
<img src="//img0.liveinternet.ru/images/attach/c/7/94/344/94344170_93337033_large_201.png" width="143" height="115" alt="93337033_large_20[1] (143x115, 34Kb)" /><br />	<img src="//img1.liveinternet.ru/images/attach/c/7/94/344/94344235_93337034_large_211.png" width="152" height="118" alt="93337034_large_21[1] (152x118, 37Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/7/94/344/94344300_93337035_large_221.png" width="120" height="120" alt="93337035_large_22[1] (120x120, 28Kb)" />

Как создать ссылки в редакторе дневника.

Все, что “нажимается” и  “кликается”  на сайтах в интернете –   это ссылки  . Благодаря возможности использовать ссылки мы можем очень быстро посещать разные сайты и получать огромное количество информации. Желательно, чтобы ссылки, которые мы используем в дневнике были короткими и рабочими, другими словами, "живыми". Неживые ссылки тоже имеют право на существование. Такую ссылку  нужно скопировать в буфер обмена, вставить в адресную строку браузера и нажать Enter. В редакторе дневника есть очень удобные кнопки для создания живых ссылок  

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

Убираем под кат! Как в редакторе ссылку *Читать далее* заменить картинкой

Одна из читательниц задала мне вопрос. Как, вместо привычного "Читать далее" вставить картинку? Я никогда этого не делала и поэкспериментировав в черновике выкладываю результат. Здесь нашла много таких кнопок - картинок. Это можно сделать двумя способами. Первый способ - загрузить картинку на фотохостинг и вставить ссылку в специальный код

УРОК =ФОНЫ ДЛЯ СХЕМ ИЗ МАСОК=
 

Переводчик интернетовских страниц

Взяла у almiria, многим помогает справляться с переводами

Применение таблиц
 

Разместим в дневнике большое количество небольших по размеру рисунков. Для примера я взял 6 анимированных смыйликов

Для того что бы рисунки располагались горизонтально необходимо убрать галочку с "Сохранять переводы строк в тексте.".

Я специально взял смайлы разного размера. Попробуем теперь сделать вывод рисунков более логичным.
Большие смайлы в одной колонке, маленькие - в другой

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

Как взломать защиту от копирования картинки в вебсайтe (Websitе)

Как скопировать защищённую от копирования картинку в вебсайтe (Website)


1. Выбираем страницу с картинкой (Website), например,
http://www.betterphoto.com/gallery/big.asp?photoID...=&rowNumber=30&memberID=202098

2. На клавиатуре нажимаем в след. порядке команды:
- Ctrl A – выбор всей страницы
- Ctrl C – копирование страницы

3. Открываем Word документ и вставляем туда скопированную страницу командой Ctrl V

4. Правой мышкой кликаем на картинку и удаляем Website - Hyperlink (глобус с цепью).

5. Правой мышкой на картинку – копируем, вставляем в свободное место Word документа или переносим в новый Word документ.

6. Правой мышкой на картинку - форматируем картинку - выбираем позицию - прозрачная или любую другую (перед текстом, за текстом итд.).

7. Правой мышкой кликаем на картинку и удаляем Hyperlink, если остался неудалённым адрес вебсайта.

8. Правой мышкой на картинку – копируем.

9. Берём любую из ваших картинок и открываем с помощью программы Paint.

10. В ней открываем новый документ.

11. Вверху в „Oбработкa“ выбираем - вставить - вставляем картинку.

12. Cохраняем как обычно, где вам нужно.

Всё. Готово.

Итак, у меня это получилось. Получится и у вас! Если есть вопросы, спрашивайте.

После многочисленных комментариев я решила дополнить свой пост.

Спасибо читателям за помощь и поддержку!

Существует несколько способов скопировать картинку с вебсайта. Всё зависит от браузера и имеющихся на вашем компьютере программ. Один из способов подойдёт обязательно.

Ниже перечислены наиболее распростpанённые способы из комментариев. Каждый выбирает сам, что ему подходит.

- Нажимаете правую кнопку мышки, жмете на окошко с ошибкой ОК. Дальше в меню выбираете - Информация о странице. Вкладка Мультимедиа, ищете по списку картинку и жмете сохранить как
- левой кнопкой мышкии перемещаете фотку в папку "Картинки"
- выбираем "Страница" - сохранить как - в открывшемся окне выбираем "тип файла" - Веб-страница полностью - сохраняем в папке расчленённую страницу
- команда Ctrl + s - копировать расчленённую страницу, а затем и картинку
- принтскрин: нажимаете кнопку PrintScreen (клавиша справа от F12), открываете любой графический редактор, например Paint, нажимаете Ctrl+V (или пункт меню Правка -> Вставить), сохраняете.

Для новеньких и стареньких

Поскольку иногда новенькие спрашивают как и что делать, решила "раз и навсегда" выложить (разжеванными  с картинками-иллюстрациями) в одном посте все заморочки, с которыми сталкиваешься, попав на Лиру впервые, а заодно высказать несколько своих соображений о наших блогерских делах.

Для новеньких: начинать ознакомление с  Лирой следует

с этой странички Ростислава, кроме того, вам могут помочь с возникшими вопросами в сообществах Ча Во или FAQ для лирушников , Сообщество о liveinternet.ru , Сообщество для новичков Li.ru "Сама овца", Ответы на общие вопросы , БагЛи - сообщество, где вы можете оставить сообщение для разработчиков сайта о техническом сбое - глюке в вашем дневнике.

Как закачать картинки на Лиру - жмем 

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

1. Воспроизводит картинки моментально, не надо долго ждать загрузки картинок в посте, а при нашем платном интернете скорость - большое дело)

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

 3. Дает возможность "перенести" картинки из Яндекса в пост на Лире одним простым действием: дает коды сразу ко всему альбому (только убедитесь, что создаете пост в простом редекторе, не расширенном)

4. Есть возможность публиковать картинки в оригинальном размере, вместо наших положенных на Лире 700 пикселей

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

Как пользоваться сервисом  ЯндексФотки  

Вставляем музыку в пост.

Еще немного по поводу музыки на Лире

Как я сохраняю  видео с Ютюба

Теперь о наболевшем: я подписана на более чем 200 дневников, просматриваю посты через Ленту друзей, загружая на страницу по 200 сообщений. Многие любят блестящие рамки (я тоже люблю на них смотреть, хотя сама "не по этому делу" ) , но загружаются они долго, тормозят просмотр страниц, съедают интернет-время. Пожалуйста, ПРЯЧЬТЕ ЧАСТЬ ПОСТА !!!

 

Кроме того, для вас же будет лучше, если человек, заинтересовавшийся постом, кликнет "Читать дальше" - а значит зайдет на вашу страницу, увеличив количество посещений.  Если пост не спрятан под кат, но мне интересен, я его прочту через ленту, не заходя в ваш днев, а вам что от этого? Тот, кому затронутая в вашем посте тема неинтересна, будет только испытывать раздражение, если вы заставляет его читать ненужный пост и может отписаться от вашего днева.

как прятать часть поста

ЕЩЕ НЕСКОЛЬКО СОВЕТОВ

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

 

Ребята!!!  Даже "волки позорные" не охотятся на своей территории. У вас в распоряжении весь инет - не надо воровать посты у своего товарища по сообществу! Рано или поздно об этом будет известно и вы наживете кучу разборок.

 

Не надо создавать СВОЕГО поста со скромным "позаимствовала", "спасибо, дорогому другу", "нашел у такой-то"!  У нас есть цитатник - почему не процитировать???  А потому, что некоторым товарищам, (которые нам вовсе не товарищи,) хочется, чтобы  цитировали ИХ посты, а не тех кого они сладко именуют " своими друзьями",  - ведь за это идут те самы поинты-начисления, указывающие на популярность днева, одним из показателей которых является "Количество ссылок"

 

ЦИТИРУЙТЕ, а не копируйте!! 

Как избежать обвинений в воровстве поста 

(Кстати о цитировании: желающим определить данный пост (или его часть) к себе в днев: лучше вам процитировать. Я потратила свои выходные на эти долбанные 57 скриншатов и объяснений к ним  и если найду нецитированным - предупреждаю сразу!!!  - орать буду долго- громко-неутомимо.... Хотя зачем орать- сразу к Валезу пойду    )

 

Кто не знает как цитировать? 

Люблю вас!! 

 

Для дневничка !

 

Учебник ЛиРу.

Слева - новый баннер женского клуба.   Вот код этого баннера, будем благодарны, если установите у себя в дневнике (например, в приложении "Всегда по рукой", как у нас в блоге): <center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/community/3080659/profile/" title="Женский клуб"><img src="//img0.liveinternet.ru/images/attach/c/2/74/223/74223974_ZHenskiy_klub.jpg" width="191" height="250" /></a></center>
Выполняя наказ многих читательниц, мы усердно готовим суперучебник ЛиРу. Там будет всё, начиная от оформления и дизайна дневника, тегов, заканчивая операциями с картинками и видео...Каждая наша публикация явится своеобразной главой этого учебника.
Хотите, чтобы всегда у вас под рукой была волшебная кнопка-ссылка на этот учебник? Для этого:
- скопируйте приведенный ниже код;
<center><form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/community/3080659/post115612219/" method="get"><input type="submit" value="Учебник Li.Ru" /><input type=hidden name=tok value=106d7ca431937f6532ee2182cb324f6f /></form></center>
- зайдите в свои "Настройки дневника" (вверху страницы);
- найдите там пункт "Эпиграф дневника" и впишите скопированный код;
- нажмите внизу "Внести изменения". И получите вот такую кнопочку-ссылку на этот текст! Уж она-то никогда не затеряется - будет постоянно на виду! Огромный плюс ещё в том, что учебник будет регулярно пополняться - и обновления сразу появятся у вас!

Пользуйтесь!

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

Памятка начинающему блоггеру

Уважаемые наши печенюшки, пчёлки!* Все мы помним, как начинали свои первые виртуальные дневники: "Ух, ты! Это моя первая запись. А что дальше писать, я не знаю... Я вообще не знаю, зачем нужен блог.")) Для тех, кто уже определился, зачем ему нужен блог, эта памятка.

1. С чего начинается дневник (блог)? Правильно, с приветствия. Эпиграф и Интересы - это "лицо" вашего блога, постарайтесь, чтобы в нём была видна ваша индивидуальность. (Находятся они в Настройках дневника). Не копируйте слепо понравившийся вам чей-то дневник, придумайте своё. В эпиграфе желательно выразить ваш взгляд на мир, ваш жизненный принцип или образное название дневника. Можно также выложить «красивости»: небольшую анимешную (движущуюся) фотографию, смешные часики, различные копочки-ссылки на интересные ваши материалы. Из последних обычно делают так называемые "бродилки" - указатели-гиды для зашедших к вам в гости читателей или друзей. Всё, что нужно знать при заведении дневника >>>

Что сделать, если у вас в блоге не играет музыка?

Делаем рамочку для поста самостоятельно. Урок1.

Урок для пчелок.

Ваш блог будет красиво смотреться, если Вы поместите свои записи в разные рамки.
Учимся делать рамки для текста в блоге. Рамка в два слоя, такая, как у меня в данном случае.

 

 

Ваш текст

 

Возьмите формулу рамки в два слоя из окошка.

<center><table border="2" background="АДРЕС ФОНА" cellpadding="13" cellspacing="0" width="800"><tr><td><table border="2" background="АДРЕС ФОНА" cellpadding="5" cellspacing="20" width="100%"><tr><td><font size="5"><font color="000000">Ваш текст</font></font></font></td></tr></table></td></tr></table></center>

 Формула состоит из тегов. Рассмотрим, что они обозначают.  
1. < center. > - Этим тегом мы выравниваем рамку по центру.
2. < table border ="2" - Число 2 это толщина обводки рамки.
3. background ="АДРЕС ФОНА" - На место "Адрес фона" вписываем ссылку на фон.
Фон заносим через Фоторадикал: http://www.radikal.ru/
Из предложенных в фоторадикале ссылок, для фона возьмите ссылку № 1.
Совет: Не увлекайтесь яркими, тяжелыми фонами, в этом случае Ваш блог будет сложно открыть.
4. cellpadding = "13" и cellpadding = "5" - Ширина слоёв рамки в пикселях.
5. < font color="000000" > - Цвет текста в рамке, цвет текста можно изменить.
6. < tr > - этот тег поддерживает высоту рамки
7. < td > - этот тег поддерживает ширину рамки

 

Более подробный урок вы найдете здесь!

 Желаю успехов!

Ваша Бархатная_Шляпка.