-Поиск по дневнику

Поиск сообщений в akry

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 21.08.2007
Записей:
Комментариев:
Написано: 40029

Liveinternet: как сделать, чтобы весь текст обтекал картинку - 2

Дневник

Понедельник, 02 Марта 2009 г. 19:55 + в цитатник

Баги Liveinternet: перенос абзацев

Сегодня я писал о том, как на ливинтернете исправить ошибку, когда ваш текст не обтекает картинку слева. Напомню, что предлагалось у всех параграфов с тегом <P> добавить строчку style="clear:none".

Подобные решения всегда наполняют моё сердце печалью — что-то делать руками очень лень. Поэтому я написал скрипт для greasemonkey, который делает то же самое автоматически для любого набираемого в расширенном редакторе текста.

Требуются Firefox, и установленный на него Greasemonkey.

Ставим скрипт, и вуаля. Только укажите ему, что его можно запускать только на вашей страничке, как я сделал это для своего скрипта:

Greasemonkey «manage scripts»

Впишите туда адрес своей странички и поставьте звёздочку в конце. Типа «http://www.liveinternet.ru/users/ItsMe/*&raquo;).

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

Рубрики:  Всякое

Метки:  

Liveinternet: как сделать, чтобы весь текст обтекал картинку

Дневник

Понедельник, 02 Марта 2009 г. 14:02 + в цитатник

Сейчас на Ли.ру багов больше, чем в специальном рассаднике. Это связано с принципиальной позицией администрации, но нам по любому надо как-то вертеться. Какждый выкручивается, как может. Я вот ставлю патчи со стороны браузера, чтобы если не у всех, то хотя бы у меня всё смотрелось хорошо. Автоматическое сохранение набираемого текста например, расширение поля для ввода текста, ускорение загрузки.

Но не всё можно сделать у себя. Один из багов, который меня раздражал — поведение абзацев при обтекании картинки. На скриншоте оно вполне видно. Фотография выравнена влево. По идее абзацы должны мирно обтекать её справа, и так и выглядит, когда набираешь текст. Но сохранив его, в дневнике видишь, что обтекает картинку только первый абзац. А остальные уплыли под картинку.

Баги Liveinternet: перенос абзацев

Почему? Дело в том, что не очень умелый верстальщик в файле blog.css написал следующее:

css source

А должен был либо ничего не писать, либо написать «clear:none». Ну да нас больше волнует не вопрос «кто виноват», а «что делать нам». Кто-то может попытаться достучаться до ValeZ, как это безуспешно делаю я уже полгода. Но по счастью этот ляп мы можем исправить проще.

Открываем исходный код текста:

FCKEditor Source Button

Видим много кода, среди которого нас интересует несколько абзацев после проблемной картинки. Абзацы обозначаются тегами <P>. Дальше просто. Внутри угловых скобок после каждого неправедно перенесённог «P» дописываем строку: style ="clear:none". Выглядеть будет так:

Clear:none

 Сохраняем пост, всё работает как надо:

clear:none result

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

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

 

UPD. Я сдела скрипт для GreaseMonkey, который все означенные операции проделывает автоматически и незаметно для вас. Подробности здесь.

Рубрики:  Всякое

Метки:  

 Страницы: [1]