Страница 1 из 2 1 2 ПоследняяПоследняя
Показано с 1 по 10 из 11
  1. #1
    На перепутье Perfectwind житель Идеального Мира Аватар для Perfectwind
    Регистрация
    07.04.2011
    Сообщений
    86

    Exclamation [UserCSS] Форум растянутый на ширину страницы

    Так как у меня широкоформатный монитор и я не могу терпеть узкую рабочую область, то я за пару минут сделал маленький UserCSS.

    Чтоб не было никаких притензий, в стиле "Ах ты, иродъ прокълятый!11 Пароли мои украсть хочешь!111" выкладываю открытый css.

    Код:
    @namespace url(http://www.w3.org/1999/xhtml);
    
    @-moz-document domain("www.forum.pwonline.ru"), url-prefix("https://pwonline.ru/forums/") {
    
    .top {
        height: 204px;
        margin: 0 auto;
        text-align: center;
        width: 100% !important;
    }
    
    .top_menu {
        position: relative;
        top: -2px;
        width: 100% !important;
        
    }
    .top_menu {
        background: url("http://i.imgur.com/MVlNbgy.png") repeat-x scroll 0 0 transparent !important;
    }
    
    
    
    .forum_content {
        background: url("http://i.imgur.com/GiJBD8K.png") repeat-y scroll 0 0 transparent !important;
        margin: 0 auto;
        text-align: center;
        width: 100% !important;
    }
    
    .tcat {
        background: url("https://pwonline.ru/forums/new_design2/img/tcat_bg.jpg") repeat-x scroll left top #443D2B !important;
        color: #EDE7DA;
        font-weight: bold;
    }
    
    
    .tborder_navbar {
        background: url("http://i.imgur.com/slOvlvB.jpg") repeat-x scroll 0 0 transparent !important;
        margin-top: -5px;
    }
    
    .vbmenu_control_table {
        background: url("http://i.imgur.com/MVlNbgy.png") repeat-x scroll 0 0 transparent !important;
    }
    
    .top_menu {
        background: url("http://i.imgur.com/B5rFVbm.png") repeat-x scroll 0 0 transparent !important;
    }
    
    .forum_content {
        background: url("http://i.imgur.com/BBsVEQs.jpg") repeat-x scroll 0 0 transparent !important;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    
    .footer {
        background: url("http://i.imgur.com/yvgGKJS.png") repeat-x scroll 0 0 transparent !important;
        color: #62594E;
        font: bold 11px Arial;
        margin: 0 auto;
        padding: 5px 20px;
        text-align: center;
        width: 98% !important;
    }
    
    .for_social {
        background: url("https://pwonline.ru/forums/new_design2/img/social_bg.png") repeat-x scroll 0 100% transparent !important;
        height: 20px;
        padding-bottom: 20px;
    }
    
    
    
    }
    Так же его можно посмотреть на сайте — http://userstyles.org/styles/92396/

    Для того чтоб воспользоваться данным стилем нужно(подходит только для FireFox, для Chrome немного другая схема установки):
    1. Установить официальное дополнение «Stylish»(так же его можно найти в каталоге дополнений в самом браузере);
    2. Перейти по ссылке —http://userstyles.org/styles/92396/ и нажать на кнопочку «Install with Stylish»;
    3. Во всплывающем окне нажать «Установить».
    Всё, готово!


    А вот в итоге будет так:





    Надеюсь тему не удалят, это хоть и скрипт, но он не вредоносный и только для облегчения работы с форумом.
    Ну а если вдруг решите удалить, не бейте меня палкой.
    Perfect World: [Orion - Werebest - 98 - BAN] [Mira - Elf Archer - 101 - OFF] [Omega - Seeker - 100 - OFF]

    ArcheAge: [Lucius - East - Ferre - Tactics - 40 - ЗБТ
    ]

  2. #2
    Защитник Города Драконов Denobula81 кавалер Знака железной крови Аватар для Denobula81
    Регистрация
    21.03.2009
    Адрес
    TES Online :)
    Сообщений
    1,080

    По умолчанию

    Спасибо большое ,у самого широкоформатный и вымораживает что пол-экрана пустые



  3. #3
    На перепутье Perfectwind житель Идеального Мира Аватар для Perfectwind
    Регистрация
    07.04.2011
    Сообщений
    86

    По умолчанию

    Вверх! Об этом должны узнать миллионы.
    Perfect World: [Orion - Werebest - 98 - BAN] [Mira - Elf Archer - 101 - OFF] [Omega - Seeker - 100 - OFF]

    ArcheAge: [Lucius - East - Ferre - Tactics - 40 - ЗБТ
    ]

  4. #4

    По умолчанию

    По-видимому, не судьба просто масштаб в браузере увеличить
    On road to 1kkkk...

  5. #5
    Опытный reliance1 житель Идеального Мира Аватар для reliance1
    Регистрация
    14.10.2012
    Адрес
    Ад
    Сообщений
    70

    По умолчанию

    Апну
    Нужная вещь)
    > Под знамена Throw собралась вся элита фришарда, умеющая нажимать кнопки. (с)

  6. #6
    Гроза бездушных dagenniger приспешник Бездушных Аватар для dagenniger
    Регистрация
    22.02.2009
    Адрес
    Санкт-Петербург
    Сообщений
    854

    По умолчанию

    Реквестую UserScript, который аяксом будет обновлять текущую страничку
    Например .page.content обновлять)
    МОЛИТЕСЬ и кайтесь

  7. #7
    Защитник Города Драконов Denobula81 кавалер Знака железной крови Аватар для Denobula81
    Регистрация
    21.03.2009
    Адрес
    TES Online :)
    Сообщений
    1,080

    По умолчанию

    Цитата Сообщение от byGoGo Посмотреть сообщение
    По-видимому, не судьба просто масштаб в браузере увеличить
    и получается фигня, будь так все просто люди не заморачивались бы



  8. #8
    На перепутье Perfectwind житель Идеального Мира Аватар для Perfectwind
    Регистрация
    07.04.2011
    Сообщений
    86

    По умолчанию

    Цитата Сообщение от dagen-niger Посмотреть сообщение
    Реквестую UserScript, который аяксом будет обновлять текущую страничку
    Например .page.content обновлять)
    Ну чтож, раз просят, то попробуем
    Правда я ещё не пробовал для Greasemonkey писать что-то.
    Perfect World: [Orion - Werebest - 98 - BAN] [Mira - Elf Archer - 101 - OFF] [Omega - Seeker - 100 - OFF]

    ArcheAge: [Lucius - East - Ferre - Tactics - 40 - ЗБТ
    ]

  9. #9
    Гроза бездушных dagenniger приспешник Бездушных Аватар для dagenniger
    Регистрация
    22.02.2009
    Адрес
    Санкт-Петербург
    Сообщений
    854

    По умолчанию

    Вообще я для Хромиума реквестовал)
    Да и сам написал бы, но такой скрипт будет малопригоден,
    так как при каждом обновлении он будет сбрасывать выделенные html-ноды
    и сбрасывать набранное в редакторе быстрого ответа)
    А если запоминать содержимое, то надо работать с выделенным и курсором в textarea,
    сохранять и устанавливать после обновления, а это само по себе головняк ещё тот

    Ну опять же если делать не кроссбраузерно, а для Хромиума (Блинка),
    то ничего джедайского делать не придётся))

    И выкладывай тогда уж где-нить на битбакете или гитхабе,
    а дальше общими усилиями пулл-реквестами допилим)
    МОЛИТЕСЬ и кайтесь

  10. #10
    Вей Сяо Бао vvolchonok достоверный источник Вея Сяо Бао vvolchonok достоверный источник Вея Сяо Бао vvolchonok достоверный источник Вея Сяо Бао vvolchonok достоверный источник Вея Сяо Бао Аватар для vvolchonok
    Регистрация
    16.01.2009
    Сообщений
    5,851

    По умолчанию

    на любителя.
    как по мне, так лист А4 читать удобнее, чем так, когда глаза по экрану разбегаются)

    но за проделанную работу спасибо

    ~ЭльфикА~

Страница 1 из 2 1 2 ПоследняяПоследняя

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения