Игорь ([info]wildmale) wrote,

Про HTML

Некоторые советы по обращению с html-кодами:
  • Часто вижу в ЖЖ реплики типа
    "Чтобы спрятать запись под кат, используйте
    < lj-cut > ТЕКСТ < /lj-cut > - пробелы уберите!!!"

     Очень просто выложить html-код в виде, готовом для использования:
    <lj-cut> ТЕКСТ </lj-cut>
    Скопируйте любой готовый к применению html-код и зайдите на странице "Написать" в Визуальный редактор. Вставьте код. Кликнув на режим HTML, получите раскладку кода для вставки в пост (коммент и т.д.)
    Ваш друг скопирует и приобщится к прекрасному. Это работает не только в ЖЖ.

  • Для пущего удобства можно завернуть код в:
    <textarea> КОД </textarea>
    Получится типа:


  • Вообще для подобных штук есть крохотная программка sHTMLc
    Она преобразует и подсветит html-код выбранным вами цветом, как в моем примере. Работает и с флешки.

  • Для того, чтобы увидеть пост в его html-раскладе, надо к концу адреса приписать ?nohtml=1
    Удобно, когда кто-нибудь накосячит во френдленте.
    Но это только для ЖЖ.

  • Чтобы посмотреть код небольшого, выделенного вами фрагмента на любой веб-странице, существуют плагины.
    Для браузера FireFox Firebug
    Для IE IEshowcode (после установки и выделения нужного фрагмента в контекстном меню появится "Показать кусочек кода")

  • Если хотите повозиться с кодами оф-лайн, никогда не делайте это в WORD'e (будет ж..па).
    Используйте Блокнот (Notepad)
    А еще лучше поставьте Bred3 - гораздо более гуманный заменитель Блокнота
    Все программы, о которых пишу, работают и в Vista, хотя не везде это указано на страницах разработчиков.

  • Зайдя на любую веб-страницу и введя в адресную строку:

    javascript:document.body.contentEditable='true';
    document.designMode='on'; void 0

    вы сможете редактировать эту страницу - удалять-добавлять текст, перетаскивать картинки и т.д.
    Естественно, редактирование это будет происходить на вашем компе, а не на сервере, но можно сохранить результат, сделать скриншот и т.д.
    прим.: трюк работает если настройки браузера разрешают javascript' ты

    Теперь вы знаете, как делаются "фейк"-скриншоты типа:

    _____________

    Удачи!

  • Tags: полезное

    • Post a new comment

      Error

      Anonymous comments are disabled in this journal

      Your reply will be screened

      Your IP address will be recorded 

    • 40 comments

    [info]dvarniaga

    September 10 2008, 08:04:23 UTC 3 years ago

    спасибо!

    а насчет супа - пробовал отписаться, некоторые сервисы вырубаются, в частности - http://www.livejournal.ru/counter

    [info]wildmale

    September 10 2008, 08:10:33 UTC 3 years ago

    да, за доп. сервис приходится платить

    [info]dvarniaga

    3 years ago

    [info]wildmale

    3 years ago

    [info]dvarniaga

    3 years ago

    [info]hardref

    September 10 2008, 08:21:56 UTC 3 years ago

    А не подскажете как писать в дневник через Webproxy, если lj забанен?
    Пытался писать через вебпрокси pagewash. ком, но он плохо воспринимает авторизацию и в итоге
    запостить не удается. Спасибо.

    [info]wildmale

    September 10 2008, 08:36:33 UTC 3 years ago

    Вопрос актуальный в наши дни:)
    Существуют целые сети прокси-сайтов, типа: http://www.privax.us
    Другое дело, что админы банят эти сайты пачками

    А чтоб использовать вместо прокси Google, введите:
    http://google.com/translate?langpair=enen&u=www.livejournal.com



    [info]yvazhyxa

    September 10 2008, 09:16:47 UTC 3 years ago

    спасибо!

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

    [info]wildmale

    September 10 2008, 09:33:23 UTC 3 years ago

    Пуск-Выполнить-Notepad-Формат-Перенос по словам (ставим крыжик)

    [info]daninyuta

    September 10 2008, 12:09:01 UTC 3 years ago

    А что такое "СУП", от которого надо отписаться?))

    [info]stavolta

    September 12 2008, 03:59:01 UTC 3 years ago

    фирма, управляющая рускоязычной частью LiveJournal (а около года назад они купили право владения всем LiveJournal'ом) http://www.sup.com/

    [info]daninyuta

    3 years ago

    [info]stavolta

    3 years ago

    [info]daninyuta

    3 years ago

    [info]kolokossow

    September 17 2008, 20:21:56 UTC 3 years ago

    моргМолодцы!

    [info]arno1251

    October 3 2008, 10:17:49 UTC 3 years ago

    Не будете так добры добавить в html'ку, как можно имитировать изображение сообщества?
    Спасибо.

    [info]turboworm

    October 16 2008, 14:52:15 UTC 3 years ago

    Я делал ЛЖКАТ, но не работает чёт. Хотя говорят, что вроде всё правильно.

    [info]prostosu

    January 4 2009, 05:05:42 UTC 3 years ago

    привет! простите, что напрягаю Вас. но, кажется, из всех моих френдов только Вы можете посоветовать. я пропала из френд-ленты друзей. как это можно исправить? пыталась проверить настройки, ничего "такого" не увидела.

    [info]wildmale

    January 4 2009, 06:05:22 UTC 3 years ago

    возможно, это связано с самым верхним вашим постом. попробуйте в режиме редактирования поставить ему дату 2010 года. обязателен крыжик "внеочередная дата"
    С праздником!

    [info]prostosu

    3 years ago

    [info]prostosu

    1 year ago

    [info]serafima_29

    March 29 2009, 07:55:04 UTC 3 years ago

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

    [info]serafima_29

    March 29 2009, 08:01:31 UTC 3 years ago

    И еще меня так сильно манит какой-то загадочный вечный или верхний пост. ну всё облазила в своем профиле, настройках, но. . . увы и ах. чайник он и есть чайник. :-)

    [info]merlin_magic

    May 11 2009, 15:51:16 UTC 3 years ago

    это обычный пост с датой которая еше не наступила, например 2030-й год, поэтому он всегда сверху, при его написании нужно быдет при выпоре даты поставить галочку - внеочередная дата...
    а на счет счетчиков посмотрите здесь: http://blogs.yandex.ru/getbutton/?action=/top/

    [info]tobico

    May 22 2009, 14:06:42 UTC 2 years ago

    большое спасибо

    [info]wakost

    August 18 2009, 11:09:21 UTC 2 years ago

    Подскажите, пожалуйста, как сделать всплывающую подсказку при наведении курсора на определенное слово, буквосочетание. Спасибо!

    [info]hypertabloid

    August 28 2009, 14:50:03 UTC 2 years ago

    Вот здесь об этом - http://htmlka.com/text/

    [info]akrav

    February 3 2010, 12:05:25 UTC 2 years ago

    Наверно, это где-то сказано, а я плохо искал... Нет, я, правда, долго-предолго искал, но не нашёл.

    Если можете -- пожалуйста, ответьте на два вопроса. Или на один из них.

    1. Как сделать, чтобы текст обтекал рамку (скажем, 30%-ной ширины), а в рамке была -- не картинка, не пикселированный текст, а ПРОСТОЙ НОРМАЛЬНЫЙ ТЕКСТ?

    2. Как сделать в обычном тексте обычные книжные абзацы -- чтобы при этом не прибавлялась щедрая дополнительная пропущенная строка? Я для этого пишу в начале строки "&nbsр;" и повторяю этот символ 5 раз, с пробелами. Но ведь это чайниковский способ, не так ли? Как это сделать по-цивилизованному?

    Спасибо за ваш сайт!

    [info]wildmale

    February 5 2010, 15:26:34 UTC 2 years ago

    Спасибо Вам.
    начну с вопроса 2.
    2. будете смеяться, но я делаю также, как вы
    1. Чтобы получить такое обтекание:
    ------------

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

    Ситком устроен по-другому, нежели фильм, где стиль игры более реалистичный. Обычно на съемках 95% ситкомов есть живая публика, аудитория, смех которой и звучит за кадром. Это преувеличенный стиль игры, голоса должны передавать больше эмоций и быть просто громче; много не вполне естественной мимики и жестов. Кино в этом плане похоже на реальную жизнь, а ситкомы - это как театр, поставленный для камеры.
    -----------
    нужно использовать код:
    <P style="PADDING-RIGHT: 15px; MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 3px; WIDTH: 30%; COLOR: blue;">Текст внутри</P> Обтекающий текст
    -----------
    Ширина вкладки 40%, цвет текста blue, разберетесь, думаю:)

    [info]akrav

    2 years ago

    [info]wildmale

    2 years ago

    [info]kbagirova

    February 18 2010, 05:43:51 UTC 2 years ago

    у меня тут такой вопрос, а если нужно под кат с заголовком
    скрыть текст и картинку как сделать это и в каком редакторе

    [info]tihmila

    March 2 2010, 18:55:02 UTC 2 years ago

    Простите, а где в комменте режим HTML? Вот я сейчас вам пишу, а режима не вижу... Только смейтесь сильно!
    И еще не поняла: вы пишете *Для пущего удобства можно завернуть код в:

    Получится типа:
    ТЕКСТ *
    А как это *завернуть код в* ? Ну не получается же! Тысяча извинений за тупизм...

    [info]wildmale

    March 3 2010, 02:32:00 UTC 2 years ago

    в каментах по умолчанию html
    и, кстати, у вас получилось:)

    [info]surikat2000

    April 21 2010, 17:01:45 UTC 2 years ago

    Объясните пожалуйста, как оформляя пост, оставить одну фотку на виду, а остальные
    (к примеру 8 фоток) спрятать под кат ?

    [info]maxramich

    October 25 2010, 10:41:57 UTC 1 year ago

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

    Anonymous

    November 20 2010, 22:46:01 UTC 1 year ago

    музыка в чате

    подскажите пожалуйста, как ставить в чат музыку, чтобы не было видно плеера и она сама играла без нажатия на кнопку
    Create an Account
    Forgot your login or password?
    Facebook Twitter More login options
    English • Español • Deutsch • Русский…