[ Поиск ] [ Регистрация ] [ Пользователи ] [ Вход ]

  Список форумов ›››› О сайте ›››› Просмотр темы

Дизайн x-bikers.ru меняем по своему

Вам понравилось ?
да  63%
нет  37%
Проголосовало 257 человек(а).
Голосовать могут только зарегистрированные посетители. [ Вход ]

  • (4 Страниц)
  • 1
  • 2
  • 3
  • 4

Автор Сообщение
 killo-w

На сайте с 13.10.2010
Репутация: 209
Сообщений 1243
Пол: Мужской(30)
Город: Ялта
Стиль: MTB:Enduro
Байк: V 10 + Dorado
5 апр 2011 в 05:46

После первого апреля когда паша сменил цветовую схему, на что то похожее на пинбайк, до меня дошло что штатный дизайн уже так притерся что выглядит как то неочень

вот я и решил немного сгладить цвета и наконец то убрать эту противную зелену и кое что еще lol.gif немного по перебрав стилями выкинул все лишнее и оставил буквально голый сайт и цвета, а так как у паши html код запущен и восновном все стоит на таблицах без особых id-фикаторов и классификаторов, а частенько стили вшиты в cами теги, дизайном особо не повертишь одним лишь css.

от нового дизайна есть большой плюс, это отключение рекламы на сайте

Установка: в браузер Сhrome

1. установить расширение для браузера userScriptCSS https://chrome.google.com/webstore/detail/pdfbjinabdohnegjnbfgdgohlhegamnm
2. зайти в расширения chrome://chrome/extensions/ ищем userScriptCSS и жмем на настройки
3. в первом поле Enter a URL regexp here. вводим адрес сайта "x-bikers.ru"
4. во второе поле Enter your user stylesheet here. вставляем код стилей который под сполером и жмем кнопку Save

[+] css x-bikers.ru для Chrome

html body{background:#000 url(https://killo-w.at.ua/x-biker-bg.jpg) center center no-repeat fixed!important}
html::selection{background:rgba(0,128,255,.5)!important}
table[align$="left"]{padding-top:30px;}
#online{top:15px!important;right:40px!important;}

#left_m_2:nth-child(2)::after{content:'';z-index:-1!important;position:fixed;left:0%;top:150px;width:130px;height:270px;background:-webkit-linear-gradient(right, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 90%);border:1px solid rgba(0,0,0,.1);border-left:0px;border-radius: 0 30px 30px 0;}

#left_m_2 a[href$="https://x-bikers.com/"]{content:'';position:absolute;top:0px;left:0px;width:180px;height:95px;background:url(https://killo-w.at.ua/logo.png)!important;color:rgba(0,0,0,.0)!important}
#left_m_2 form[action*="/search3.php"] input:nth-child(2){position:absolute;top:65px;left:90px;border:none!important;content:'поиск';}
#left_m_2 a{font-size:15px!important;font-weight:normal!important}
#left_m_2 a[href*="/news.php"]{position:fixed;top:160px;left:30px;}
#left_m_2 a[href*="/foto"]{position:fixed;top:180px;left:30px;}
#left_m_2 a[href*="/video"]{position:fixed;top:200px;left:30px;}
#left_m_2 a[href*="/forum"]{position:fixed;top:220px;left:30px;}
#left_m_2 a[href*="/forum/search.php"]{position:fixed;top:218px;left:90px;content:url(https://abali.ru/wp-content/uploads/2010/12/lupa-24x24.png);}
#left_m_2 a[href*="/board"]{position:fixed;top:240px;left:30px;}
#left_m_2 a[href*="/article"]{position:fixed;top:280px;left:30px;}
#left_m_2 a[href*="/lessons"]{position:fixed;top:300px;left:30px;}
#left_m_2 a[href*="top.x-bikers.ru"]{position:fixed;top:340px;left:30px;}
#left_m_2 a[href*="/rules.php"]{position:fixed;top:360px;left:30px;}
#left_m_2 a[href$="/bikera/index.php"]{position:fixed;top:385px;left:30px;}

#left_m_2 a[href*="/ls"],#left_m_2 a[href*="/anketa_bikera.php"],#left_m_2 a[href*="/enter.php?act=exit"],#left_m_2 a[href*="/anketa_bikera_add.php?from=forum"],#left_m_2 a[href$="/enter.php"]{position:fixed;left:80%;top:10px;z-index:1!important;font-size:13px!important;font-weight:bold!important}
#left_m_2::before {content:'';position:fixed;left:80%;top:0px;margin-left:-115px!important;width:265px;height:30px;background:-webkit-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 90%);border:1px solid rgba(0,0,0,.1);border-top:0px;border-radius: 0 0 30px 30px;}
#left_m_2 a[href*="/ls"]{margin-left:-75px!important;}
#left_m_2 a[href*="/anketa_bikera.php"]{margin-left:-5px!important;}
#left_m_2 a[href*="/enter.php?act=exit"]{margin-left:80px!important;}
#left_m_2 a[href*="/anketa_bikera_add.php?from=forum"]{margin-left:10px!important;}
#left_m_2 a[href$="/enter.php"]{margin-left:-70px!important;}
#left_m_2 a[class*="lsr"]{margin-left:-95px!important;}

a,h1,.gb,.q,body,.xb_price span,.n_spisok2,select,li.total,li,div{color:#ccc!important;text-decoration:none!important}
a:hover,ul.pagination li.active,::before{color:#fff!important;text-decoration:none!important}
.ccc a:visited{color:#999!important}

h1{font-size:150%!important;text-align:left!important}
div.birthday_will{color:red!important}
.q span{color:#aaa!important}
a.gr:link,a.gr:visited,.lsr{color:#f00!important}

.rating-block{width:130px!important;height:24px!important;margin:0!important;padding:0!important;background:rgba(0,0,0,.05)!important;box-shadow:inset 0px 0px 15px rgba(0,0,0,.3);}
.minus .rating-value{color:rgba(255,0,0,.9)!important}
.plus .rating-value{color:rgba(182,255,0,.9)!important}
.rating-value{background:none!important;width:72px!important;height:24px!important;margin: 0 0 0 0!important}
.rating-plus{background:url(https://killo-w.at.ua/r.png) -64px no-repeat!important;height:24px!important;margin: 0 0 0 0!important}
.rating-minus{background:url(https://killo-w.at.ua/r.png) -96px no-repeat!important;height:24px!important;margin:0!important}
.rating-plus:hover{background:url(https://killo-w.at.ua/r.png) 0px no-repeat!important;height:24px!important;margin: 0 0 0 0!important}
.rating-minus:hover{background:url(https://killo-w.at.ua/r.png) -32px no-repeat!important;height:24px!important;margin:0!important}
.rating-message div:first-child{color:#bf0!important}
.rating-message div{color:#f00!important;margin-top:5px;float:left;clear:left;margin-right:5px}
.rating-message{width:300px!important;box-shadow:inset -20px 10px 50px rgba(255,255,255,.3);border:none!important;background:rgba(12,12,12,.9)!important}
.rating-message .a{float:left;clear:none}

.quote,.spoiler-title,.spoiler-text,.search-title,.search-title2,.f21 table,.f21 table td,.f22 table,.f22 table td{border:none!important;background:rgba(0,0,0,.1)!important}

#f_only,div #city,div #fmt_name{margin:-16px 0!important;}
td.ccc div{padding:0!important;margin:0!important;}
.ac_results,.mceMenu table{border:1px solid rgba(255,255,255,.1)!important;background-color:rgba(64,64,64,.85)!important;}
label{background:rgba(0,0,0,.1)!important;border:0!important;color:#fff!important;padding:3px!important;margin:2px!important;}
.tip_radio label{padding:2px!important;margin:2px!important;}
label:hover {background:rgba(255,255,255,.01)!important;}
:checked + label {background:rgba(255,255,255,.1)!important;border:0!important;}

hr{border:1px solid #333;border-top:0px}
select,select option{background:#444!important;border:1px solid #333!important}
input{border-radius:8px;background:none!important;border:1px solid #333!important;color:#fff!important}
input:hover.qansw{border:1px solid rgba(255,255,255,.3)!important;box-shadow:inset 0 -5px 10px rgba(255,255,255,.3)}

.mceLast,.mceMenu{border:0!important;}
.mceLayout{background:rgba(0,0,0,.1)!important;border:1px solid #333!important;}
.mceToolbar{background-color:rgba(255,255,255,.1)!important;border:0!important;}

.mceMenuItemEnabled a:hover{background:rgba(255,255,255,.5)!important}
.mceListBoxEnabled:hover .mceText,a.mceMoreColors:hover{background:rgba(255,255,255,.1)!important}
a.mceMoreColors{border-color:rgba(255,255,255,.1)!important;}
.mceSplitButtonSelected{background:url(https://killo-w.at.ua/button_bg_silver.png) 0 -22px!important}
a.mceAction{background:url(https://killo-w.at.ua/button_bg_silver.png) 0px -22px!important}
.mceText{background:none!important;border-color:rgba(0,0,0,.26)!important;}
.mceToolbarEnd span,.mceToolbarStart span,.mceSeparator{background:url(https://killo-w.at.ua/button_bg_silver.png) -22px 0px!important}
.mceButton{background:url(https://killo-w.at.ua/button_bg_silver.png) 0% 0%!important}
a.mceButtonEnabled:hover {background-color:rgba(255,255,255,.1)!important; background-position:0 -22px!important}

.mceSplitButton a.mceOpen{background:url(https://killo-w.at.ua/button_bg_silver.png) -44px 0px!important}
.mceSplitButtonEnabled:hover a.mceOpen{background-position:-44px -44px!important}

.mceOpen{background:url(https://killo-w.at.ua/button_bg_silver.png) -66px 0px!important}
.mceListBoxEnabled:hover .mceOpen{background-position:-66px -22px!important}

textarea,#elm1,#msg{background:rgba(0,0,0,.1)!important;border:1px solid #333!important;color:#fff!important}
select:active,input:active{background:none!important;border:1px solid #999!important;color:#fff!important}
textarea:active{background:rgba(0,0,0,.1)!important;border:1px solid #999!important;color:#fff!important}
img{border:0px!important}
.f22 div,.f21 div{border-top:1px solid #333!important}

.pagination{position:fixed;bottom:0px;left:50%;margin:0 -15%!important;padding:3px 20px!important;background:-webkit-linear-gradient(top, rgba(24,24,24,.95) 0%, rgba(0,0,0,0) 100%);border-radius: 30px 30px 0 0;}
.pagination li{background:none!important}
ul.pagination li.active,ul.pagination li a:hover{background:rgba(255,255,255,.2)!important;border-radius:5px}

.f1,.f21,.f23,.f31,.bfb{background:rgba(50,50,50,.7)!important;}
.ccc,td.topicslist,.f2,.f22,.f32{background:rgba(70,70,70,.7)!important}
td.ccc table{box-shadow:inset 0px 5px 10px rgba(0,0,0,.5)!important}

.top-f{color:#FFF!important;box-shadow:inset -20px 10px 50px rgba(255,255,255,.3);background:rgba(0,0,0,.5) no-repeat 100% 0!important}
.2top-f{color:#FFF!important;box-shadow:inset -20px 10px 50px rgba(255,255,255,.3);background:rgba(0,0,0,.5) no-repeat 100% 0!important}
.top-f2{color:#FFF!important;box-shadow:inset -20px 10px 50px rgba(255,255,255,.3);background:rgba(0,0,0,.5) no-repeat 100% -5px!important}
.2top-f2{color:#FFF!important;box-shadow:inset -20px 10px 50px rgba(255,255,255,.3);background:rgba(0,0,0,.5) no-repeat 100% -5px!important}

#t0{float:none!important}

.gs-result a b i{color:#f30!important}.gs-result a:hover b i{color:#f55!important}.gs-Result a:visited{color:#999!important}.gs-result a:hover{color:#fff!important}.gs-spelling.gs-result,.gsc-Result b{color:#9c0!important}.gsc-Result a:hover b{color:#ad5!important}.gs-per-result-labels{display:none!important}.gsc-control-cse,.gsc-above-wrapper-area,.gs-snippet{background:none!important;border:none!important}.gsc-Result,.gsc-tabHeader,.gsc-cursor-page,.gsc-cursor-current-page{background:rgba(0,0,0,.2)!important;border:none!important;border-radius:5px}.gsc-tabhActive{border-bottom:2px solid #9c0!important}.gsc-cursor-page,.gsc-cursor-current-page{padding:2px 7px}.gsc-cursor-current-page,.gsc-cursor-page:hover{background:rgba(255,255,255,.1)!important;}

table,td,tr,.button,.bgc,.content2,.f4,#t2_b,#t1_b,#t0_b,#t2,#t1,#t0,#title2,#title3,#title4,#left_m_1,#left_m_3,#left_m_4,#left_m_0,.content,html,body,#tinymce,.search-res{background:none!important;}
body.mceForceColors{background:rgba(0,0,0,.0)!important;}

yatag,#daos,ins,tr[valign$="bottom"],tr[height$="109px"],center object embed,object[data*="/adv"],#left_m_3_2,center a img,#left_m_2 input[value="по форуму"],#left_m_2 form[action*="/search3.php"] input:nth-child(1),#left_m_2 a[href*="/test.php"],#left_m_2 a[href*="https://shop.x-bikers.ru/"],#left_m_2 a[href*="https://www.play2flash.org/"],noindex div,#adsense,.ddd,#main_menu,#left_m_2 img,#left_m_2 .q,#left_m_2 iframe,.y5,center .fmm,#top_adv,center div[style~="width:728px;"],iframe[width="728"]{display:none!important}

.f22 object embed,.f21 object embed,#left_m_2 a.new img,table[height$="34"] tr[valign$="bottom"]{text-align:center;display:block!important}





Cсылка на пост
+19
Поделиться:
VKontakte Facebook
 Miv Master

На сайте с 17.02.2009
Репутация: 754
Сообщений 1411
Пол: Мужской(36)
Город: Реутов-Москва
Стиль: Стритец
Байк: СпецПроект >>WEHRMACHT<<
5 апр 2011 в 06:24

Этот дизайн уже традиция которую менять не стоит имхо

Cсылка на пост
+8
 Eastern

На сайте с 26.03.2008
Репутация: 61
Сообщений 290
Пол: Мужской(30)
Город: Железногорск
Стиль: MTB:Street
Байк: п60
5 апр 2011 в 06:27

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

Cсылка на пост
+2
 bebbob

На сайте с 22.01.2009
Репутация: 111
Сообщений 736
Пол: Мужской(33)
Город: Полярные Зори
Стиль: MTB:Enduro
Байк: Yeti 303DH | Haro X6
5 апр 2011 в 06:30

сайт создан для общения и обмена информацией, излишняя красота ему не нужна, читаемость и так отличная, да и этот дизайн постоянный напоминает то время когда сайт зародился

Cсылка на пост
0
 железяка

На сайте с 30.08.2006
Репутация: 171
Сообщений 703
Пол: Мужской(29)
Город: Одесса
Стиль: MTB:Urban Freeride
Байк: трамвай
5 апр 2011 в 07:05

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

КТО ДО 05.02.2012 КУПИТ СРАЗУ НЕСКОЛЬКО ДЕТАЛЕЙ - МОЖЕМ ОБСУДИТЬ ХОРОШУЮ СКИДКУ!
Cсылка на пост
0
 Grymen

На сайте с 08.11.2008
Репутация: 183
Сообщений 537
Пол: Мужской(26)
Город: Одесса
Стиль: MTB:DirtJumping
Байк: identiti p60+ penis
5 апр 2011 в 07:20

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

Хотя как идея не плохая, но всё-же, нужны более плавные и мягкие цвета, ни такое контрастное как чёрное или белое

Cсылка на пост
0
 Ak-47

День рождения:
Отметил 6 дней назад
На сайте с 15.06.2009
Репутация: 139
Сообщений 655
Пол: Мужской(28)
Город: Макіївка
Стиль: MTB:Street
Байк: fixed gear
5 апр 2011 в 08:53

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

мне и так нравиться.

Cсылка на пост
0
 GOLD

На сайте с 16.10.2008
Репутация: 210
Сообщений 235
Пол: Мужской(27)
Город: Нижний Новгород
Стиль: MTB:Street
Байк: NS Capital 24
5 апр 2011 в 09:12

алло, тут не говорят о том чтобы всем его сменить а конкретно на "твоем"компьютере

Cсылка на пост
0
 Stinkey

На сайте с 04.04.2009
Репутация: 52
Сообщений 160
Пол: Мужской(30)
Город: кировоград
Стиль: MTB:Street
Байк: гей-МТБ
5 апр 2011 в 09:18

а мне нравится)

у нас в городе 2 мутанта, и оба вареные уже!!!
Cсылка на пост
0
 Helloars

На сайте с 16.08.2008
Репутация: 143
Сообщений 671
Пол: Мужской(30)
Город: Харьков
Стиль: MTB:DirtJumping
Байк: NS, Civic EJ9
5 апр 2011 в 10:05

калаш когдато делал, только под фаерфокс и типа эта тема в темных цветах

Cсылка на пост
0
 Mixon Fr

На сайте с 16.12.2010
Репутация: 740
Сообщений 962
Пол: Мужской(29)
Город: Мукачево
Стиль: MTB:Freeride
Байк: Jeep grand cherokee
5 апр 2011 в 10:27

норм. зделал,но прежний вид лутше,менять не стану


Cсылка на пост
0
 DeeMON

На сайте с 20.06.2007
Репутация: 165
Сообщений 1701
Пол: Мужской(30)
Город: Львов
Стиль: MTB:Urban Freeride
Байк: Scott YZ1 2006
5 апр 2011 в 10:31

у меня одного сцылка не работает?
по теме - че за злость?)это просто вариант чтобы каждый юзер мог забодяжить дизайн какой ему нравится, тут же никто не говорит чтобы именно меняли дизайн сайта для всех.

\"Истинный фрирайд это как в старых-старых видео,когда чел вылазит из кустов наматывая на кулак свой кишечник,из-за лопнувшей под ним рамы?\" - ~clim~
Cсылка на пост
0
 Canny

На сайте с 15.03.2009
Репутация: 1023
Сообщений 3525
Пол: Женский(22)
Город: Мадрид
Стиль: Trial
5 апр 2011 в 10:37

ССылка непашет!

Cсылка на пост
0
 Gleban

На сайте с 15.11.2008
Репутация: 189
Сообщений 2122
Пол: Мужской(29)
Город: Днепропетровск
Стиль: MTB:Urban Freeride
Байк: собирается
5 апр 2011 в 10:41

на сайте сидит школота которой может и не нравится оформление сайта, так вот им может "как в Контакте" хочется тем.
вот этот человекkillo-w, не предложил сделать теме пмж. а сугубо личный выбор. я б поппробовал, но цветовая гамма и читаемость у твоих тем не сильно хороша.
а так ждем новых идей от гениев

Cсылка на пост
0
 DeeMON

На сайте с 20.06.2007
Репутация: 165
Сообщений 1701
Пол: Мужской(30)
Город: Львов
Стиль: MTB:Urban Freeride
Байк: Scott YZ1 2006
5 апр 2011 в 10:50

Gleban, со словами можно быть и по-аккуратнее.Если тебе все нравится - то вперед блин, не меняй ничего.А человек проявил инициативу.Так почему бы не посмотреть что из этого получится?

\"Истинный фрирайд это как в старых-старых видео,когда чел вылазит из кустов наматывая на кулак свой кишечник,из-за лопнувшей под ним рамы?\" - ~clim~
Cсылка на пост
+1
 Gleban

На сайте с 15.11.2008
Репутация: 189
Сообщений 2122
Пол: Мужской(29)
Город: Днепропетровск
Стиль: MTB:Urban Freeride
Байк: собирается
5 апр 2011 в 11:07

DeeMON, ты не правильно понял. я имел ввиду(младшее поколение.) троли тп. я и сам не прочь попробовать.
если кого обидел или зацепило простите


Cсылка на пост
0
 kosto

На сайте с 16.02.2008
Репутация: 747
Сообщений 4139
Пол: Мужской(36)
Город: Броды
Стиль: Стритец
Байк: handcrafted by kosto
5 апр 2011 в 11:37

Этот сайт достаточно информационный, в отличии от конкурирующих - по этому основным моментом дизайна должно быть "читаемость". Вышеуказанные варианты нечитаемы, хотя от части красивые.

К тому же, я бы ничего не менял, эта традиция в которой ковырятся не стоит!

ЮРИСТ З ПОРТФЕЛЕМ МОЖЕ ЗАРОБИТИ ЗНАЧНО БІЛЬШЕ ГРОШЕЙ, НІЖ ЗАГІН ГАНГСТЕРІВ З ПІСТОЛЕТАМИ
(М.Пьюзо \"Хрещений батько\"
Cсылка на пост
0
 chemical

На сайте с 04.11.2009
Репутация: 282
Сообщений 1395
Пол: Мужской(36)
Город: Киев
Стиль: MTB:Enduro
Байк: commencal meta am
5 апр 2011 в 11:45

я бы попробовал, да у меня хром и ФФ.

Cсылка на пост
0
 DeeMON

На сайте с 20.06.2007
Репутация: 165
Сообщений 1701
Пол: Мужской(30)
Город: Львов
Стиль: MTB:Urban Freeride
Байк: Scott YZ1 2006
5 апр 2011 в 11:54

Gleban, тогда ноу проблемо
ну а вообще, надо чтобы автор рассказал как это можно делать на других браузерах, и как конкретно .css файлы нужно писать.

\"Истинный фрирайд это как в старых-старых видео,когда чел вылазит из кустов наматывая на кулак свой кишечник,из-за лопнувшей под ним рамы?\" - ~clim~
Cсылка на пост
0
 killo-w

На сайте с 13.10.2010
Репутация: 209
Сообщений 1243
Пол: Мужской(30)
Город: Ялта
Стиль: MTB:Enduro
Байк: V 10 + Dorado
5 апр 2011 в 12:30

Кому не нравиться цветовой контраст очень легко может сам настроить под себя в готовом ксс

DeeMON, ну тут нечего рассказывать гуглим! всем кому не получилось поставить темки я поправил ссылку
прост ночью сидел проглядел самое важное

Cсылка на пост
0
  [ Подписаться на ответы в данной теме ]

  • (4 Страниц)
  • 1
  • 2
  • 3
  • 4



ПОХОЖИЕ ТЕМЫ (сортировать по релевантности или по дате)
Посл. ответ Тема Автор Ответ. Просм.
30 авг 2010 в 00:00
  Оцените дизайн X-Bikers MAFIA & X-Bikers FAMILY [голосование]
  На страницу 1, 2, 3...4
PaWell6725105
4 авг 2006 в 00:00
  Новый дизайн для X-bikers.ru !
  На страницу 1, 2, 3...4
WorkStudio7418405
7 янв 2008 в 00:00
  Готовы к переменам? Новый дизайн X-Bikers!
  На страницу 1, 2, 3...9
PaWell17433696
13 фев 2007 в 00:00
  Меняем внешний вид Windows XP на Vista
  На страницу 1, 2, 3
33624414001
26 фев 2019 в 00:00
  Меняем барабан XD 11 звезда на простой 10 звезд fantazy62047

  Список форумов ›››› О сайте

  Форум:   







© 2003-2024 X-Bikers.com - горный велосипед, велотриал, фрирайд, стрит, дёрт, BMX
Размещение рекламы на сайте
Использование материалов без разрешения владельцев не допускается