HTML & CSS - серия 2

HTML & CSS - серия 2 Предыдущая серия - вот: серия 1 В этих уроках, а также на сайтах htmlbook.ru, postroika.ru, zvirec.com, htmlka.com и многих других достаточно много информации, причём она толково изложена. Тем не менее я решила продолжить свои рассказы, чтобы тоже быть более-менее последовательной. Кстати, Вы не заметили, что я пишу уже и о CSS (style - это оттуда)? Но об этом - чуть позже. Форматирование текста: использование тега <span> и атрибута style (2) Напомню, что про тег <span> и аттрибут style шла речь в прошлый раз. Было показано, как c их помощью задать цвет, гарнитуру (вид) шрифта, а также размер шрифта, его вес (насыщенность), стиль (напр. наклонный) и вариант (капитель). В конце в качестве примера мы получили вот такой шрифт:   наш шрифт <span style="color:green; font-family:Verdana; font-size:150%; font-weight:bold; font-style:italic; font-variant:small-caps">наш шрифт</span>   Расстояние между буквами, словами и строчками

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

Полезные ссылки для оформления дневника.

Предлогаю ссылочки,нужные и полезные для оформления дневника. Выбираем интересующий сайт и нажимаем "ОК" 1.Радикал- фото.Генератор картинок. 2.Писи-инфо.Генератор картинок. 3.Имидж пост.Генератор картинок. 4.Красота.Картинки с кодами. 5.Бест имидж.Картинки с кодами. 6.Мир анимашек.Картинки с кодами. 7.Гифф.Блестящий текст. 8.33б.Картинки с кодами,аватарки. 9.Блестелка.ру.Блестящий текст. 10.Доллзмания.Блестящий текст. 11.Либо.ру.Букофки анимационные. 12.Имаджбэм.Генератор картинок. 13.rainbows.Разноцветный текст. 14.Ленаголд.Коллекция фонов. 15.Стихи о любви.Разные авторы. 16.Обои на раб.стол 17.Отрива.нет.Клипы-бесплатно. 18.Мо-нах видео.Видео бесплатно. 19.Видео Савер.Видео с сайтов. 20.Ру Туб.Всё видео. 21.Клип2Нет.Делаем видео. 22.Супер ава.ру.Аватарки. 23.100игр.Инфо.Игры онлайн. 24.Циферблаты для часов. 25.Эсет НОД32.Антивирус. 26.ПРОМТ. Онлайн переводчик. 27.НТМЛКА.Оформление блога. 28.Таблица НТМЛ кодов цветов. 29.Таблица"безопасных"цветов. 30.Цветовая палитра. 31.Таблицы для сайтов и блогов. 32.Как сделать свой сайт. 33.Что такое Paint. 34.Фотошоп.И всё для него. 35.Линеечки,кнопочки,анимация. SvetlanaT

HTML & CSS - серия 1

Пост писался для Яндекса в основном,всего их 5 серий.
Но там много полезного и для Ли.ру,и потому решила выбрать
у автора,что здесь будет полезно и показать вам!Все 5 серий
полезны как для начинающих,так и для опытных пользователей.
Сегодня 1 серия о самых простых тегах.Еще раз спасибо Проксима.

Заголовки Для оформления заголовков используются теги <h1>...<h6> С этим думаю всем понятно,это не сложно.Далее Гарнитура (вид) и цвет шрифта Здесь есть два способа. Второй будет описан позднее. Первый - используется тег <font> с атрибутами face и color, соответственно: шрифт Verdana <font face="Verdana">шрифт Verdana</font> красный шрифт <font color="red">красный шрифт</font> шрифт цвета MidnightBlue <font color="MidnightBlue">шрифт цвета MidnightBlue</font> шрифт цвета MidnightBlue <font color="#191970">шрифт цвета MidnightBlue</font> Цвет имеет название и цифровое значение, как видно в этом примере (MidnightBlue=#191970). О цветах можно написать очень много, но я остановлюсь на одной ссылке: Подбор цвета. Для использования подходят web-safe и web-smart цвета.

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

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

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



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

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

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

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


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

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

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

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

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



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

Чем отличаются BB коды от тегов html?

Не замучил еще тегами и кодами?:)

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

Итак, все вы знаете (надеюсь) html тег жирности текста. Пишется так:
<b>Привет!</b>

Но на нашей лирушечки, сделать текст жирным мы можем и с помощью ВВ кода, т.е. так:
[b]Привет![/b]

Разница, как видите, только в скобках- html тег пишется в таких ><, а ВВ в [ ]
Но! Это только кажется так просто.

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

СОХРАНИТЬ БЛОГ на КОМП для майла

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

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

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

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

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

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

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

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

СОХРАНИТЬ БЛОГ на КОМП для майла

Серия сообщений "ЛИКБЕЗ ЛИРУшкин - подсказки":

Часть 1 - РУБРИКИ Дневника = метки БЛОГА на майле
Часть 2 - В черновик теперь можно добавить видео, музыку, новость или ссылку
...
Часть 98 - поисковики
Часть 99 - ВНИМАНИЕ ! БУДЬТЕ ОСТОРОЖНЫ !
Часть 100 - Чем отличаются BB коды от тегов html?

Серия сообщений "РАМОЧКИ и для майла,и для лиру":

Часть 1 - рамочка "СПАСИБО ВАМ"
Часть 2 - кнопки рейтинга счетчики информеры посещений
...
Часть 98 - Без заголовка
Часть 99 - ЭТАЛОН-скрытая картинка... все слои в соответствии,скрытый ник...
Часть 100 - рамка и для ЛИру,и для майла...почти один в один...только окантовка картинки в 2 раза шире,а 4 и 6 СЛОИ-уже

Серия сообщений "ЛИКБЕЗ МАЙЛовский - подсказки":

Часть 1 - кнопки РЕЙТИНГА в Яндексе
Часть 2 - кнопки рейтинга счетчики информеры посещений
...
Часть 66 - СОСТАВЛЯЮЩИЕ самой простой РАМОЧКИ
Часть 67 - о САМОЙ ПРОСТОЙ РАМОЧКЕ ......ТЕГАХ и АТРИБУТАХ...ч.2
Часть 68 - СОХРАНИТЬ БЛОГ на КОМП для майла
Часть 69 - МАЙЛовский ЛИКБЕЗ
Часть 70 - ЗДЕСЬ собраны рамочки и для ЛИру, и для МАЙЛа по одной формуле

ПОЛЕЗНОСИТИ ДЛЯ БЛОГОВ И ДНЕВНИКОВ.

Всё что небходимо для оформления блогов,дневников В одной строке! Выбираем интересующий сайт и нажимаем "ОК". 1.Оформление текста. 2.Рамки для фотошопа. 3.Рамочки для фотографий онлайн. 4.ТАБЛИЦЫ. 5.Бесплатные Аватарки . 6.Плееры. 7.Рамочки для текста. 8.Изменить размер фото. 9.Форматирование текста. 10.Рамочки для новостей. 11.Цветовая палитра. 12.КОДЫ цветов. 14.Колекция фонов и клиппарт. 15.РАДИКАЛ-ФОТО. 16.Генератор текста. 17.GIF-аватарки. 18.ОТКРЫТКИ. 19.ПОМОЩЬ-КОДЫ. Александрушек

Серия сообщений "Оформление блогов":

Часть 1 - Секреты сайта ВКонтакте.ру
Часть 2 - Список уроков.Как ОФОРМИТЬ ДНЕВНИК
...
Часть 59 - Оформление постов. Теги. Ответы на вопросы.
Часть 60 - Как делать схемы для дизайна своего дневника.
Часть 61 - ПОЛЕЗНОСИТИ ДЛЯ БЛОГОВ И ДНЕВНИКОВ.

Убираем стрелки-расширения с картинок на Лиру.

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

ЗДЕСЬ далее...

Флеш-Эпиграф оформляем свой дневничёк.№1

Новое необычное флеш оформление ,как Эпиграф в ваш дневник.
Устанавливаем его так:
Копируем код понравившихся Эпиграфов.Заходим в НАСТРОЙКИ.Жмём.
Находим надпись-НАСТРОЙКИ ДНЕВНИКА.Жмём.
Внизу ищем ЭПИГРАФ ДНЕВНИКА.И Вставляем в окошко рядом -этот КОД.
В самом низу не забудьте нажать ВНЕСТИ ИЗМЕНЕНИЯ.


[flash=500,349,http://i946.photobucket.com/albums/ad307/dream5168/dream99112207.swf]
ЗДЕСЬ ещё...

Как создать на рабочем столе ярлык Интернета (сайта)

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

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

Читать далее

Погодные информеры (Опрос Дня)

Вставка муз.плеера в дневник .

Цитата сообщения Ariny6ka

Доброго времени суток ВАм !!!

*
Вот такой плейр вы тоже можете вставить себе в дневничок . Если вы вставите в код плеера свой муз.файл ( ссылку на него ) то естественно будете слушать свою музыку ...
http://www.playcast.ru/uploads/2009/04/17/939583.mp3
Выделите под плеером весь код , скопируйте его полностью и как всегда несите в свой дневничок , в окошко новой записи Вставьте и найдите в коде
src=http://www.playcast.ru/uploads/2009/04/17/939583.mp3

очень тихонько сотрите
*http://www.playcast.ru/uploads/2009/04/17/939583.mp3*
и вставьте свою ссылку на вашу музыку. Удачи вам и приятного прослушивания !
Вот так должен выглядеть ваш код

Скопируйте то что написано внизу (код ) Но когда вставите в окно новой записи тихонько уберите звездочки в коде все !
Они нужны лишь для того чтоб вы могли видеть код .

*[flash=240,64,http://htmlka.com/wp-content/uploads/2009/06/webplayer.swf?src=http://www.playcast.ru/uploads/2009/04/17/939583.mp3&*amp*;autostart=no*]*

УДАЧИ ВАМ МОИ ДОРОГИЕ !

you-to-li v0.21

По немым просьбам читателей (:
Новая, работающая везде, где есть плагин флеш-плеера (а это почти везде), програмка для вставления в свой ли.ру видео с популярного видеоблога юТуб.
Это не просто, а очень просто!

Хватайте в цитатники (;




Ссылки на юТубе выглядят примерно так - http://youtube.com/watch?v=V-Po8uJeoUw
Порой приходиться щёлкать мышкой несколько раз, чтобы вставить текст

искренне Ваш, johny515

update : добавлена кнопочка "высокого качества", за наводку golovy-net

Полезности для блога

Написать свое имя египетскими иероглифами

Сделай свой собственный смайл

Сделать блестяшку из картинок

Онлайн фотошоп

 Романтическая линеечка

Нарисуй открытку 

Сделать блестящий текст

Нарисуй картину сам!!!

Сделать блестяшку из картинок

Надписи на машинах 

Генератор фотографий

 Напиши свое имя на любом предмете

 Сделай анимацию со своим именем!

Надписи  в картинке

Сайт с картинками

 Всякие глиттеры

Твоё фото на улицах города

 

 

Серия сообщений "Интересные ссылки":
Часть 1 - прикольная онлайн игрушка
Часть 2 - Китайская монета счастья
...
Часть 82 - Прикольная флешка
Часть 83 - Программа для просмотра погоды влюбом городе мира
Часть 84 - Полезности для блога

НУЖНЫЕ КОДЫ ДЛЯ БЛОГОВ

Коды оформления блога

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

Серия сообщений "ВСЕГДА ПОД РУКОЙ":

Часть 1 - Часики для вашего блога(очень много)
Часть 2 - Рамка зимняя
...
Часть 98 - Японские часики с датой и календарем
Часть 99 - Японские часики - подборка2
Часть 100 - Коллекция японских часиков- животные!

Помощь новичкам: два редактора ЛиРу. Переключение между редакторами.

 Итак, сегодня мы разберем, как писать сообщение в ЛиРу с помощью разных редакторов.

В ЛиРу существуют 2 редактора: простой и расширенный редактор.

+ ЧИТАТЬ ДАЛЬШЕ

 

Серия сообщений "Помощь новичкам":
Часть 1 - Как процитировать в сообщество свое собственное сообщение
Часть 2 - Помощь новичкам:Оформление дневника - часть 1-Быстрый способ
...
Часть 4 - Помощь новичкам: под кат (тег more) на ЛиРу
Часть 5 - Помощь новичкам: как легко вставить картинку или открытку в комментарий.
Часть 6 - Помощь новичкам: два редактора ЛиРу. Переключение между редакторами.

Помощь новичкам: как легко вставить картинку или открытку в комментарий.

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

+ СМОТРЕТЬ ДАЛЬШЕ

 

Серия сообщений "Помощь новичкам":
Часть 1 - Как процитировать в сообщество свое собственное сообщение
Часть 2 - Помощь новичкам:Оформление дневника - часть 1-Быстрый способ
Часть 3 - Помощь новичкам: Оформление дневника - часть2-Собственная схема оформления
Часть 4 - Помощь новичкам: под кат (тег more) на ЛиРу
Часть 5 - Помощь новичкам: как легко вставить картинку или открытку в комментарий.

Как сделать красивую флешку с музыкой для вставки в рамочку.

Как сделать красивую флешку с музыкой для вставки в рамочку.

Как сделать красивую флешку с музыкой для вставки в рамочку.



Такая, не всех устраивает, хочется красоты и удобства.
Эта более симпатична.




А это ее код
flash=300,20,http://www.jeroenwijering.com/embed/player.swf?file=http://www.playcast.ru/uploads/2008/12/26/783283.mp3&width=400&height=20&backplpr=DCDCDC&frontcolor=8B0000&link=http://www.aliveinternet.ru/



Как бы основа, которая всегда одна и в которой вы будете менять только адрес музыки берём на плейкастах. Отсюда берете адрес,

вот этот и вставляете его вместо второго адреса во флешку, после второго знака равно начиная от http и до точки (.mp3 не трогайте) и вот получается, красивая и удобная флешка. Музыку я беру здесь, (так взять могут только те у кого Мозилла) http://www.playcast.ru/ выбираете какая музыка вам нравится, заходите в плейкаст и нажимаете на стрелочку правой кнопкой мыши в открывшемся окне нажимаете свойства в выпавшем меню копируете адрес ссылки и вставляете его во флешку, (точку и mp3 не брать.) И все, музыка у вас!

NANDITA

Новый mp3 плеер для дневника, сайта.

Наконец-то отчитываюсь:)

Все это время занимался созданием нового плеера для наших дневников, или сайтов. Теперь все готово, делюсь (кроме pro версии, для тех кому интересно, я планирую доделать ее в ближайшие дни) :)

Главная особенность плеера - настройка внешнего вида.
Итак, он может быть например таким:



Или таким:



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

Как пользоваться спецкодами (ВВ-кодами) на ЛиРу?

Спецкоды - слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают разные другие полезные вещи. Спецкоды в угловых скобках <> называются HTML -кодами. Их можно вводить «от руки» только в простом редакторе, в расширенном редакторе вместо них нужно можно пользоваться кнопками над текстом (как в Word). Если очень нужно использовать еще и в расширенном - нажимайте кнопку Источник в левом верхнем углу.

Коды, заключенные в квадратные скобки [ ], не являются универсальными, иногда называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом, и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не «подчеркнул» ее, а у простого редактора убрать внизу галочку «Автоматическое распознавание ссылок», иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спецкодов.

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

ВВ-коды Лиру

Коды, используемые не на всех сайтах

[user=Только для женщин] - позволяет поставить красивую ссылку на пользователя сайта. Выглядеть будет это так: Только для женщин
[user=Дом советов]Домик[/user] - позволяет назвать при этом пользователя по-особенному. Вот так:Домик

---

[more] - если вставить такой тег в сообщение, то на этом месте оно оборвется, и появится ссылка «Читать далее», которая будет вести на комментарии к сообщению и полному тексту записи. Очень нужно ставить такой тег перед видео, флеш-роликами, большими картинками или серией картинок, экономя трафик и ускоряя загрузку страницы своего дневника

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

Для новеньких на ЛИРу Дополненный

Для новеньких на ЛИРу Дополненный Так как каждый день создаются новые дневники, то , естесественно, люди сталкиваются с массой проблем. Мне часто задают вопросы по ведению дневника С удовольствием стараюсь ответить на все. А это вот решила обновить свой пост и помочь вам в более быстром освоении сайта. Надеюсь, что вам смогу помочь. Вот читайте.

Я завела дневник уже 8 месяцев назад Мне тоже было трудно освоиться, но я старалась Хочу вам предложить мои советы по работе в дневнике Я их писала так, как сама делаю и как понимаю Я "чайник" так что не судите очень строго Вот нажимайте ссылки тех тем, какие вам нужны, и изучайте:

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

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

 

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

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

Список уроков.Как ОФОРМИТЬ ДНЕВНИК.

Оформляем дневник. 1 Автоматическая публикация постов на Лиру. 2 Топ популярных дневников на Лиру. 3 Делаем серию сообщений в виде списка.Новое на Лиру. 4 Как загрузить Музыку к себе в дневник на Лиру. 5 Как вставить ВИДЕО в дневник на Лиру.С разных сайтов. 6 Как вставлять РАМКУ в свой пост на Лиру. 7 Как СДЕЛАТЬ ПОСТ С КАРТИНКОЙ на Лиру. 8 Как делать РАЗДЕЛЫ РУБРИКИ и ПОДРАЗДЕЛЫ на Лиру. 9 Картинки или фотки с Я.РУ переносим на ЛИ.РУ. 10 Как вставить картинку на Ли.ру без Радикал-фото. Хотите иметь все уроки у себя под рукой? Скопируйте код БАНЕРА и установите вверху своего блога и у вас всегда будут новые уроки. Банерочек для вашего днева... <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://milolicasv.ru/post130540292/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/2//65/461/65461770_dnevnik1.jpg" border="0" /></a> Милолика Покровская

Как определить ID блога на ЛиРу?

Полезные советы по поиску в Google

Со стороны многое кажется предельно простым и понятным, любая проблема — пустяковой, а задача — решаемой. Но стоит взяться за дело самому, как тут же возникает куча подводных камней и всяческих непоняток. Вот взять хотя бы поиск в интернете: что может быть проще? Каждый может ввести в браузере www.google.com и воспользоваться прелестями поисковой системы, но почему-то найти то, что надо, удается далеко не всем. А все потому, что любой инструмент нужно использовать со знанием дела и подчас самый простой из них оказывается намного мощнее, чем все думают. Да тот же самый Google!

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

Первое, что нужно запомнить, — принципы обработки ключевых слов. По умолчанию к каждому ключевому слову поисковая система применяет операцию логического «И». Это значит, что на запрос «Хакер крутой журнал» Google выдаст только те страницы, которые одновременно будут содержать и слово «Хакер», и «крутой», и «журнал». Проблема в том, что далеко не всегда это является обязательным условием. Если требуется найти страницы, включающие хотя бы одно из слов, нужно поставить между ними оператор OR.

Пример: хакер крутой OR жалкий журнал

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

Пример: ”one of us”

Чтобы сделать акцент на одно или несколько ключевых слов, поставь перед ними знак «+». Это поможет системе понять, какие из ключевых слов наиболее важные, и сформулировать результаты поиска более точно.

Пример: хакер +журнал

Полученные результаты нередко засоряет какая-то лишняя информация. Чтобы не тратить время на ее просмотр, советую наложить на результаты поиска фильтр. Сделать это несложно. Надо лишь указать «слова-паразиты», поставив перед ними знак «-» — и включающие их страницы будут тут же исключены из результатов поиска.

Пример: журнал хакер –ламер

Часто бывает ситуация, когда ты точно знаешь, что нужная информация есть на конкретном сайте, но ты никак не можешь ее найти. Тут волей-неволей начинаешь задумываться об эффективном поиске, но не встроенными средствами сайта (подчас абсолютно бестолковыми), а мощными механизмам Google. И, в общем-то, проблемы в этом нет, если взять на вооружение модификатор site:somesite.com.

Пример: В одном из номеров у нас был материал «Google-hack». Его в момент можно найти, набрав в Google «”Google-hack” site:www.xakep.ru».

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

Пример: intitle:статьи site:www.xakep.ru

Лучший способ найти дружественные (и конкурирующие) сайты — спросить об этом Google. В ответ на модификатор related: он с радостью выдаст сайты со схожей тематикой и контентом.

Пример: На запрос «related:www.xakep.ru» системы выдаст линки на www.securitylab.ru, www.securityfocus.com и прочие проекты по информационной безопасности.

Можно использовать Google и для того, чтобы проверить популярность конкретного проекта. Так, модификатор link: отобразит все страницы, которые ссылаются на этот ресурс. Логика простая: чем их больше, тем ресурс популярнее.

Пример: link:www.xakep.ru

Google знает, что такое синонимы! Если хочешь, чтобы в результаты вошли страницы не только с конкретным указанным словом, но и c его синонимами, поставь перед ним знак «~».

Пример: ipod ~hacking

Если ты ищешь конкретный тип документа, не стесняйся сказать об этом Google. Будь это обычная страница, презентация, PDF или что-либо еще — можно найти все что угодно, при помощи модификатора filetype:.

Пример: “SQL-injection” filetypedf. В ответ система выдаст ссылки на PDF-документы по SQL-injection.

Редко используемый, но реально полезный прием. Возьми на вооружение модификатор «X..Y», позволяющий указать числовой диапазон. Ситуаций, когда такие ухищрения могут понадобиться, масса!

Пример: хакер 2000..2002

Для выполнения громоздких вычислений совсем не обязательно елозить мышкой и тыкать кнопки в глупом Windows-калькуляторе. Просто введи математическое выражение (с любым количеством действий и скобок) в Google — и тот быстро все посчитает. Более того, поисковик можно использовать как удобный конвертер валют!

Пример 1: (31337-3.14)/87
Пример 2: 600 USD in RUR

Чтобы быстро найти определения какого-либо термина, используется модификатор define:. Тот же самый результат ты получишь, если перед словом поставишь человеческие фразы «what is» или «что такое».

Пример: define:LDAP

Бывает, обратишься на сайт, а он в дауне. Что делать? Не один раз в подобной ситуации меня выручал кэш Google, в котором хранится огромное количество документов. Действовать нужно так: сначала набираешь нужный URL в строке запроса, а потом кликаешь «Сохранено в кэше» на странице результатов. Вуаля!

Мало кто знает о существовании замечательного сервиса для перевода веб-страниц translate.google.com. Это был бы еще один ресурс для банального перевода иностранного контента, если бы свою руку к нему не приложил Google. Нет, он не будет обрабатывать тексты как профессионал-переводчик. Но зато в случае проблем даст пользователю возможность разобраться со смыслом фразы или предложения самому. Переведенная страница как обычно выводится на экран, но юзер всегда может навести мышку на сомнительный отрывок и с помощью всплывающей подсказки узнать, как фраза звучала в оригинале.

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

http://www.google.com/translate?lang...u=www.xakep.ru

Тогда браузер будет обращаться к поисковой системе, которая в 99% случаев не заблокирована, и уже через нее получать нужный контент. Указанная в параметрах пара языков «ru|ru» говорит о том, что переводить содержимое нужно с русского на русский, то есть фактически оставить все без изменений. Само собой, вместо русского можно использовать любой другой язык.

Ты уже успел оценить функциональность и продуманность почтового сервиса Google Mail (www.gmail.com)? Тогда тебе определенно стоит попробовать еще одну дополнительную феньку - GMail Drive (www.viksoe.dk/code/gmail.htm). В то время как Google выделяет на каждый email-аккаунт более 2 Гб дискового пространства, Gmail Drive позволяет использовать его как свой собственный диск. После установки проги, в системе появляется еще один диск, который полностью аналогичен всем остальным. Разница лишь в том, что его файлы физически хранятся в интернете.

С помощью бесплатного аккаунта на picasaweb.google.com можно выложить в инет 1 Гб фотографий. Очень неплохо для сервиса, который позволяет не только удобно закачивать, но и в офигенной форме просматривать изображения. Еще одна разработка от Google — оффлайн-программа Picasa — поможет быстро найти, отредактировать и залить в инет фотографии с твоего винта. Каждый раз при запуске Picasa автоматически определяет местоположение фотографий (даже тех, о которых ты забыл) и организует их по визуальным альбомам. А чтобы залить нужные фотки в инет, потребуется лишь пару раз кликнуть мышкой.

Тебе, наверняка, не надо рассказывать, что Google – это идеальное средство для массового поиска уязвимых сценарий. Во всех красках этот процесс описал Форб в статье «Google-hack для маленьких» (www.xakep.ru/magazine/xa/076/056/1.asp). Однако получив пару тысяч страниц с результатами поиска, не спеши сразу кидаться в бой. Просматривать эти километровые страницы с огромным количеством ненужной информации – занятие довольно утомительное. Зато с помощью таких утилит, как uf0_google или googler, можно вытащить из них только то, что требуется, — ссылки. А дальше ты волен делать что хочешь: либо обрабатывать их вручную, либо скормить самописному скрипту или программе, которая все будет делать за тебя. Кстати говоря, по адресу http://johnny.ihackstuff.com/index.p...le=prodreviews собрана огромная коллекция запросов, с помощью которых ты сможешь искать дырявые скрипты. Думаю, она тебе пригодится .

Используя различные модификаторы, можно довольно хорошо приспособить Google для поиска музыки. Причем особенно успешные результаты достигаются, когда поиск осуществляется по листингам открытых директорий, то есть папок, в которых нет htm-документов для отображения, но навалена куча файлов. Сами листинги можно искать по ключевым словам «index of», «last modified», «parent of» в названии (тэг ) документа (с помощью модификатора intitle), исполнителя или песню — по точному совпадению (достаточно взять их в кавычки). Остается лишь задать наличие на странице одного из музыкальных расширений (mp3|wma|ogg) и исключить из результатов поиска все динамические и статические страницы (нам нужны только листинги, составленные веб-сервером). В конечном итоге запрос будет выглядеть примерно так:

"index of" + "mp3" + "radiohead" -html -htm –php

Подробный мануал ты найдешь на сайте geocities.com. Но чтобы не заморачиваться, рекомендую уже готовый инструмент: www.g2p.org быстро составит необходимый запрос и поможет найти нужные композиции.

Google Analytics — это специальный сервис от Google, который помогает веб-мастерам анализировать поток посетителей их сайта. С помощью специального JavaScript-сценария и кукисов он записывает самую разнообразную информацию о посетителе, включая его IP-адрес. Потом по этой информации можно отследить очень много вещей, что, естественно, нас не устраивает. Поэтому, пожалуй, оставим этот сервис не у дел, добавив в host-файл компьютера запись:

127.0.0.1 www.google-analytics.com

Кажется, что Google выдает результаты в наиболее удобном виде? Ошибаешься, с помощью плагина CustomizeGoogle для Firefox (www.customizegoogle.com) реально сделать работу с поисковой системой еще более комфортной! Хочешь убрать надоедливую рекламу? Эта и еще десяток функций - к твоим услугам. Рекомендую также последнее нововведение — опцию Stream Google search result pages, которая фоном подгружает результаты поиска с других страниц и склеивает с той, что ты просматриваешь в текущий момент.

В июле 2006 года Oxford English Dictionary, являющийся одним из самых авторитетных словарей английской языка, добавил в свое последнее издание слово «Google» в значении «искать информацию в интернете». Так «Google» официально стало английским словом.
Google — искаженное написание английского слова «googol» («гугол»), используемого для обозначения числа, состоящего из единицы и ста нулей.
Google ежедневно регистрирует около 50 миллионов поисковых запросов и индексирует более 8 миллиардов веб-страниц.

Не все знают, но Google умеет искать изображения по цвету, достаточно добавить параметр [&imgcolor= + цвет на английском] в конец адресной строки и изображения будут отфильтрованны по цвету.
Пока доступны 12 цветов: black, blue, brown, gray, green, orange, pink, purple, red, teal, white, yellow.

Поиск в Google можно улучшить зная эти специальные команды.
Все команды, необходимо вписать перед непосредственно самим запросом:

- allinlinks: – ищет только в названиях ссылок, но не в тексте или названии страницы
- allintext: – ищет внутри текста на страницах, но не в ссылках или названии страницы
- allintittle: — показывает результаты поиска в заголовке страницы
- allinurl: — показывает страницы похожие на данный шаблон
- cache: — находит копию страницы, сохраненную в кэше Google, даже если эта страница уже недоступна по адресу в Интернете или изменила свое содержание
- cache:url — показывает сохраненную версию данной страницы
- filetype: — эта команда позволяет ограничить поиск только файлами с заданным расширением
- info:url — эта команда покажет страницы, содержащие ссылки на страницу, указанную в качестве запроса. Эта команда аналогична такой, если бы вписать в строку поиска данный адрес веб-страницы

Поиск на Google файлов для скачивания с любых файлобмеников:
Просто вставляем в поиск строку
+”rapidshare.com/files” zip|rar|mp3|avi|mpg|mpeg|part1|html photoshop
или
hack site:rapidshare.com/files
или
hack -"File not found" site:rapidshare.com

Функции поиска
Справочный центр Google
Полный список операторов
Шпаргалка по Google (распечатайте!)

А на этой странице собраны вместе все виды поиска в Google и ещё много полезных ссылок

Полезные советы по поиску в Google

Из блога Пелагии

 

Взято у Levkoj

Серия сообщений "ПОМОЩЬ от Ли.ру":
Часть 1 - Помощь новичкам Ли.ру
Часть 2 - Как создать рамочку для фото
...
Часть 98 - Без заголовка
Часть 99 - Без заголовка
Часть 100 - Как вставить музыку в свое сообщение

Для слепых котят и опытных блогеров. Полный справочник по ЛиРу

Для ведения блога. Полный справочник по ЛиРу

Если нам что-то непонятно на Лиру, то мы обращаемся к Valez или пишем в службу технической поддержки Контакты Li.ru (найдете в самом низу вашей странички). Кстати, не бойтесь обращаться к ним по сложным вопросам, хотя с ерундой беспокоить не стоит. Удивляюсь, на ЛиРу несколько миллионов пользователей, а они умудряются отвечать (на мои обращения, например, всегда отвечали).

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


Думаю, что такой справочник полезен не только слепым котятам, но и опытным блогерам. Пусть будет под рукой.
zerno-Ros
Полный справочник по ЛиРу для слепых котят и не только

CSS. Border, background. Введение

Как вы помните, в посте про мигающий текст мы начали немного говорить про CSS. Так вот хочу продолжить, но не "планово" по шагам, а так... урывками:) Для начала:)

Сегодня будем делать обводку и фон. Чего именно? Да чего хотите:)
Кто сказал что тег <b> (жирное написание текста) не может быть с фоном и обводкой?
Пожалуйста:



Привет

Или:Привет

Или:Привет



Или:Привет



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

Как сделать музыкальную открытку?

Мигающий текст

Абсолютно малюсенький постик:)
Я все еще хочу наконец-то начать рассказывать про CSS, но пока что-то не соберусь никак:( Плееры, flash, все дела...

Вот вам затравочка, для интереса. Тем, кто любит "выделять" текст заметными эффектами, наверно, понравится.
Вот такой простой мигающий текст без всяких анимаций:

Привет!

Делается очень просто.
К html тегу добавляем стиль с указанием "мигания". Т.е.,наример, к тегу <b> (жирный текст):
Было:
<b>Привет!</b>

Добавили стиль:
<b style="text-decoration:blink">Привет!</b>

Т.е. добавляем - style="text-decoration:blink"

Ну а если вы не хотите делать текст еще и жирным ( или наклонным, или перечеркнутым и пр.),- можно использовать тег <font>. Пример:

Код:
Всем <font style="text-decoration:blink">привет</font>!!!

Результат
Всем привет!!!

---

Добавлять ко всему этому указание цвета никто не запрещает:)
Всем привет!!!

P.S. браузер Internet Explorer как всегда на высоте,- (надеюсь, только в старых версиях) ничего у вас мигать не будет:)

©2011 Legionary

Как добавить в блоги на Mail.Ru любую музыку?

Изучаем HTML, о котором все забыли. Теги. Оформление постов. Ответы на вопросы.

Спасибки от Яны

Источник

Урок. Картинка в середине Текста

КАРТИНКА В СЕРЕДИНЕ ТЕКСТА. Урок написан для Жузявочка. Красиво получается, когда картинка находится между текстом.Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным,и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект. Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии. Первая часть пишется - перед кодом, Вторая - после. ПРОДОЛЖЕНИЕ ТУТ... Пробуйте, у Вас получится! ЖЕЛАЮ УДАЧИ! Nataliya_Bezushko

Серия сообщений "МОИ УРОКИ":

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 15 - Добавляем картинку в пост не копируя её себе в компьютер.
Часть 16 - НАСТРАИВАЕМ ДИЗАЙН НА СВОЙ ВКУС.
Часть 17 - Урок. Картинка в середине Текста

Про схемы на Ливинтернете

Мне часто задают разные вопросы по оформлению дневника, про то, как сделать схему, сохранить себе понравившуюся и т.п. Поэтому выкладываю такой пост, где собрала ссылки на свои уроки по созданию схем на ЛиРу.
КАК САМОСТОЯТЕЛЬНО СДЕЛАТЬ СХЕМУ? Ответ на этот вопрос - в этом посте:
http://www.liveinternet.ru/users/2670115/post136986672/
Как сохранить себе понравившуюся схему, описано вот здесь:
http://www.liveinternet.ru/users/2670115/post150152186/
Как отредактировать сохраненную себе схему (сделанную не вами)? Об этом можно узнать здесь?
http://www.liveinternet.ru/users/2670115/post136516685/
Как удалить надоевшую схему из вашего каталога схем, описано вот здесь:
http://www.liveinternet.ru/users/2670115/post137493093/
Как самостоятельно сделать бесшовный фон для схемы из понравившейся картинки? Много инструкций - в этом посте:
http://www.liveinternet.ru/users/2670115/post131842330/

Супер-шпаргалка для меня и для вас

Столько ссылок на все генераторы текста...вот и решила все собрать воедино...самые хорошие... Русифицированный генератор текстаТекст 3DТекст 3DТекст на цветном фонеМигающий текстПишем текстОбъемный текстГорящий текстПишем текстПишем текстОбъемный текстОбъемный текстПишем текстЗеркальный текстКристальный фонТЕКСТТекстурный текстОбъемный текстОгненный текстПишем ТекстТекстТекст на фонеТекстНеоновый текстТекст на фоне Разные красивые шрифтыТекстБлестящий текстТекстКнопка текстОбъемный текстТекст на текстуреТекстТекст на текстуреГенератор кнопочек просто выбирайте нажав на крестик а потом жмите ОК и всё у вас под рукой)))

источник

Получение HTML-кода для любого цвета (флешка)

Пояснение 

Что означают новые звёзды? (Ответ Дня)

Окошко для кодов.

Этот урок как делать окошко для кодов. Очень полезная штука и удобная.Можно быстро скопировать код и занимает мало места.Очень хорошо подходит для рамочек. Если у вас получилась красивая рамка и хочется поделиться с другими её кодом. Выглядеть окошко без кода будет так. ВАШ КОД А теперь сам код,чтобы делать такое окошко Копируем и вставляем к себе в блог. ...rows="2"...-это Высота окошка его можно менять по желанию. ...cols="15"...-это Ширина окошка так же можно менять под нужный вам размер. Где написано ...ВАШ КОД... туда и вставляете свой код. А можно сделать окошко с цветом.Смотрится очень красиво. ВАШ КОД ВАШ КОД Цвет в окошке можно менять.Найдите в коде слова ...background-color:red;... red-Это название цвета. Можно менять на любой другой цвет какой вам нравится. И сразу за ним ...color:black;...- меняем цвет текста. black-Это цвет шрифта. Тоже меняйте на своё усмотрение. КОД ОКОШКА С ЦВЕТОМ Пробуйте.Всем удачи! дневник Милолика Покровская