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

Geschlossen
  1. Mo. 07.09.2020 20:32 Uhr #1
    User Pic
    Seal Mitglied
    Registriert seit
    18.02.2013
    Beiträge
    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: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. Di. 08.09.2020 11:42 Uhr #2
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 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++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
  3. Di. 08.09.2020 20:36 Uhr #3
    User Pic
    Seal Mitglied
    Registriert seit
    18.02.2013
    Beiträge
    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. Mi. 09.09.2020 08:55 Uhr #4
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 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++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
  5. Sa. 12.09.2020 20:59 Uhr #5
    User Pic
    Seal Mitglied
    Registriert seit
    18.02.2013
    Beiträge
    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. Sa. 12.09.2020 21:00 Uhr #6
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    Das ist der einfachste weg^^
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
  7. So. 13.09.2020 10:00 Uhr #7
    User Pic
    Baujahr73 gelöschter User
    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;
}
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten