Nowe forum - miejsce na uwagi

[tomislav]

Stala się rzecz dziwna. Ta druga dark wersja jest tak fatalna, że od dziś chyba będę używał "light". Jakoś to przeboleję
Chciałem tylko podkreślić, że pierwotna flat awesome dark, to był smak i klasa, a jej zastępca razi pierońsko w oczy i wygląda, jakby się coś posypało i porozchodziło.

 

[tosiabunio]

To nowa wersja u mnie wygląda identycznie jak poprzednia:

 

[tomislav]

No toś mnie tosia teraz całkiem zagiął. Nic nie kumam.

 

[tosiabunio]

To jest nowa rzecz, może ma błędy i czasem się rozkracza na jakichś kombinacjach przeglądarek/systemów.

 

[tomislav]

Ok, już się zaczynam asymilować do nowego otoczenia Zresztą, moja Żona nie przepada za czytaniem białych liter, więc częściej będzie tu zaglądać.

 

[inho]

Stara i nowa wersja nie są identyczne. Nowa ma ciemniejsze wszystkie tła i jaśniejsze czcionki, a przez to dużo większy kontrast. Zobaczcie screeny poniżej (pierwszy: poprzednia wersja, drugi: obecna wersja):

 

[tosiabunio]

Ale nie różni się w kwestii "rozpiedrolenia" czy layoutu ogólnie. A o kolorach możemy dyskutować jeszcze długo.

 

[inho]

@tosiabunio
Odpaliłem sobie wersję demo xenforo i w:

Appearance/Styles/NAZWA_STYLU/Templates

znajduje się plik EXTRA.css, który jest domyślnie pusty i służy do wklepania własnych css'ów. Zamiast grzebać w poszczególnych ustawieniach możesz tam wkleić poniższy kod w całości - są to style dla wersji Light - te same, które dałem parę postów wcześniej ze screenami (usunąłem tylko fragment potrzebny do "Stylisha" i dodałem "!importanty", bo nie wiem w jakiej kolejności ładują się cssy).

  /* logo */
  #logo a span, .xbnavLogo a span {
    color: #d6a700 !important;
  }
  /* linki */
  a[href]:hover {
    color: #ad8700 !important;
  }
  /* header*/
  .navTabs {
    background-color: #353535 !important;
  }
  .navTabs .navTab.selected .tabLinks,
  html .navTabs .navTab.selected .navLink,
  .navTabs .navTab.PopupClosed:hover .navLink, .navTabs .navTab.PopupClosed:hover .SplitCtrl {
    background-color: #3d3d3d !important;
  }
  html .navTabs .navTab.PopupOpen .navLink {
    color: #efbb00 !important;
  }
  .navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus {
    color: #efbb00 !important;
  }
  /* nagłówki blokow */

  .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3, .XenBase .xengallerySideBarContainer .xengallerySideBar .section h3 {
    background-color: #f0db8e !important;
    color: #000000 !important;
  }
  .sidebar .section .primaryContent h3 a, .sidebar .section .secondaryContent h3 a {
    color: #000000 !important;
  }
  .xenOverlay .formOverlay .heading {
    background-color: #cba41a !important;
    border: 1px solid #cba41a !important;
    color: #000000 !important;
}

  /* sekcje */
  .nodeList .categoryStrip,
  .subHeading {
    background-color: #f0db8e !important;
  }
  .nodeList .categoryStrip .nodeTitle a,
  .nodeList .categoryStrip .nodeTitle,
  .subHeading {
    color: #000000 !important;
  }
  .node .unread .nodeIcon .fa-commenting {
    color: #e8ca5e !important;
    text-decoration: none !important;
  }
  .discussionList .sectionHeaders {
    background-color: #f0db8e !important;
  }
  .discussionList .sectionHeaders a {
    color: #000000 !important;
  }
  /* wiadomosci */
  .messageHeading {
    background-color: #f0db8e !important;
  }
  html .messageHeading span a {
    color: #000000 !important;
  }
  .ugc a:link, .ugc a:visited {
    color: #ad8700 !important;
  }
  .ugc a:hover, .ugc a:focus {
    color: #565656 !important;
  }
  /* stopka */
  .footer .pageContent,
  .footerLegal .pageContent {
    background-color: #3d3d3d !important;
  }
  .extraFooter {
    background-color: #353535 !important;
  }
  .footer a:hover, .footer a:active {
    color: #efbb00 !important;
  }
  /* buttony */
  .button {
    background-color: #efbb00 !important;
    border: 1px solid #f9c300 !important;
    color: #000000 !important;
  }
  /* nawigacja strony */
  .PageNav a:hover, .PageNav a:focus {
    background-color: #efbb00 !important;
    border-color: #efbb00 !important;
    color: #000000 !important;
  }
  .PageNav a.currentPage {
    background-color: #464234 !important;
    border-color: #464234 !important;
  }
  /* poprawka linka do nieprzeczytanych postów w tematach */
  .LoggedIn .discussionListItem .titleText {
    padding-left: 50px !important;
  }
  .LoggedIn .discussionListItem .unreadLink, .LoggedIn .discussionListItem .ReadToggle {
    font-size: 12px !important;
    height: 16px !important;
    left: 5px !important;
    padding: 8px 10px 12px 14px !important;
    top: 8px !important;
    width: 16px !important;
  }
  /* inne */
  .xbScrollUpButton, .xbScrollDownButton {
    background-color: #ffc405 !important;
    border: 1px solid #6f620f !important;
  }
  .discussionList .stats {
    width: 180px !important;
  }

 

[tosiabunio]

Ale z dwojga złego, wolę oryginalną kolorystykę i kontrast jasnej skórki niż to, co zaproponowałeś, a co wygląda jak sprane osikane majty. Ja rozumiem, że masz uraz do kontrastu, ale bez przesady.

Dla mnie estetyka jest ważna, a póki co, propozycja idzie w kierunku obniżenia wrażeń estetycznych.

 

[inho]

Ale z dwojga złego, wolę oryginalną kolorystykę i kontrast jasnej skórki niż to, co zaproponowałeś, a co wygląda jak sprane osikane majty. Ja rozumiem, że masz uraz do kontrastu, ale bez przesady.

Dla mnie estetyka jest ważna, a póki co, propozycja idzie w kierunku obniżenia wrażeń estetycznych.

No kurde, w tych kilku miejscach to już mógłbyś sobie zmienić ten kolor wedle upodobania... Masz poniżej te fragmenty odpowiedzialne za pełniejszy kolor.

/* logo */
  #logo a span, .xbnavLogo a span {
    color: #efbb00 !important;
  }

.nodeList .categoryStrip,
  .subHeading {
    background-color: #ffcc33 !important;
  }

.sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3, .XenBase .xengallerySideBarContainer .xengallerySideBar .section h3 {
    background-color: #ffcc33 !important;
    color: #000000 !important;
  }

.messageHeading {
    background-color: #ffcc33 !important;
  }

.node .unread .nodeIcon .fa-commenting {
    color: #fecf23 !important;
    text-decoration: none !important;
  }

Screen zawierający poprzedni kod z powyższymi zmianami:

 

[tosiabunio]

To już lepiej.

 

[GAZDA]

jeszcze jakby sie dało brzegi przyciemnić by było jak prawdziwy libnet znowu...

 

[inho]

jeszcze jakby sie dało brzegi przyciemnić by było jak prawdziwy libnet znowu...

Dorzuć sobie poniższe do stylisha, albo męcz tosię...

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("libertarianizm.net") {

  #header {
    background-color: #232323 !important;
  }

  #content {
    background-color: #3a3a3a !important;
  }

  footer {
    background-color: #232323 !important;
  }

#logo a, .xbnavLogo a {
    color: #ededed !important;
  }

#logo a:hover, .xbnavLogo a:hover {
    color: #ffffff !important;
  }
}

 

[inho]

@tosiabunio
sorry, jeszcze jedną belkę opuściłem przy zmianach na pełniejszy kolor:

.discussionList .sectionHeaders {
    background-color: #ffcc33 !important;
}

Nie zauważyłem też, że "FORUM" w logo ma niebieskawy kolor:

#logo a, .xbnavLogo a {
    color: #353535 !important;
}

#logo a:hover, .xbnavLogo a:hover {
  color: #000000 !important;
  }

edit:
Podsumowując - poniżej cały kod razem z poprawkami kolorów (bez gazdowej modyfikacji):

  /* logo */

  #logo a, .xbnavLogo a {
  color: #353535 !important;
  }

  #logo a:hover, .xbnavLogo a:hover {
  color: #000000 !important;
  }

  #logo a span, .xbnavLogo a span {
  color: #efbb00 !important;
  }

  /* linki */

  a[href]:hover {
  color: #ad8700 !important;
  }

  .Preview .messageText a {
  color: #ad8700 !important;
  }

  /* header*/

  .navTabs {
  background-color: #353535 !important;
  }

  .navTabs .navTab.selected .tabLinks,
  html .navTabs .navTab.selected .navLink,
  .navTabs .navTab.PopupClosed:hover .navLink, .navTabs .navTab.PopupClosed:hover .SplitCtrl {
  background-color: #3d3d3d !important;
  }

  html .navTabs .navTab.PopupOpen .navLink {
  color: #efbb00 !important;
  }

  .navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus {
  color: #efbb00 !important;
  }

  /* nagłówki blokow */

  .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3, .XenBase .xengallerySideBarContainer .xengallerySideBar .section h3 {
  background-color: #ffcc33 !important;
  color: #000000 !important;
  }

  .sidebar .section .primaryContent h3 a, .sidebar .section .secondaryContent h3 a {
  color: #000000 !important;
  }

  .xenOverlay .formOverlay .heading {
  background-color: #cba41a !important;
  border: 1px solid #cba41a !important;
  color: #000000 !important;
  }

  /* sekcje */
  .nodeList .categoryStrip,
  .subHeading {
  background-color: #ffcc33 !important;
  }

  .nodeList .categoryStrip .nodeTitle a,
  .nodeList .categoryStrip .nodeTitle,
  .subHeading {
  color: #000000 !important;
  }

  .node .unread .nodeIcon .fa-commenting {
  color: #fecf23 !important;
  text-decoration: none !important;
  }

  .discussionList .sectionHeaders {
  background-color: #ffcc33 !important;
  }

  .discussionList .sectionHeaders a {
  color: #000000 !important;
  }
  /* wiadomosci */
  .messageHeading {
  background-color: #ffcc33 !important;
  }
  html .messageHeading span a {
  color: #000000 !important;
  }

  .messageList .message {
  border-top: 1px solid #dbdbdb !important;
  }

  .ugc a:link, .ugc a:visited {
  color: #ad8700 !important;
  }

  .ugc a:hover, .ugc a:focus {
  color: #565656 !important;
  }

  .message .newIndicator {
  background-color: #ffcc33 !important;
  border: 1px solid #b78900 !important;
  color: #000000 !important;
  }

  .message .newIndicator span {
  background-color: #b78900 !important;
  }

  /* lajki */

  .likesSummary {
  background-color: #eeeeee !important;
  border: 1px solid #eaeaea !important;
  }
  
  .likesSummary a {
  color: #000000 !important;
  background-color: #ffcc33 !important;
  padding: 2px !important;
  }

  .likesSummary a:hover {
  color: #ffcc33 !important;
  background-color: #000000 !important;
  }

  /* stopka */

  .footer .pageContent,
  .footerLegal .pageContent {
  background-color: #3d3d3d !important;
  }

  .extraFooter {
  background-color: #353535 !important;
  }

  .footer a:hover, .footer a:active {
  color: #efbb00 !important;
  }


  .footerBlock ul.footerList li a:hover {
  color: #efbb00 !important;
  }

  /* buttony */

  .button {
  background-color: #efbb00 !important;
  border: 1px solid #b78900 !important;
  color: #000000 !important;
  }

  a.callToAction span {
  background-color: #fdc210 !important;
  border: 1px solid #707070 !important;
  color: #000000 !important;
  }

  a.callToAction:hover span {
  background-color: #3d3d3d !important;
  color: #fcc111 !important;
  }

  /* nawigacja strony */

  .PageNav a:hover, .PageNav a:focus {
  background-color: #efbb00 !important;
  border-color: #efbb00 !important;
  color: #000000 !important;
  }

  .PageNav a.currentPage {
  background-color: #464234 !important;
  border-color: #464234 !important;
  }

  /* poprawka linka do nieprzeczytanych postów w tematach */

  .LoggedIn .discussionListItem .titleText {
  padding-left: 50px !important;
  }

  .LoggedIn .discussionListItem .unreadLink, .LoggedIn .discussionListItem .ReadToggle {
  font-size: 12px !important;
  height: 16px !important;
  left: 5px !important;
  padding: 8px 10px 12px 14px !important;
  top: 8px !important;
  width: 16px !important;
  }

  /* inne */

  .xbScrollUpButton, .xbScrollDownButton {
  background-color: #ffc405 !important;
  border: 1px solid #6f620f !important;
  }

  .discussionList .stats {
  width: 180px !important;
  }

  .heading, .xenForm .formHeader {
  background-color: #ffcc33 !important;
  color: #000000 !important;
  }

 

[ernestbugaj]

Ale trzeba przyznać, że na smartfonie forum czyta się teraz zacnie.

 

[kompowiec]

Swoją drogą może wydzielić ten fandom do osobnego wątku? Sam stworzyłbym jakiegoś CCSika ale najlepsze pomysły zostały już wykorzystane

 

[mikioli]

Swoją drogą może wydzielić ten fandom do osobnego wątku? Sam stworzyłbym jakiegoś CCSika ale najlepsze pomysły zostały już wykorzystane

Kuce ucieszą się jak przygotujesz granatowy motyw z korwinem

 

[kompowiec]

Mówisz - masz:

https://userstyles.org/styles/125883/kolibet

W zasadzie to przeróbka poprzednika, ale dopóki będzie to zamknięty silnik, dopóty palcem nie kiwnę.

 

[mikioli]

Mówisz - masz:

https://userstyles.org/styles/125883/kolibet

W zasadzie to przeróbka poprzednika, ale dopóki będzie to zamknięty silnik, dopóty palcem nie kiwnę.

Dobre złego początki... trochę poczucia estetyki... Oj chyba będę musiał poprawić

 

[kompowiec]

no cóż... nigdy nie byłem dobry z plastyki byłem takim geniuszem że w jebanej podstawówce zdobyłem pałę za ten przedmiot. Może jednak zostanę przy technikaliach... tam bardziej się przydam.