Новичкам: вставляем и редактируем изображение через сервис загрузки изображений Liveinternet

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

Читать далее

Все полезности в одном посте! :-)

Собственно пост удобной навигации по блогу:-) Все ссылки на самое полезное, чтоб Вам не искать:-)
Ссылки в двух видах:

1- Как всегда мой любимый флеш:-) Объясню зачем мне... а точнее вам это.
Флешка лежит у меня на народе, каждый раз как я создаю новый пост,- я буду дополнять эту самую флешку. И автоматически эта же флешка дополнится у вас ( если вы конечно ее возьмете;-) )
Именно в этом преимущество флешки над простым постом со списком ссылок. Допустим, сцитировали вы такой пост и все... он таким и останется в вашем цитатнике, если вы сами, вручную, не будете в него что-либо дописывать. А тут все просто- одна флешка, в ней всегда все ссылки из этого поста + все новые ссылки:-) Удобно?
Плюс, я всегда могу отметить на флешке "что новое" и вы сразу это заметите:-)

2-В конце поста просто список ссылок по рубрикам, чтоб былО, и чтоб я не выделялся уж слишком:-).

Итак сама флешка ( она в двух вариантах - на белом и на черном фоне, покажу только одну, а код вставки дам на обе, выбирайте:-) ):

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

Маленькие компьютерные хитрости для пользователей.

А знаете ли вы, что если удерживая кнопку "Ctrl"
на клавиатуре и тихонько покрутить колесико на мышке вверх,то видимая вами страница в браузере, в инете: увеличит масштаб.
Очень просто и удобно для тех, у кого проблемы с чтением мелкого шрифта.

------------------------------------

Очистить корзину компьютера без самой КОРЗИНКИ.
Очистить Корзину можно просто щёлкнув по ней правой кнопкой мыши и выбрав пункт "Очистить корзину".
Но есть способ удалять файлы, не помещая их в корзину. Делается это так. Выделяем нужный файл (или несколько файлов) и нажимаем комбинацию клавиш Shift + Del.
Файлы будут удалены без помещения в Корзину.Единственное что не следует забывать это то,что удалённые таким способом файлы обычным способом восстановить будет невозможно, т.к. их попросту нет в Корзине.

------------------------------------

Чтобы в ICQ послать сообщение, не обязательно нажимать кнопку "send", можно использовать более удобную комбинацию [Ctrl]+[Enter] .

------------------------------------

Вы можете отменить некоторые действия, произведенные вами в Windows (например, копирование, перемещение, удаление объектов), путем нажатия комбинации [Ctrl]+[Z].Причем буфер отмены, похоже, сохраняет только десять операций.

------------------------------------

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

SvetlanaT

ПРОДВИГАЕМ БЛОГ БЕСПЛАТНО "УРОК №3"

Безусловно, каждый, кто постит свои мысли в Интернете сталкивается с проблемой привлечения людей, которым эти мысли будут интересны.

Конечно, иметь блог – это хорошо, а иметь посещаемый блог- это вообще круто.

Способов раскрутки блога существует большое множество

1)Организация конкурсов;
2) Участие в конкурсах;
3) Организация эстафет, флешмобов;
4) Грязный пиар;
5) Комментирование чужих блогов;
6) Гостевые посты;
7) Анонсы постов на форумах или скрытая реклама;
8 ) Продвижение в поисковых системах;
9) Платная реклама в поисковых системах;
10) Обмен и покупка постовых;
11) Обмен ссылками в блогроллах;
12) Публикация интервью с известными людьми;
13) Выдача интервью известным блогам/порталам;
14) Акции по обмену ссылками;
15) Покупка подписей на форумах;
16) Скрытая реклама на Хабрахабре;
17) Анонсы постов в социальных медиа;
18) Бесплатная раздача чего-либо;
19) Реклама через RSS2Email;
20) Организация рассылки через Subscribe и аналоги;
21) Раскрутка через Twitter;
22) Раскрутка через FriendFeed;
23) Раскрутка через ВКонтакте;
24) Раскрутка за счет других своих проектов;
25) Раскрутка аккаунтов на блог-хостингах и последующий кросспостинг;
26) Создание или перевод иностранных WordPress шаблонов;
27) Раздача визиток с адресом блога на конференциях, семинарах;
28) Выступления в роли докладчика;
29) Создание интересных/обучающих видеороликов;
30) Создание интересных/обучающих подкастов;
31) Отправка SMS в космос;
32) Каталоги блогов и RSS лент;
33) Сервисы социальных закладок;
34) Не жалейте ссылок;
35) Пишите ради отзывов;

УРОК №1

УРОК№2

Серия сообщений "интересно знать":
Часть 1 - БЛУЗКА ЗА 30 МИНУТ!!!
Часть 2 - ХОРОШИЙ ЗАРАБОТОК В ИНТЕРНЕТЕ!
...
Часть 64 - Photodex ProShow Producer 4.52.3051 + Rus
Часть 65 - ПРОДВИГАЕМ БЛОГ БЕСПЛАТНО "УРОК №2"
Часть 66 - ПРОДВИГАЕМ БЛОГ БЕСПЛАТНО "УРОК №3"
Часть 67 - ДЛЯ ТЕХ КТО НЕ ДРУЖИТ С ФОТОШОПОМ
Часть 68 - Сказочные дома в реальной жизни

Серия сообщений "УРОКИ":
Часть 1 - СУПЕР-БРОДИЛКА ОТ T@tiana ! (ДЕЛЮСЬ НАХОДОЧКОЙ)
Часть 2 - ОБАЛДЕННЫЙ ФОТОШОП ОТ А.ILONA
...
Часть 35 - Сайт который 100 % платит))))
Часть 36 - ПРОДВИГАЕМ БЛОГ БЕСПЛАТНО "УРОК №2"
Часть 37 - ПРОДВИГАЕМ БЛОГ БЕСПЛАТНО "УРОК №3"
Часть 38 - ДЛЯ ТЕХ КТО НЕ ДРУЖИТ С ФОТОШОПОМ

Серия сообщений "ВСЕ ДЛЯ БЛОГА":
Часть 1 - СУПЕР-БРОДИЛКА ОТ T@tiana ! (ДЕЛЮСЬ НАХОДОЧКОЙ)
Часть 2 - «Фоны для комментариев»
...
Часть 43 - МОЙ ПЕРВЫЙ ФОН)))
Часть 44 - ПРОДВИГАЕМ БЛОГ БЕСПЛАТНО "УРОК №2"
Часть 45 - ПРОДВИГАЕМ БЛОГ БЕСПЛАТНО "УРОК №3"
Часть 46 - ДЛЯ ТЕХ КТО НЕ ДРУЖИТ С ФОТОШОПОМ

HTML & CSS - серия 3

HTML & CSS - серия 3 Серия 1 Серия 2 Выравнивание текста в абзаце На время забудем про style, который мы использовали при оформлении текста, и вернёмся к "чистому" HTML. Посмотрим, как можно выровнять текст в абзаце. Сразу же перечислим все варианты, которых немного. Выравнивание текста в этом абзаце задаётся при помощи свойства (атрибута) align тега <p>. В данном случае текст выравнивается по ширине абзаца, т.е. как бы "подтягивается" к его краям: <р align="justify">. Добавим сюда ещё предложение для наглядности. Выравнивание текста в этом абзаце задаётся при помощи свойства (атрибута) align тега <p>. В данном случае текст выравнивается по правому краю: <р align="right"> Выравнивание текста в этом абзаце задаётся при помощи свойства (атрибута) align тега <p>. В данном случае текст выравнивается по центру: <р align="center"> Выравнивание текста в этом абзаце задаётся при помощи свойства (атрибута) align тега <p>. В данном случае текст выравнивается по левому краю: <р align="left"> В последнем случае align="left" можно было бы и не писать, поскольку выравнивание текста по левому краю производится по умолчанию. Выровнять абзац по центру можно также с помощью парного тега <center>: Получается такой же результат, что и в приведённом выше примере, но в данном случае используется конструкция <center><p>текст абзаца</p></center> С помощью тега <center> можно также выравнивать по центру любые другие объекты, например, изображения: <center><img src="URL_картинки"></center> URL_картинки (http://...) копируем из адресной строки браузера. Отступы Вы ещё не соскучились по style? Сейчас самое время его вспомнить. В этом абзаце задана "красная строка",то есть отступ первой строки от левого края, который в данном случае равен 20px: <p style="text-indent:20px">текст абзаца</p> Отступ может быть и отрицательным. В этом случае мы получим "висящую" строку. Однако, если просто написать text-indent:-20px, то мы "потеряем" часть текста: В этом абзаце задано значение text-indent:-20px, и вот какое безобразие получилось. Поступим несколько по-другому. Подвинем весь наш абзац на 20px вправо и снова зададим text-indent:-20px: В этом абзаце используется text-indent:-20px и дополнительно padding:0 0 0 20px: <p style="padding:0 0 0 20px; text-indent:-20px">текст абзаца</p>. Используем отрицательный отступ и свойства шрифта для первой буквы, чтобы выделить начало нашего абзаца: В этом абзаце используется text-indent:-20px и дополнительно padding:0 0 0 20px: <p style="padding:0 0 0 20px; text-indent:-20px">текст абзаца</p>. Возникает вопрос про padding (и margin), которые необходимы при позиционировании текста и других объектов (изображений, "встроенных" объектов, блочных элементов и т.д.) Но это - достаточно большая тема, поэтому расскажу в другой раз. Сейчас только замечу, что в нашем примере вместо padding:0 0 0 20px можно было бы написать padding-left:20px.   Источник Проксима

HTML-шпаргалка! Смотри, что я нашла!

Шпаргалка (Всё о HTML... )Пригодится всем...

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

Как делать Списки в блоге.

Как интересно и чётко подать информацию.
Нужно просто воспользоваться списками.
Списки в HTML бывают двух видов:
упорядоченные (пронумерованные) и неупорядоченные (непронумерованные).
Отличаются они лишь способом оформления.
Перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets),
например, точки, ромбики и т.п., в то время как пунктам упорядоченных
списков предшествуют их номера.
Вот несколько видов этих списков. SvetlanaT

Новостная бегущая строка для дневника, сайта

Очередное мое творение, полезняшка:)
Вот такая вот "новостная лента" последних постов для дневника или сайта. На фон не смотрите, он меняется как захотите:)
Размер сделал такой, чтоб лента идеально вписывалася в приложение "всегда под рукой" на ЛиРу.



Еще примеры новостной ленты и инструкция > > >

Делаем Таблицу с Картинками(ссылками).

Девчата, меня попросили сделать урок, как можно,на небольшом пространстве разместить много картинок. В этом вам помогут Таблицы, в них очень удобно компактно загружать картинки. Таблица с 6 картинками будет выглядить вот так. Картинки лучше подбирать одного размера. ЗДЕСЬ далее... SvetlanaT

Как вставить Картинку в пост.

Сначало нужно решить где вы хотите чтобы стояла картинка.
Над текстом,справа или слева.У меня картинка находится слева от текста.
Самый простой способ это загружать картинки с рабочего стола.
Открываем пост.Нажимаем надпись ДОБАВИТЬ или НОВАЯ ЗАПИСЬ.
Находим надпись ОБЗОР-Жмём и загружаем картинку.
Рамкой я выделила-куда нужно ставить точку.
Где вы хотите чтобы стояла ваша картинка.

Если вы хотите загрузить картинку с другого сайта.
ЗДЕСЬ далее...
SvetlanaT

Как расположить картинку между текстом...

КАРТИНКА МЕЖДУ ТЕКСТОМ

Я тебя никому не отдам - Замерзающий плакал котенок, Умудренный не по годам, Рыл он снег серебристый под кленом. Навсегда я останусь с тобой, Я спасу нас обоих от стужи, Потому что под этой луной Мне никто больше в мире не нужен, Я сейчас закопаю нас в снег, Там тепло, отогреются лапки, Мимо быстро прошел человек, В зимней куртке и пуховой шапке.

А потом все опять расцветет, Будет солнце сиять над землей, И никто никогда не поймет, Что пришлось пережить нам с тобой. Ты держись, не смотри, что я мал, Что в кровь изодрались лапки, Я не выдохся, просто устал, Ничего, нам помогут боги, Рядом с ним, на седом полотне, Еще теплое тело лежало, А из глаз, по мохнатой щеке, Золотая слезинка бежала.

ЗДЕСЬ КОД

<p><table align="center" border="0"> <br /><br /> <tr> <br /><br /> <td>ВАШ ТЕКСТ</td> <br /><br /> <td><img src="URL адрес КАРТИНКИ" /></td> <br /><br /> <td>ВАШ ТЕКСТ</td> <br /><br /> </tr> <br /><br /> </table><br /></p>

ТЕКСТ МЕЖДУ КАРТИНКАМИ ЕЩЁ

Шпаргалка под рукой...

Чтобы выделить слова более жирным шрифтом, напишите <B>жирный текст внутри такой штучки</B> чтобы наклонить текст,поступайте <I>почти точно так же</I> если буквы должны быть большими или маленькими, то пусть будут <BIG>большими</BIG> или <SMALL>маленькими</SMALL> Ссылка делается примерно так: <A HREF="http://адрес">ссылка</A> а картинка: <IMG SRC="адрескартинки"> Вот вам простой пример:

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

Сочетание клавиш...Смотри, что я нашла!

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

А вы прописываете альты (alt)?

Или ленитесь? Признавайтесь?:)

Что это?
Alt - это альтернативный текст изображения. Атрибут тега img (тега вставки изображения)


Зачем это?
Ну для начала, любой html валидатор будет ругаться если у вас не прописаны альты ( валидатор - программа проверяющая правильность html) - уже не оч хорошо:)

Гуляя про просторам инета, любой пользователь может отключить показ изображений на сайтах ( отключается в браузере, например, для экономии трафика ) - и чито он увидит вместо ваших картинок?... Ничего хорошего не увидит:)
А вот если алт прописан, пользователь хотя бы увидит некий текст. Какой придумаете. Например :" Тут клевая картинка, зря не посмотрел" :)))
Ну шутки шутками.
А вечная история не отображения в посте картинок? Пустое место не воодушевляет... так бы хоть альты почитали:)

Как прописать alt?

Пишется элементарно:
<img src="сама ссылка на картинку" alt="тут в кавычках тот самый альтернативный текст">

Если вы загружаете картинку на лиру, нам альты пропишут автоматически:



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

Подсказка title

Вообще очень полезная вещь при оформлении. Когда-то, мимолетом мы уже об этом говорили, тут, например.

О чем это я собственно:) На примере:

Наведите на этот текст курсор мышки и подождите пару секунд.

Если навели правильно (смеюсь),- увидите примерно следующее:

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

Html шпаргалки

Давно хотел написать этот пост:) Из области "наболело".
Я правда не знаю как сейчас обстоят дела, но в тот период моего прибывания на лиру (до "отпуска" :) ), большим спросом у вас пользовались различные html шпаргалки. Причем... не идеального "качества"... Что удручает...

Как вы знаете, я тоже пишу некое подобие уроков на тему html. Т.е. в принципе изобретаю велосипед. Ведь статей, учебников и пр. на эту тему уже написано великое множество.
Единственно, чем я могу себя оправдать - моя манера повествования и объяснения, возможно, более понятна кому-либо. Поэтому и пишу:)

Но речь не о том. Пока я напишу ВСЕ... состариться можно:)

Поэтому, вместо коллекционирования всяких второсортных html шпаргалок, тем, кому действительно интересна эта тема, советую посетить сайт Влада Мержевича.

Мало кто не знает этот сайт. Но все же... Записав в закладки его htmlbook.ru, вам уже не нужны будут всякие шпаргалки.
Да там все строго и по факту, без особых разжевываний. Но если есть желание,- разобраться всегда можно:)

Навигация отличная, не запутаетесь:) Дам только две наводящие ссылки:
Справочник по HTML
Справочник по CSS

В выбранном справочнике смотрим слева - список тегов и атрибутов. Тыкаем нужный и узнаем всю необходимую информацию.
Сам я учился не на его сайте, но сейчас пробелы в памяти заполняю именно там:) Чего и всем советую:)

Ну а кто особо не спешит,- ждите моих уроков, будут:)

Краткий словарь начинающего лирушника

Буквы Б - Я