ダ━━(乂☉ェ☉ =)━━メッ

Оформление ф

Оценить эту запись
Для тех, кто, возможно, пожелает сменить внешний вид сайта (на чуть посинее).
Превью:

Для создания использовались: пробная версия шапки сайта "Монохром", css-файл от тёмной темы оформления для vBulletin 4. К фоновому рисунку был применён градиент для имитации плавного перехода в чёрный; из исходного css-файла скопированы некоторые стили (css я не знаю, так что возможны кривости оформления в непротестированных местах).

Сразу же спешу огорчить тех, у кого браузер не Firefox. Оформление делалось исключительно под него и на других браузерах не тестировалось. Скачать Firefox можно там или там (прямая ссылка на версию 19.0).

Подробная инструкция по установке:
1) Открыть Firefox. Если его нет, то скачать и потом открыть.
2) Установить на Firefox дополнение Stylish (ссылка)
3) Выделить и скопировать этот код:
Код:
@namespace url(http://www.w3.org/1999/xhtml);@-moz-document domain("rpgmaker.su"){html{background:#000 url(http://i5.pixs.ru/storage/3/2/4/bggssfinal_5873237_7184324.jpg) no-repeat!important;background-size:100%!important}.above_body{text-align:center!important;background:transparent!important;background:url(http://i5.pixs.ru/storage/6/1/3/logopng_4070116_7183613.png) no-repeat center top!important;background-size:450px!important}.logo-image{float:none!important;padding:0!important;opacity:0!important}.button,input[name="sa"],.navpopupmenu.popupmenu.nohovermenu a.popupctrl,.navpopupmenu.popupmenu.nohovermenu a.textcontrol,.toolsmenu,.toplinks form input.loginbutton,.newcontent_textcontrol,dd.userprof_moduleinactive,.navtabs li a.navtab,dd.userprof_module,.navtabs li.selected a.navtab,a.textcontrol{background:-moz-linear-gradient(top,#555 48%,#333 49%,#000 85%,#333)!important;background:-webkit-linear-gradient(top,#555 48%,#333 49%,#000 85%,#333)!important;box-shadow:1px 1px 3px #000!important;border:1px solid #000!important}.button:hover,input[name="sa"]:hover,.navpopupmenu.popupmenu.nohovermenu a.textcontrol:hover,.toplinks form input.loginbutton:hover,.newcontent_textcontrol:hover,dd.userprof_moduleinactive:hover,.navtabs li a.navtab:hover,dd.userprof_module:hover,.navtabs li.selected a.navtab:hover,a.textcontrol:hover,.postfoot a:hover{border:1px solid hsla(208,44%,63%,.8)!important;box-shadow:0 0 14px hsla(208,44%,63%,.6),0 0 15px hsla(208,44%,63%,.4) inset!important}.navtabs li a.navtab:hover{color:#fff!important}.navtabs li.selected a.navtab{color:#fff!important}.blockhead,#searchtypeswitcher,.searchlisthead,.navtabs,.navbar,.footer,span.forumtitle,span.forumthreadpost,span.forumlastpost,.forumhead,.toplinks{background:-moz-linear-gradient(top,hsl(208,44%,33%) 48%,hsl(208,44%,15%) 49%,hsl(208,35%,7%) 85%,hsl(208,40%,33%))!important;background:-webkit-linear-gradient(top,hsl(208,44%,33%) 48%,hsl(208,44%,15%) 49%,hsl(208,35%,7%) 85%,hsl(208,40%,33%))!important;box-shadow:1px 1px 3px #000!important}.time{color:#aaa!important}#footer_morecopyright{color:#ddd!important;text-shadow:1px 1px 8px #DDD!important}.popupbody{border:2px solid rgba(0,0,0,.8)!important}.forumrow,#pollinfo,.bloglist,#below_unread,.forumhead,.announcerow,#wgo,.forum_info_subblock,.blockbody,.threadlist,li[id^="post_thanks_box_"],.userprof_headers,.notices li,.blockfoot,.blocksubfoot,#sidebar_container.member_summary,ul.userlist_showavatars li,li.userprof_content,.toplinks ul.isuser,.toplinks ul.nouser,.vbseo_share_body,#threadlist,li[id^="thread_"]{box-shadow:-2px 2px 2px rgba(0,0,0,.7)!important}.popupbody,.vbseo_share_body,#vbseo-likes.vbseo-likes-active,#vbseo-likes.vbseo-likes-tpreload,.vbseo-likes-container{box-shadow:0 4px 7px #000!important}a.popupctrl.active,a.popupctrl:hover,.toplinks ul.isuser li a:hover,#logindetails,.toplinks ul.nouser li a,.postfoot *{background-color:transparent!important}a.popupctrl.active,a.popupctrl:hover,.toplinks ul.isuser li a:hover,.breadcrumb .navbit a:hover{box-shadow:0 0 1px 1px hsl(208,44%,63%) inset,0 0 15px hsla(208,44%,63%,.4) inset!important}input.button{background:#e9e9e9 url(http://rpgmaker.su/images/gradients/generic_button.png) repeat-x top left!important}input.button:hover{box-shadow:none!important}.blockfoot{box-shadow:none!important}.polltitle{color:#fff!important}#pollinfo>.blockhead>h2{color:white!important;padding-left:10px!important}#pollinfo>.block>.blockhead>h2{color:white!important;padding-left:10px!important}#pollinfo>.blockhead>.stats>.totalvotes{color:white!important}#pollinfo>.blockhead>.stats>dd>.totalvotes{color:white!important}span.ctrlcontainer,a.textcontrol,#threadtools>h6>a#yui-gen9,a#yui-gen11,a#yui-gen12,a#yui-gen13,a#yui-gen14,a#yui-gen15,a#yui-gen16,a#yui-gen18{color:white!important;text-shadow:1px 1px 8px #DDD!important}#pagination_bottom>#yui-gen11>.popupspan>a#yui-gen13{color:#417394!important}#pagination_bottom>#yui-gen11>span>a#yui-gen13{color:#417394!important}#pagetitle>h1>span.forumtitle{background:transparent!important}.friends_mini>.blocksubhead>a.textcontrol.imagecontrol{background:transparent!important}.tabslight>dd.userprof_moduleinactive>a{color:white!important}div.blog_date>div.popupmenu>a.username>strong{color:#417394!important}.blog_date>.popupmenu.memberaction>.username.online.popupctrl>strong{color:blue!important}}
4) Добавляем скопированный код в Stylish. Для этого открываем страницу "Управление дополнениями" (Меню - Инструменты - Дополнения или ctrl+shift+A), выбираем вкладку "Стили", нажимаем "Создать новый стиль". Название даём любое. В самое большое поле вставляем скопированный ранее код и жмём сохранить.
5) Смотрим новое оформление rpgmaker.su

Спойлер тем, кто захочет убрать снег на шапке (тоже Firefox):

Для этого воспользуемся функционалом блокиратора рекламы Adblock для Firefox.
1 - заходим на страницу управления дополнениями, вкладка "Расширения", жмём "Настройки" Adblock'а, "Настройки фильтров", вкладка "Собственные фильтры", "Добавить фильтр" и копируем-вставляем ссылку на скрипт снега http://rpgmaker.su/clientscript/jque....min.jquery.js
2 - обновляем страницу сайта

Отправить "Оформление ф" в Digg Отправить "Оформление ф" в del.icio.us Отправить "Оформление ф" в StumbleUpon Отправить "Оформление ф" в Google Отправить "Оформление ф" в VKontakte Отправить "Оформление ф" в Facebook

Метки: Нет Добавить / редактировать метки
Категории
Без категории

Комментарии

  1. Аватар для Anxel
    Пусть будет. Есть не просит да и ладно.
  2. Аватар для Anxel
    Как убрать этот долбанный снег? Он меня уже дико бесит...юзаю Оперу.
  3. Аватар для The Joker
    Как миимум можно без шапки. Все равно глянцевые заголовки поприятнее. Да здравствует разнообразие!!!
  4. Аватар для Hiruza
    Цитата Сообщение от Anxel
    Как убрать этот долбанный снег? Он меня уже дико бесит...юзаю Оперу.
    1 - установить на Оперу дополнение Adblock Plus
    2 - зайти в настройки этого дополнения
    3 - вкладка "Персональные фильтры"
    4 - копировать-вставить ссылку на скрипт снега http://rpgmaker.su/clientscript/jquery/snowfall.min.jquery.js в поле для добавляемого фильтра и нажать "Добавить фильтр"
    5 - обновить страницу сайта
  5. Аватар для Anxel
    Сегодня снег сам пропал, видать тучи разошлись.
  6. Аватар для Hiruza
    rpgmaker.su style dark blue v0.33a universal final release:
    Код:
    html{background:#000 url(http://i5.pixs.ru/storage/3/2/4/bggssfinal_5873237_7184324.jpg) no-repeat!important;background-size:100%!important}.above_body{text-align:center!important;background:transparent!important;background:url(http://i5.pixs.ru/storage/6/1/3/logopng_4070116_7183613.png) no-repeat center top!important;background-size:450px!important}.logo-image{float:none!important;padding:0!important;opacity:0!important}.button,input[name="sa"],.navpopupmenu.popupmenu.nohovermenu a.popupctrl,.navpopupmenu.popupmenu.nohovermenu a.textcontrol,.toolsmenu,.toplinks form input.loginbutton,.newcontent_textcontrol,dd.userprof_moduleinactive,.navtabs li a.navtab,dd.userprof_module,.navtabs li.selected a.navtab,a.textcontrol{background:-moz-linear-gradient(top,#555 48%,#333 49%,#000 85%,#333)!important;background:-webkit-linear-gradient(top,#555 48%,#333 49%,#000 85%,#333)!important;box-shadow:1px 1px 3px #000!important;border:1px solid #000!important}.button:hover,input[name="sa"]:hover,.navpopupmenu.popupmenu.nohovermenu a.textcontrol:hover,.toplinks form input.loginbutton:hover,.newcontent_textcontrol:hover,dd.userprof_moduleinactive:hover,.navtabs li a.navtab:hover,dd.userprof_module:hover,.navtabs li.selected a.navtab:hover,a.textcontrol:hover,.postfoot a:hover{border:1px solid hsla(208,44%,63%,.8)!important;box-shadow:0 0 14px hsla(208,44%,63%,.6),0 0 15px hsla(208,44%,63%,.4) inset!important}.navtabs li a.navtab:hover{color:#fff!important}.navtabs li.selected a.navtab{color:#fff!important}.blockhead,#searchtypeswitcher,.searchlisthead,.navtabs,.navbar,.footer,span.forumthreadpost,span.forumlastpost,.forumhead,.toplinks{background:-moz-linear-gradient(top,hsl(208,44%,33%)48%,hsl(208,44%,15%)49%,hsl(208,35%,7%)85%,hsl(208,40%,33%))!important;background:-webkit-linear-gradient(top,hsl(208,44%,33%)48%,hsl(208,44%,15%)49%,hsl(208,35%,7%)85%,hsl(208,40%,33%))!important;box-shadow:1px 1px 3px #000!important}.time{color:grey!important}#footer_time>.time{color:#AAA!important}.posthead>.postdate>.date>.time{color:white!important}#footer_morecopyright{color:#ddd!important;text-shadow:1px 1px 8px #DDD!important}.popupbody{border:2px solid rgba(0,0,0,.8)!important}.forumrow,#pollinfo,.bloglist,#below_unread,.forumhead,.announcerow,#wgo,.forum_info_subblock,.blockbody,.threadlist,li[id^="post_thanks_box_"],.userprof_headers,.notices li,.blockfoot,.blocksubfoot,#sidebar_container.member_summary,ul.userlist_showavatars li,li.userprof_content,.toplinks ul.isuser,.toplinks ul.nouser,.vbseo_share_body,#threadlist,li[id^="thread_"]{box-shadow:-2px 2px 2px rgba(0,0,0,.7)!important}.popupbody,.vbseo_share_body,#vbseo-likes.vbseo-likes-active,#vbseo-likes.vbseo-likes-tpreload,.vbseo-likes-container{box-shadow:0 4px 7px #000!important}a.popupctrl.active,a.popupctrl:hover,.toplinks ul.isuser li a:hover,#logindetails,.toplinks ul.nouser li a,.postfoot *{background-color:transparent!important}a.popupctrl.active,a.popupctrl:hover,.toplinks ul.isuser li a:hover,.breadcrumb .navbit a:hover{box-shadow:0 0 1px 1px hsl(208,44%,63%) inset,0 0 15px hsla(208,44%,63%,.4) inset!important}input.button{background:#e9e9e9 url(http://rpgmaker.su/images/gradients/generic_button.png) repeat-x top left!important}input.button:hover{box-shadow:none!important}.blockfoot{box-shadow:none!important}.polltitle{color:#fff!important}#pollinfo>.blockhead>h2{color:white!important;padding-left:10px!important}#pollinfo>.block>.blockhead>h2{color:white!important;padding-left:10px!important}#pollinfo>.blockhead>.stats>.totalvotes{color:white!important}#pollinfo>.blockhead>.stats>dd>.totalvotes{color:white!important}span.ctrlcontainer,a.textcontrol,#threadtools>h6>a#yui-gen9,a#yui-gen11,a#yui-gen12,a#yui-gen13,a#yui-gen14,a#yui-gen15,a#yui-gen16,a#yui-gen18{color:white!important;text-shadow:1px 1px 8px #DDD!important}#thread_controls>div>#postlist_popups>#yui-gen8>h6>.firstunread,#thread_controls>div>#postlist_popups>.popupmenu>h6>.firstunread,#threadtools>h6>.popupctrl,#searchthread>h6>a.popupctrl,#threadrating>h6>a.popupctrl,#displaymodes>h6>a.popupctrl{color:white!important;text-shadow:1px 1px 8px #DDD!important}#pagination_bottom>#yui-gen11>.popupspan>a#yui-gen13{color:#417394!important}#pagination_bottom>#yui-gen11>span>a#yui-gen13{color:#417394!important}#pagination_bottom>.pagination.popupmenu.nohovermenu>span>.popupctrl{color:#417394!important}#pagetitle>h1>span.forumtitle{box-shadow:1px 1px 3px #000!important;padding:2px!important}#pagetitle>p.description{margin-top:8px!important}.friends_mini>.blocksubhead>a.textcontrol.imagecontrol{background:transparent!important}.tabslight>dd.userprof_moduleinactive>a{color:white!important}div.blog_date>div.popupmenu>a.username>strong,#commentpopups>#inlinemod_formctrls>.popupctrl>span.ctrlcontainer{color:#417394!important}.blog_date>.popupmenu.memberaction>.username.online.popupctrl>strong{color:blue!important}.postdetails>.userinfo>.username_container>.popupmenu.memberaction>.username.offline.popupctrl>strong{color:#417394!important}.postdetails>.userinfo>.username_container>.popupmenu.memberaction>.username.online.popupctrl>strong{color:blue!important}table.cke_editor>tbody>tr>td#cke_contents_vB_Editor_QR_editor>textarea{background:none!important}table.cke_editor>tbody>tr>td#cke_contents_vB_Editor_QR_editor{background:white!important}div.postfoot>div>span>a:hover{box-shadow:none!important;border:0 solid hsla(208,44%,63%,.8)!important}div.postfoot>div>span>div>a:hover{box-shadow:none!important;border:0 solid hsla(208,44%,63%,.8)!important}div.postfoot>div>span>span>a:hover{box-shadow:none!important;border:0 solid hsla(208,44%,63%,.8)!important}#commentform>#message_list>li.postbit.postbit-lite.postcontainer{box-shadow:-2px 2px 2px rgba(0,0,0,.7)!important;margin:8px 0 8px 0!important}#commentform>#message_list>li.postbit.postbit-lite.postcontainer>a.avatarlink{padding:10px 0 0 10px!important}#commentform>#message_list>li.postbit.postbit-lite.postcontainer>a.avatarlink>img{box-shadow:0 0 3px 1px silver!important}#commentform>#message_list>li.postbit.postbit-lite.postcontainer>.content>.commentfoot.floatcontainer{margin-left:10px!important}}
    Процесс установки на..
    Firefox: тот же, только перед кодом вставить дополнительно вот это -
    Код:
    @namespace url(http://www.w3.org/1999/xhtml);@-moz-document domain("rpgmaker.su"){
    Opera: написан несколькими комментариями ранее и в целом не очень сильно отличается от установки на Firefox или Google Chrome
    Google Chrome:
    - установить Stylish
    - в настройки, клик "Создать стиль", "Название" любое, в "Код" вставить код, в "Применить к" клик "Указать", выбрать "URL в домене" и прописать в поле rpgmaker.su, слева клик "Сохранить" и "Завершить".
  7. Аватар для The Joker
    КРУТО!!!
  8. Аватар для Рыб