среда, 23 февраля 2011 г.

Доработка стилизатора и юзер-скрипта для overclockers.ru

Относительно закончена доработка совместимостей браузеров для показа преобразованного сайта с помощью единого скрипта в Firefox 3.6, Opera 10-11, Chrome 7-8. Возможно, потребуется немного доработок для Safari 5 и вполне может заработать в IE8, если учесть некоторые стили. Но, так как потенциальных пользователей - 2.5 человека, то другие доработки пока излишни. Код отрабатывался, получается, в основном, для отработки техники достижения совместимостей CSS-кода.

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

Наиболее интересной и сложной задачей оказалось преобразование кода HTML вида

<td width="140" align="center" class="row3">
 <p style="white-space: nowrap;" class="topicdetails" id="last_post">
  <a href="./viewtopic.php?f=9&t=39069&p=629242#p629242">
   <img width="18" height="9" title="Перейти к последнему сообщению"
    alt="Перейти к последнему сообщению"
    src="./styles/ocss2/imageset/icon_topic_latest.gif">
  </a>05.07.2004 11:33<br>
  <span class="topicdetails">
   <a href="./memberlist.php?mode=viewprofile&u=39622">
    Overclockers.ru
   </a>
  </span>
 </p>
</td>

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

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

Если бы все элементы были в тегах и без
, такой работы бы не понадобилось. Из плюсов - опыт достижения совместимости CSS.

Коды юзер-стиля - "Forums.overclockers.ru - стиль Over-Compact 2011".
Коды юзер-скрипта, дополняющего стиль и содержащего его в себе - "OverCompact для overclockers.ru".