ilch Forum » Ilch CMS 2.X » Design und Templates » Foren Farben anpassen

Geschlossen
  1. #1
    User Pic
    Seal Mitglied
    Registriert seit
    18.02.2013
    Beitrge
    71
    Beitragswertungen
    4 Beitragspunkte
    Hallo, ich nutze eine angepasste designversion vom esportlayout von slipi. Ich frage mich, wie bzw. wo ich die Farben für das Forum ändern kann?!


    verwendete ilch Version: 2.1.x

    betroffene Homepage: www.community-of-elysium.de
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Nex4T Hall Of Fame
    Registriert seit
    28.02.2007
    Beitrge
    3.307
    Beitragswertungen
    194 Beitragspunkte
    Du kannst die Styles in der CSS vom Design überschreiben lassen bsp.

    in der forum.css wird z.b

    #forum .forabg ul.forenlist li.header dl.title {
        min-height: 35px;
    }


    abgerufen, dann kopierst du dir diesen code fügst diesen am ende der CSS vom design ein und änderst das ab was du ändern möchtest.

    Das Problem mit der forum.css ist das diese, wohl möglich dann bei jedem update wieder überschrieben wird, deswegen änderst dir das passend in deiner css ab.
    while(!asleep()) sheep++;
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Seal Mitglied
    Registriert seit
    18.02.2013
    Beitrge
    71
    Beitragswertungen
    4 Beitragspunkte
    Ooooookkkeeeyyyy,

    ich merke da stoße ich hart an meine Grenzen.

    Könntest du mir das evtl. mal anhand meiner style.css erklären?


    EDIT.: Die farben habe ich geschafft.

    Jedoch tut sich mir eine andere Frage auf, wie kann ich die Forenansicht so abändern, dass die Ecken abgerundet sind?|*

    /*Forum*/
    
    #forum .ilch-head {
    	background:#292d31;
    }
    #forum dl {
    	margin:0px;
    }
    #forum .ilch-bg--hover {
    	background:transparent;
    }
    #forum .ilch-border {
    	border-color:#292d31;
    }
    #forum .ilch-bg>.row>.col-lg-12 {
    	border-bottom:1px solid #cecece
    }
    #forum .btn {
    	background:#292d31;
    	color:#fff !important;
    	border-color:#141515;
    	overflow:hidden;
    }
    #forum .btn:hover span {
    	background:green;
    	overflow:hidden;
    }



    Zuletzt modifiziert von Seal am 08.09.2020 - 20:47:44
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Nex4T Hall Of Fame
    Registriert seit
    28.02.2007
    Beitrge
    3.307
    Beitragswertungen
    194 Beitragspunkte
    wie gesagt du kannst alles per CSS abändern, wenn du es rund haben möchtest suchst du die css klasse wo du dies hinzufügen möchtest und dann in deine css nach ganz unten bsp.

    .die-gesuchte-klasse{
    border-radius:10px!important;
    }


    übrigens findest du die klassen immer sehr schnell heraus mit dem Entwicklertool deines Browsers.
    while(!asleep()) sheep++;
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Seal Mitglied
    Registriert seit
    18.02.2013
    Beitrge
    71
    Beitragswertungen
    4 Beitragspunkte
    Ok, um da die richtige klasse zu finden, bin ich feststellend echt zu Blöd. Gibts da nen Sicheren weg für absolute Trottel? zunge
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Nex4T Hall Of Fame
    Registriert seit
    28.02.2007
    Beitrge
    3.307
    Beitragswertungen
    194 Beitragspunkte
    Das ist der einfachste weg^^
    while(!asleep()) sheep++;
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Baujahr73 Mitglied
    Registriert seit
    05.09.2013
    Beitrge
    323
    Beitragswertungen
    34 Beitragspunkte
    Guten Morgen,

    es ist nicht immer gleich die erste Position im Entwicklertool, etwas suchen muss man halt trotzdem.

    Was Du suchst ist in der ilch.css hinterlegt und nicht in der forum.css, ab Zeile 50 findest Du was gesucht wird zwinker

    .ilch-head {
        background-color: #337ab7;
        color: #FFF;
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
    }
    www.lastfighters.de
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurck zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten