[AKTYWUJ] Nowy styl forum !

[surfer0700]

Sprawdź:

Kilka osób z forum (DzejkobPL , flown , kariolmax ) prosiło mnie o podesłanie zmodyfikowanych styli forum, więc wrzucam do offtopu dla publiki, może ktoś jeszcze skorzysta.

A więc aby wprowadzić poniższe style należy pobrać wtyczkę.

FIREFOX:

Kod:

https://addons.mozilla.org/en-us/firefox/addon/stylish/

Chrome:

Kod:

https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha

Po pobraniu i instalacji wtyczki przechodzimy w jej opcje (chrome):

Kod:

chrome-extension://oiaejidbmkiecgbjeifoejpgmdaleoha/options/index.html

Klikamy "Add new style". Podajemy adres forum, czyli

Kod:

http://zarabiam.com

i wklejamy jeden z poniżej wybranych styli:


STYL NIEBIESKI:


KOD:

Spoiler (Kliknij aby zobaczyć)

Kod:

.menu ul {
    background: #6073A9;
}

.tfoot {
    background: #6073A9;
    border-radius: 0px;
}

.thead {
    background: #6073A9;
    border-radius: 0px;
}

#panel #panel_header {
    background: #6073A9;
}

#panel #panel_header #panel_header_left {
    background: #6073A9;
}

#panel #panel_header #panel_header_right {
    background: #6073A9;
}

.menu ul a {
    background: #2D3C67;
}

.menu .separate {
    background: #000000;
}

STYL ZIELONY:


KOD:

Spoiler (Kliknij aby zobaczyć)

Kod:

.menu ul {
    background: #3C8C32;
}

.tfoot {
    background: #3C8C32;
    border-radius: 0px;
}

.thead {
    background: #3C8C32;
    border-radius: 0px;
}

#panel #panel_header {
    background: #3C8C32;
}

#panel #panel_header #panel_header_left {
    background: #3C8C32;
}

#panel #panel_header #panel_header_right {
    background: #3C8C32;
}

.menu ul a {
    background: #206518;
}

.menu .separate {
    background: #000000;
}

STYL CZERWONY:


KOD:

Spoiler (Kliknij aby zobaczyć)

Kod:

.menu ul {
    background: #8C3235;
}

.tfoot {
    background: #8C3235;
    border-radius: 0px;
}

.thead {
    background: #8C3235;
    border-radius: 0px;
}

#panel #panel_header {
    background: #8C3235;
}

#panel #panel_header #panel_header_left {
    background: #8C3235;
}

#panel #panel_header #panel_header_right {
    background: #8C3235;
}

.menu ul a {
    background: #5F1517;
}

.menu .separate {
    background: #000000;
}

Sami możecie dowolnie modyfikować kod i dopasować go do swoich potrzeb, do czego zachęcam.
W razie pytań albo problemów zapraszam do dyskusji w temacie.



edit:

KOD OD DANIELA (żeby nagrodzić go repem kliknijcie tutaj ->> REP DLA DANIELA <<- ) :

Spoiler (Kliknij aby zobaczyć)

Kod:

body{
    background: rgba(0, 0, 0, 0) url("http://subtlepatterns.com/patterns/blackorchid.png") repeat scroll 0 0;
}

.thead {
    background: #17687c none repeat scroll 0 0;
    border-bottom: 2px solid #151515;
    border-radius: 3px 3px 2px 2px;
    color: #ffffff;
    height: 30px;
    line-height: 25px;
    padding-left: 16px;
}

#forum_block {
    background: #202020 none repeat scroll 0 0;
    border-radius: 3px;
    margin-bottom: 15px;
    margin-right: 235px;
    padding: 14px;
    width: auto;
    box-shadow:0 0 8px #000;
}

.tborder {
    background: #151515 none repeat scroll 0 0;
    border: 1px solid #282828;
    border-collapse: unset;
    margin: 28px auto auto;
    padding: 2px;
    width: 100%;
}
a:link, a:visited {
    color: #fafafa;
    outline: medium none;
    text-decoration: none;
}
.trow1 {
    background: #252525 none repeat scroll 0 0;
    border: 0 none;
    padding: 13px 8px !important;
}
.trow1_summary {
    background: #252525 none repeat scroll 0 0;
}
.trow2 {
    background: #252525 none repeat scroll 0 0;
    border: 0 none;
    padding: 13px 8px !important;
}
.trow2_summary {
    background: #252525 none repeat scroll 0 0;
}
.trow1, .trow2 {
    background: #252525 none repeat scroll 0 0;
    border-bottom: 1px solid #151515;
    border-top: 1px solid #303030;
}

.forumbit_foot {
    display:none;
}

.tcat {
    display: none;
}
.menu ul {
    background: #17687c none repeat scroll 0 0;
}

.menu .separate {
    background:none;
}
.menu ul a {
    background: #0a5768 none repeat scroll 0 0;
}
#panel #panel_header {
background: #17687c none repeat scroll 0 0;
    border-radius: 2px;
    height: 26px;
    margin-bottom: 12px;
    width: 100%;
}
#panel_header_right{display:none;}
#panel_header_left{display:none;}
#messresult{background:#252525 none repeat scroll 0 0;}
.tfoot{background:#17687c none repeat scroll 0 0; height:26px; border-radius:1px!important;}
#posts{margin-top:-31px;}

[konrad123456789]

Wszystko działa, zielony kolor użyłem, fajnie się komponuje
Leci +

[surfer0700]

Ciesze się. Jeżeli ktoś będzie potrzebował jakiegoś innego koloru a nie ma zielonego pojęcia jak zmienić te cssy to może wpisać się tu w temacie.

[Mercz]

Użyłem niebieski, dzięki wielkie!

Zawsze chciałem zobaczyć forum w stylu "smart"

[Dr Sin]

zielony pasuje idealnie, dobra robota!

[daniel42na]

Na prośbę linoskoczek umieszczam też ten
http://pasteboard.co/2hlgp7Ol.png
styl:

Kod:

body{
    background: rgba(0, 0, 0, 0) url("http://subtlepatterns.com/patterns/blackorchid.png") repeat scroll 0 0;
}

.thead {
    background: #17687c none repeat scroll 0 0;
    border-bottom: 2px solid #151515;
    border-radius: 3px 3px 2px 2px;
    color: #ffffff;
    height: 30px;
    line-height: 25px;
    padding-left: 16px;
}

#forum_block {
    background: #202020 none repeat scroll 0 0;
    border-radius: 3px;
    margin-bottom: 15px;
    margin-right: 235px;
    padding: 14px;
    width: auto;
    box-shadow:0 0 8px #000;
}

.tborder {
    background: #151515 none repeat scroll 0 0;
    border: 1px solid #282828;
    border-collapse: unset;
    margin: 28px auto auto;
    padding: 2px;
    width: 100%;
}
a:link, a:visited {
    color: #fafafa;
    outline: medium none;
    text-decoration: none;
}
.trow1 {
    background: #252525 none repeat scroll 0 0;
    border: 0 none;
    padding: 13px 8px !important;
}
.trow1_summary {
    background: #252525 none repeat scroll 0 0;
}
.trow2 {
    background: #252525 none repeat scroll 0 0;
    border: 0 none;
    padding: 13px 8px !important;
}
.trow2_summary {
    background: #252525 none repeat scroll 0 0;
}
.trow1, .trow2 {
    background: #252525 none repeat scroll 0 0;
    border-bottom: 1px solid #151515;
    border-top: 1px solid #303030;
}

.forumbit_foot {
    display:none;
}

.tcat {
    display: none;
}
.menu ul {
    background: #17687c none repeat scroll 0 0;
}

.menu .separate {
    background:none;
}
.menu ul a {
    background: #0a5768 none repeat scroll 0 0;
}
#panel #panel_header {
background: #17687c none repeat scroll 0 0;
    border-radius: 2px;
    height: 26px;
    margin-bottom: 12px;
    width: 100%;
}
#panel_header_right{display:none;}
#panel_header_left{display:none;}
#messresult{background:#252525 none repeat scroll 0 0;}
.tfoot{background:#17687c none repeat scroll 0 0; height:26px; border-radius:1px!important;}
#posts{margin-top:-31px;}

[Admin]

Szacun surfer0700 - już testuje

edit.
Ten od daniela kod definitywnie najlepszy.
przenoszę wątek do sprawy, zmian dot zarabiam.com aby więcej osób mogło przetestować.

[Roxi5017]

Ładnie to się prezentuje, jak tylko będę na kompie z pewnością przetestuje

[surfer0700]

Admin tylko belki zmieniałem sobie, chcieli to udostępniłem, nie mówiłem że będzie szał
daniel42na wpinam Twój kod do pierwszego posta, jeżeli nie masz nic przeciwko?

[Mercz]

na Daniela nie wiem czemu mam tak, że strona jakby mi się "wydłużyła" i muszę scrollować w dół dłużej niż zazwyczaj, by dojechać do końca

No i po kliknięciu opcji "edytuj" przy poście mamy białe kwadraty, bo czcionka jest biała,
Ale ogólnie podoba mi się