[AKTYWUJ] Nowy styl forum !

[AKTYWUJ] Nowy styl forum ! - Wersja do druku

+- Praca w domu - Dodatkowa Praca - Zarabianie przez Internet (https://zarabiam.com)
+-- Dział: Zarabiam.com (https://zarabiam.com/Forum-Zarabiam-com-166)
+--- Dział: Pomysły, zmiany i problemy techniczne (https://zarabiam.com/Forum-Pomysly-zmiany-sprawy-dotyczace-Zarabiam-com-13)
+--- Wątek: [AKTYWUJ] Nowy styl forum ! (/Temat-AKTYWUJ-Nowy-styl-forum-118900)

Strony: 1 2 3 4 5

[AKTYWUJ] Nowy styl forum ! - surfer0700 - 04-08-2015

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:
[Obrazek: 2jxuuw.jpg]

KOD:
[spoiler]

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;
}

[/spoiler]

STYL ZIELONY:
[Obrazek: i4nzno.jpg]

KOD:
[spoiler]

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;
}

[/spoiler]

STYL CZERWONY:
[Obrazek: 34oal93.jpg]

KOD:
[spoiler]

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;
}

[/spoiler]

Sami możecie dowolnie modyfikować kod i dopasować go do swoich potrzeb, do czego zachęcam. Smile

W razie pytań albo problemów zapraszam do dyskusji w temacie.

edit:

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

[Obrazek: 2wlr6sw.jpg]

[spoiler]

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;}

[/spoiler]

RE: [POBIERZ] Nowy styl forum ! - konrad123456789 - 04-08-2015

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

Leci +

RE: [POBIERZ] Nowy styl forum ! - surfer0700 - 04-08-2015

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. Jerk

RE: [AKTYWUJ] Nowy styl forum ! - Mercz - 04-08-2015

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

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

RE: [AKTYWUJ] Nowy styl forum ! - Dr Sin - 04-08-2015

zielony pasuje idealnie, dobra robota!

RE: [AKTYWUJ] Nowy styl forum ! - daniel42na - 04-08-2015

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;}

RE: [AKTYWUJ] Nowy styl forum ! - Admin - 04-08-2015

Szacun @[surfer0700] - już testuje Big Grin

edit.
Ten od daniela kod definitywnie najlepszy. Smile

przenoszę wątek do sprawy, zmian dot zarabiam.com aby więcej osób mogło przetestować.

RE: [AKTYWUJ] Nowy styl forum ! - Roxi5017 - 04-08-2015

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

RE: [AKTYWUJ] Nowy styl forum ! - surfer0700 - 04-08-2015

@[Admin] tylko belki zmieniałem sobie, chcieli to udostępniłem, nie mówiłem że będzie szał Jerk

@[daniel42na] wpinam Twój kod do pierwszego posta, jeżeli nie masz nic przeciwko?

RE: [AKTYWUJ] Nowy styl forum ! - Mercz - 04-08-2015

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 Tongue

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ę Heart