Галерея. Как ее быстро исправить. Инструкция</h1> <article> <h1>Галерея. Как ее быстро исправить. Инструкция</h1> <p>Mon, 27 May 2013 15:25:00 +0000</p> Многие пользователи с небольшим разрешением экрана (меньше 1920х1080) уже заметили, что всплывающее окошко при просмотре картинки выходит за пределы экрана. В этой записи я представлю быстрый способ это поправить.<br> P.S. Пост обновлен - теперь изображение задается только по высоте => не будет вытянутых непропорциональных изображений<br> <br> Инструкция ниже.<br> (см под кат)<br> <br> Вам понадобится скрипт ниже (шаг 1) и немного терпения[list]<br> [*]<em><strong>Шаг 1</strong></em><br> [/list]<br> <em><strong><div class="ipsSpoiler" data-ipsspoiler=""><div class="ipsSpoiler_header"><span>Спойлер</span></div><div class="ipsSpoiler_contents"></div></div></strong></em><br> <br> <pre class="ipsCode prettyprint prettyprinted"> #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; } </pre><br> <br> [/spoiler]<br> Где Width - ширина экрана(например 1600)<br> Height - высота экрана (например 900)<br> Вносим в него точные числа вместо текста в круглых скобках.<br> <br> На этом первый этап закончен.[list]<br> [*]<em><strong>Шаг 2</strong></em><br> [/list]<br> Сохраняем его в файл с раширением .css в любой папке по вашему выбору (лучше если это будет папка, куда установлен ваш браузер)[list]<br> [*]<em><strong>Шаг 3 (Opera 11-12) </strong></em><br> [/list][list="1"]<br> [*]Заходим на сайт tesall.ru<br> [*]Нажимаем<em><strong> правую кнопку мыши -> Настройки для сайта -> Вид</strong></em><br> [*]В графе Моя <strong><em>таблица стилей</em></strong> выбираем наш скрипт<br> [*]Получаем нечто похожее<br> <div class="ipsSpoiler" data-ipsspoiler=""><div class="ipsSpoiler_header"><span>Спойлер</span></div><div class="ipsSpoiler_contents"></div></div><br> [/list][list]<br> [*]<em><strong>Шаг 3 (Opera 15)</strong></em><br> [/list]<br> <em><strong>В связи с переделкой Opera в новых версиях для работы исправления придется все сделать чуть по-другому.</strong></em>[list="1"]<br> [*]Заходим на сайт Opera <div class="ipsSpoiler" data-ipsspoiler=""><div class="ipsSpoiler_header"><span>Спойлер</span></div><div class="ipsSpoiler_contents"> <a href="https://addons.opera.com/ru/extensions/details/download-chrome-extension-9/?display=en" rel="nofollow external noopener noreferrer" target="_blank">https://addons.opera.com/ru/extensions/details/download-chrome-extension-9/?display=en</a> </div></div>и скачиваем расширение, которое позволяет нам ставить их с магазина <em><strong>Web Chrome store</strong></em><br> [*]Заходим в магазин и ставим расширение Stylish <div class="ipsSpoiler" data-ipsspoiler=""><div class="ipsSpoiler_header"><span>Спойлер</span></div><div class="ipsSpoiler_contents"><a href="https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe" rel="nofollow external noopener noreferrer" target="_blank">https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe</a></div></div><br> [*]Следуем инструкциям для Chrome<br> [/list][list]<br> [*]<em><strong>Шаг 3 (Chrome)</strong></em><br> [/list][list="1"]<br> [*]В Интернет магазине Расширений ищем и устанавливаем Stylish<br> <div class="ipsSpoiler" data-ipsspoiler=""><div class="ipsSpoiler_header"><span>Спойлер</span></div><div class="ipsSpoiler_contents"><a href="https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=ru&utm_source=chrome-ntp-launcher" rel="nofollow external noopener noreferrer" target="_blank">https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=ru&utm_source=chrome-ntp-launcher</a></div></div><br> [*]Нажимаем на <em><strong>иконку Stylish -> Управление установленными стилями -> Создать</strong></em><br> [*]Вставляем скрипт в раздел Код,<br> Ставим галочку Включено,<br> Выбираем Применить к URL в домене tesall.ru<br> Сохраняем<br> [*]В итоге должно получиться что-то похожее<br> <div class="ipsSpoiler" data-ipsspoiler=""><div class="ipsSpoiler_header"><span>Спойлер</span></div><div class="ipsSpoiler_contents"></div></div><br> [/list][list]<br> [*]<strong><em>Шаг 3 (Firefox) - спасибо пользователю <a href="/user/13688-applepie/">applepie</a> за правку</em></strong><br> [/list][list="1"]<br> [*]Устанавливаем Аддон Stylish из<br> <div class="ipsSpoiler" data-ipsspoiler=""><div class="ipsSpoiler_header"><span>Спойлер</span></div><div class="ipsSpoiler_contents"><a href="https://addons.mozilla.org/ru/firefox/addon/stylish/" rel="nofollow external noopener noreferrer" target="_blank">https://addons.mozilla.org/ru/firefox/addon/stylish/</a></div></div><br> [*]Заходим в <strong>Firefox -> Управление дополнениями - > Стили</strong><br> [*]Нажимаем на кнопку <strong>Создать новый стиль</strong><br> [*]Перед скриптом вставляем 3 строчки:<br> <br> <em><strong><div class="ipsSpoiler" data-ipsspoiler=""><div class="ipsSpoiler_header"><span>Спойлер</span></div><div class="ipsSpoiler_contents"></div></div></strong></em><br> @namespace url(<a href="http://www.w3.org/1999/xhtml" rel="nofollow external noopener noreferrer" target="_blank">http://www.w3.org/1999/xhtml</a>);<br> @-moz-document domain("tesall.ru");{<br> /*Далее вставляем код стиля из блока выше - lightbox */<br> <em><strong>[/spoiler]</strong></em><br> [*]Получаем что-то вроде такого<br> <div class="ipsSpoiler" data-ipsspoiler=""><div class="ipsSpoiler_header"><span>Спойлер</span></div><div class="ipsSpoiler_contents"><br> @-moz-document domain("tesall.ru") {<br> #lightbox{<br> top:10px !important;<br> position:fixed !important;<br> }<br> #outerImageContainer, #imageDataContainer{<br> width:1430px !important;<br> max-height:650px !important;<br> }<br> #lightboxImage{<br> max-height: 600px !important;<br> max-width: 1350px !important;<br> }<br> #prevLink, #nextLink{<br> height:inherit !important;<br> }<br> }<br> </div></div><br> [/list]<br> Для других браузеров инструкции можете попытаться поискать например <a href="http://usercss.ru/how-to-install/" rel="nofollow external noopener noreferrer" target="_blank">здесь</a>. Или ввести в любой поисковик запрос "Установка User CSS в браузер такой-то"<br> <br> Удачи! </article> <article> <h1>Открыть Скриншоты в новом окне</h1> <p>Wed, 24 Apr 2013 11:10:00 +0000</p> Судя по всему администрация изменила режим просмотра скриншотов. Теперь lightbox исчез - и в окне браузера пользователи видят теперь просто картинку. Для меня единственным большим минусом нововведения стало то, что скрины открываются в этом же окне. В этой записи я расскажу как с помощью простейшего скрипта исправить положение.<br> <br> Нам понадобится следующий скрипт:<br> <div class="ipsSpoiler" data-ipsspoiler=""><div class="ipsSpoiler_header"><span>Script</span></div><div class="ipsSpoiler_contents"><pre class="ipsCode prettyprint prettyprinted"> // ==UserScript== // @name Tesall Screenshots // @include http://tesall.ru/* // ==/UserScript== // <![CDATA[ function init() { var arrAnchors = document.getElementsByTagName("a"); for (var i = 0; i < arrAnchors.length; i++) { if (arrAnchors[i].getAttribute("rel") == "external") { arrAnchors[i].setAttribute("target", "_blank"); } } } window.onload = init; // ]]> </pre><br> <br> </div></div><br> <br> Для браузера <span style="font-size: x-large;"><span style="color: #ff0000"><em><strong>Opera</strong></em></span></span> все как всегда просто:[list="1"]<br> [*]Сохраняем этот файл с расширением <strong>.js</strong> (например <strong>tesall.js</strong>)<br> [*]Заходим на tesall.ru: <strong>Правая кнопка->Настройки для сайта->Скрипты</strong> выбираем папку с нашим скриптом<br> [*]Получаем результат<br> [/list]<br> Для браузера <span style="color: #ff0000"><em><strong><span style="font-size: x-large;">Google Chrome</span></strong></em></span> и его сборок нам понадобится расширение <div class="ipsSpoiler" data-ipsspoiler=""><div class="ipsSpoiler_header"><span>User JS</span></div><div class="ipsSpoiler_contents"><a href="https://chrome.google.com/webstore/detail/userjs/gfdjamnjcpmdmndfkjalammkieciphbk" rel="nofollow external noopener noreferrer" target="_blank">https://chrome.google.com/webstore/detail/userjs/gfdjamnjcpmdmndfkjalammkieciphbk</a></div></div>:[list="1"]<br> [*]Устанавливаем расширение User JS (ссылка выше)<br> [*]Заходим в <u><strong>Управление расширениями->User JS Настройки</strong></u><br> [*]Вставляем в поле Javascript наш код<br> [*]Получаем результат<br> [/list]<br> Для браузера Mozilla Firefox нам понадобится дополнение <div class="ipsSpoiler" data-ipsspoiler=""><div class="ipsSpoiler_header"><span>GreaseMonkey</span></div><div class="ipsSpoiler_contents"><a href="https://addons.mozilla.org/ru/firefox/addon/greasemonkey/" rel="nofollow external noopener noreferrer" target="_blank">https://addons.mozilla.org/ru/firefox/addon/greasemonkey/</a></div></div>:[list]<br> [*]Ишите инструкцию в интернете<br> [/list] </article> </main></body></html>