P.S. Пост обновлен - теперь изображение задается только по высоте => не будет вытянутых непропорциональных изображений
Инструкция ниже.
(см под кат)
Вам понадобится скрипт ниже (шаг 1) и немного терпения[list]
[*]Шаг 1
[/list]
#lightbox{ top:10px !important; position:fixed !important; } #outerImageContainer, #imageDataContainer{ width:(Width-270)px !important; max-height:(Height-250)px !important; } #lightboxImage{ max-height: (Height-300)px !important; max-width: (Width-270)px !important; } #prevLink, #nextLink{ height:inherit !important; }
[/spoiler]
Где Width - ширина экрана(например 1600)
Height - высота экрана (например 900)
Вносим в него точные числа вместо текста в круглых скобках.
На этом первый этап закончен.[list]
[*]Шаг 2
[/list]
Сохраняем его в файл с раширением .css в любой папке по вашему выбору (лучше если это будет папка, куда установлен ваш браузер)[list]
[*]Шаг 3 (Opera 11-12)
[/list][list="1"]
[*]Заходим на сайт tesall.ru
[*]Нажимаем правую кнопку мыши -> Настройки для сайта -> Вид
[*]В графе Моя таблица стилей выбираем наш скрипт
[*]Получаем нечто похожее
[/list][list]
[*]Шаг 3 (Opera 15)
[/list]
В связи с переделкой Opera в новых версиях для работы исправления придется все сделать чуть по-другому.[list="1"]
[*]Заходим на сайт Opera и скачиваем расширение, которое позволяет нам ставить их с магазина Web Chrome store
[*]Заходим в магазин и ставим расширение Stylish
[*]Следуем инструкциям для Chrome
[/list][list]
[*]Шаг 3 (Chrome)
[/list][list="1"]
[*]В Интернет магазине Расширений ищем и устанавливаем Stylish
[*]Нажимаем на иконку Stylish -> Управление установленными стилями -> Создать
[*]Вставляем скрипт в раздел Код,
Ставим галочку Включено,
Выбираем Применить к URL в домене tesall.ru
Сохраняем
[*]В итоге должно получиться что-то похожее
[/list][list]
[*]Шаг 3 (Firefox) - спасибо пользователю applepie за правку
[/list][list="1"]
[*]Устанавливаем Аддон Stylish из
[*]Заходим в Firefox -> Управление дополнениями - > Стили
[*]Нажимаем на кнопку Создать новый стиль
[*]Перед скриптом вставляем 3 строчки:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("tesall.ru");{
/*Далее вставляем код стиля из блока выше - lightbox */
[/spoiler]
[*]Получаем что-то вроде такого
[/list]
Для других браузеров инструкции можете попытаться поискать например здесь. Или ввести в любой поисковик запрос "Установка User CSS в браузер такой-то"
Удачи!
- Читать далее...
- 7 комментариев
- 1 321 просмотр