header-xh-01 header-xh-02 header-xh-03 header-xh-04 header-xh-05 header-xh-06 header-xh-07 header-xh-08 header-xh-09 header-xh-10 header-xh-11 header-xh-12 header-xh-13 header-xh-14 headerimage1 headerimage2 headerimage3 headerimage4 headerimage5 headerimage6
Sie sind hier: Startseite > Templates > klr-3col-flex > template.htm > Akzent- & Menüfarbe seitenspezifisch anpassen
Letzte Bearbeitung:

Akzent- & Menüfarbe seitenspezifisch anpassen

Die Akzentfarbe oder Template-Hauptfarbe und die drei Menüfarben (normal, aktiv, hover) lassen sich seitenspezifisch einstellen.

Die Überwachung der Grenzwerte für die Farben und die Berechnung der Menüfarben (entweder halbautomatisch auf der Akzentfarbe basierend oder aus der gewählten Menü-Hoverfarbe) erfolgt in der template.htm:

// *** Wenn der Variablen $MainColor2019 ein Wert zugewiesen wurde, wird der Default-Wert der stylesheet.css überschrieben *** 
if (isset($MainColor2019)) {
    // umrechnen der Hex-Farbe in RGB-Werte
    $maxbrightness = 221;                            // max. erlaubter dezimaler Helligkeitswert der RGB-Einzelfarbe
    $color = str_replace("#", "", $MainColor2019); 
    $r = 1; 
    $g = 2; 
    $b = 3;
    if (strlen($color) <> 6) {                      // wenn statt eines 6-stelligen Farbwertes nur ein kürzerer angegeben wurde, wird ein 3-stelliger angenommen und die einzelnen Stellen verdoppelt: a => aa
        $r1 = substr($color, 0, 1);
        $r1 = $r1.$r1;
        $g1 = substr($color, 1, 1);
        $g1 = $g1.$g1;
        $b1 = substr($color, 2, 1);
        $b1 = $b1.$b1;
        $main = array(
            $r => hexdec($r1),
            $g => hexdec($g1),
            $b => hexdec($b1)
        );
    } 
    else {
        $main = array(
            $r => hexdec(substr($color, 0, 2)),
            $g => hexdec(substr($color, 2, 2)),
            $b => hexdec(substr($color, 4, 2))
            );
    }
    if ($main[$r]>$maxbrightness) $main[$r]=$maxbrightness;
    if ($main[$g]>$maxbrightness) $main[$g]=$maxbrightness;
    if ($main[$b]>$maxbrightness) $main[$b]=$maxbrightness;
    $MainColor2019 = '#'.sprintf("%02X%02X%02X", $main[$r], $main[$g], $main[$b]);
/*  echo 'MainColor2019 = '.$MainColor2019."<br>\n"; */

    echo '<style type="text/css">
    .secHeader, #searchform input { background: '.$MainColor2019.' }
    #footer, span.footnote { border-top-color: '.$MainColor2019.' }
    hr, hr.hrdot, #header, div.Headline_Fussnote { border-bottom-color: '.$MainColor2019.' }
    #logoTxt {color: '.$MainColor2019.' }                                       
</style>'."\n";
}

// *** Wenn der Variablen $MenuBGColor2021 ein Wert zugewiesen wurde, wird der Default-Wert von .secmenu li 'background' in der stylesheet.css überschrieben ***
// *** Berechnung der Hintergrundfarben im Haupt-Navigations-Menü ***
if (isset($MenuBGColor2021)) {
    // umrechnen der Hex-Farbe in RGB-Werte
    $maxbrightness = 221;
    $minbrightness = 68;
    $color = str_replace("#", "", $MenuBGColor2021);
    if (substr($color, 0, 3) == '---') {
        $color = str_replace("#", "", $MainColor2019); 
    }
    $r = 1; 
    $g = 2; 
    $b = 3;
    if (strlen($color) <> 6) {
        $r1 = substr($color, 0, 1);
        $r1 = $r1.$r1;
        $g1 = substr($color, 1, 1);
        $g1 = $g1.$g1;
        $b1 = substr($color, 2, 1);
        $b1 = $b1.$b1;
        $hover = array(
            $r => hexdec($r1),
            $g => hexdec($g1),
            $b => hexdec($b1)
        );
    } 
    else {
        $hover = array(
            $r => hexdec(substr($color, 0, 2)),
            $g => hexdec(substr($color, 2, 2)),
            $b => hexdec(substr($color, 4, 2))
            );
    }
    if ($hover[$r]<$minbrightness) $hover[$r]=$minbrightness;
    if ($hover[$g]<$minbrightness) $hover[$g]=$minbrightness;
    if ($hover[$b]<$minbrightness) $hover[$b]=$minbrightness;
    if ($hover[$r]>$maxbrightness) $hover[$r]=$maxbrightness;
    if ($hover[$g]>$maxbrightness) $hover[$g]=$maxbrightness;
    if ($hover[$b]>$maxbrightness) $hover[$b]=$maxbrightness;
    $MenuBGColor2021 = '#'.sprintf("%02X%02X%02X", $hover[$r], $hover[$g], $hover[$b]);
/*  echo 'MenuBGColor2021 = '.$MenuBGColor2021."<br>\n"; */

echo '<style type="text/css">
    .secmenu li a:hover { background: '.$MenuBGColor2021.'; }
    .secmenu li a { background: rgb('.($hover[$r]-($minbrightness/2)).','.($hover[$g]-($minbrightness/2)).','.($hover[$b]-($minbrightness/2)).'); }
    .secmenu li span { background: rgb('.($hover[$r]-$minbrightness).','.($hover[$g]-$minbrightness).','.($hover[$b]-$minbrightness).'); }
</style>'."\n";
}
// *** Ende der Berechnung der Hintergrundfarben im Haupt-Navigations-Menü ***

 


| Seitenanfang | |  - - - By CrazyStat - - -

Please activate JavaScript in your browser.

» Sitemap