PDA

Просмотр полной версии : [UserCSS] Форум растянутый на ширину страницы



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

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


@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.forum.pwonline.ru"), url-prefix("http://forum.pwonline.ru/") {

.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("http://forum.pwonline.ru/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("http://forum.pwonline.ru/new_design2/img/social_bg.png") repeat-x scroll 0 100% transparent !important;
height: 20px;
padding-bottom: 20px;
}



}Так же его можно посмотреть на сайте — http://userstyles.org/styles/92396/ (http://forum.pwonline.ru/fredirect.php?url=http://userstyles.org/styles/92396/)

Для того чтоб воспользоваться данным стилем нужно(подходит только для FireFox, для Chrome немного другая схема установки):


Установить официальное дополнение «Stylish»(так же его можно найти в каталоге дополнений в самом браузере); (http://forum.pwonline.ru/fredirect.php?url=https://addons.mozilla.org/en-US/firefox/addon/stylish/?src=external-userstylesorghelp)
Перейти по ссылке —http://userstyles.org/styles/92396/ (http://forum.pwonline.ru/fredirect.php?url=http://userstyles.org/styles/92396/) и нажать на кнопочку «Install with Stylish»;
Во всплывающем окне нажать «Установить».

Всё, готово!



А вот в итоге будет так:
http://forum.pwonline.ru/showimg.php?url=http%3A%2F%2Fi.imgur.com%2FlE6TwM0 .jpg





Надеюсь тему не удалят, это хоть и скрипт, но он не вредоносный и только для облегчения работы с форумом.
Ну а если вдруг решите удалить, не бейте меня палкой.

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

Perfectwind
21.09.2013, 04:57
Вверх! Об этом должны узнать миллионы.:fox_24:

byGoGo
21.09.2013, 10:51
По-видимому, не судьба просто масштаб в браузере увеличить

reliance1
21.09.2013, 12:14
Апну
Нужная вещь)

dagenniger
22.09.2013, 11:54
Реквестую UserScript, который аяксом будет обновлять текущую страничку :)
Например .page.content обновлять)

Denobula81
22.09.2013, 12:10
По-видимому, не судьба просто масштаб в браузере увеличить
и получается фигня, будь так все просто люди не заморачивались бы

Perfectwind
23.09.2013, 08:04
Реквестую UserScript, который аяксом будет обновлять текущую страничку :)
Например .page.content обновлять)
Ну чтож, раз просят, то попробуем:monkey_1:
Правда я ещё не пробовал для Greasemonkey писать что-то.:monkey_37:

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

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

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

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

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

Yakim1993
25.09.2013, 10:47
Нужная весчь, спасибо))