Потихоньку допиливаю стили.
Код для стайлбота:
#menu { display: none; } #menutable a, .vbmenu_control a:link, .vbmenu_control_alink, .vbmenu_control a:visited, .vbmenu_control_avisited, .vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover, .vbmenu_hilite a:link, .vbmenu_hilite_alink, .vbmenu_hilite a:visited, .vbmenu_hilite_avisited, .vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover { color: #fff; } .alt1, .alt2 { border: solid 0 ; } .alt1, .alt1Active { background: #eef0f3; color: #222; } .alt2>div:nth-child(1) a { color: #04a; font-weight: bold; text-decoration: underline; } .alt2>div:nth-child(2) { color: #aaa; } .sprite-fd { background-image: url("http://i.imgur.com/N9odaCR.png"); margin: 3px 0 0 0; } .tborder { background: #b7bdc5; } .tcat { background: #b7bdc6; } .tcat a img { border-radius: 7px; } .tfoot a, .fjsel a { color: #999 ; } .tfoot, .fjsel { background: #18191c ; } .vbmenu_control { background: #485366; } .vbmenu_control img { display: none; } [title="Thumbs up"] { content: url(http://iconshow.me/media/images/Mixed/line-icon/png/16/like-16.png); } a { color: #04a; } body { background: #222222; } body>div { margin: 0 auto; max-width: 1280px; padding: 0; } body>div>div>div>div>div>table table:nth-child(1) { border: solid 0px #f00; } body>div>div>div>div>div>table>tbody>tr>td:nth-child(3)>div { border: solid 0px #f0f; display: none; } body>div>div>table:nth-child(1) { background: url(http://img.forumimg.net/design/logo-forum-standard.png) no-repeat 30px -4px #222222; } @media all and (max-width: 1100px) { body>div>div>table:nth-child(1) { -webkit-background-size: 350px !important; -webkit-background-size: 350px !important; -webkit-background-size: 350px !important; -webkit-background-size: 350px !important; -webkit-background-size: 350px !important; -webkit-background-size: 350px !important; -webkit-background-size: 350px !important; -webkit-background-size: 350px !important; -webkit-background-size: 350px !important; -webkit-background-size: 350px !important; -webkit-background-size: 350px !important; -webkit-background-size: 350px !important; -webkit-background-size: 350px !important; background-size: 350px !important; background-position: 0 !important; } .ads_add_01 { zoom: 0.7; margin-top: 30px; } } div:not(.pagenav)>table>tbody>tr>td.vbmenu_control:nth-child(1) { background: #c03030; height: 20px; } td.thead { background: #677181; border: 0 ; color: #fff; } td.thead a { color: #fff; } .sprite { background-image: url(http://i.imgur.com/hRTuneZ.png); } .page>div>table>tbody>tr>td>br { border: solid 2px #f00; display: none; } .pagenav table { margin: 0 5px 4px 0; border-collapse: collapse; }
Все варианты показывать, наверное, нет смысла. Да и сам сайт нуждается в доработке :-)
Там пол-лого это название. Короткое, четкое. А у нас "строй-а-ван-гард"... Но попатка не пытка.
А пока еще немного авангарда (ассоциации: небоскребы, краны, дома, можно увидеть буквы)
Я сразу предупредил. В отличии от...
Почти не авангард, стиль популярный, но попробую:
Вообще я преследовал обратную задачу - удобство чтения на больших мониторах. В вашем случае скорей нужна адаптивная верстка. Где-то ниже по форуму был вариант.
Но чтобы исправить этот косяк, вы можете добавить в стили:
@media all and (max-width: 1100px) { body>div>div>table:nth-child(1) { background-size: 350px !important; background-position: 0 !important; } .ads_add_01 { zoom: 0.7; margin-top: 30px; }}
Это был кристаллизованный авангард. ))
В таком разрешении у вас не будет белых полос по краям.
У нас с вами разное погружение в олдскульность. ;-)
Какой у вас монитор и разрешение?
На больших мониторах (27"+) оч. неудобно читать, когда контент сайтов тянется на всю ширину.
Не вопрос. Тут правда есть немного css-порно вроде такого div:not(.pagenav)>table>tbody>tr>td.vbmenu_control:nth-child(1) но без него никак :-)
body { background: #fff;}body>div { margin: 0 auto; max-width: 1280px; padding: 0; box-shadow: 0 0 100px rgba(0,0,0,0.25);}a { color: #04a;}.vbmenu_control { background: #485366;}#menutable a, .vbmenu_control a:link, .vbmenu_control_alink, .vbmenu_control a:visited, .vbmenu_control_avisited, .vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover, .vbmenu_hilite a:link, .vbmenu_hilite_alink, .vbmenu_hilite a:visited, .vbmenu_hilite_avisited, .vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover { color: #fff;}.tborder { background: #677181;}td.thead { border: 0 ; background: #677181; color: #fff;}td.thead a { color: #fff;}.alt1, .alt2 { border: solid 0 ;}.alt2>div:nth-child(1) a { color: #04a; font-weight: bold; text-decoration: underline;}.alt2>div:nth-child(2) { color: #aaa;}.vbmenu_control img { display: none;}.sprite-fd { background-image: url("http://i.imgur.com/N9odaCR.png");}.tcat { background: #b7bdc6;}.tcat a img { border-radius: 7px;}body>div>div>div>div>div>table table:nth-child(1) { border: solid 0px #f00;}body>div>div>div>div>div>table>tbody>tr>td:nth-child(3)>div { border: solid 0px #f0f; display: none;}div:not(.pagenav)>table>tbody>tr>td.vbmenu_control:nth-child(1) { background: #c03030; height: 20px;}[title="Thumbs up"] { content: url(http://iconshow.me/media/images/Mixed/line-icon/png/16/like-16.png);}body>div>div>table:nth-child(1) { background: url(http://img.forumimg.net/design/logo-forum-standard.png) no-repeat 30px -4px #222222;}.tfoot, .fjsel { background: #18191c ;}.tfoot a, .fjsel a { color: #999 ;}
Стили применяю вот этим плагином: https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha
