Du bist hier: Start › PHP › Klassen › DIV-Boxen für Schatten erzeugenDieses Snippet kommentieren

DIV-Boxen erzeugen

Diese Klasse stellt zwei Methoden bereit, die automatisch eine Reihe von divs erzeugen. Diese werden überlicherweise um ein anderes Element gelegt und dann gestyled, um zum Beispiel abgerundete Ecken oder Schatten zu erzeugen.

class Box {

    /*
     * This prints a box header.
     * 
     * @param $boxId    CSS id of the box.
     * @param $classes  Associative array of additional classes for the different containers.
     *                  Possible settings are: 'boxClasses', 'contentClasses', 'headerClasses'
     *                  The values may be a space separated list of CSS classes. 
     */
    public static function getBoxHeader($boxId = '', $classes = '', $boxStyles = '') {
        if (!empty($boxId)) $boxId = 'id="'.$boxId.'" ';
        
        foreach ( array('boxClasses','headerClasses','contentClasses','innerWrapperClasses') as $key ) {
            $classes[$key] = isset($classes[$key]) ? ' '.$classes[$key] : '';
        }
        
        if (!empty($boxStyles)) $boxStyles = ' style="'.$boxStyles.'"';
        
        $header = '
        <div '.$boxId.'class="box'.$classes['boxClasses'].'"'.$boxStyles.'>
        <div class="boxHeader'.$classes['headerClasses'].'"><div><!-- --></div></div>
        <div class="boxContentWrapper1"><div class="boxContentWrapper2"><div class="boxContentWrapper3'.$classes['innerWrapperClasses'].'">
        <div class="boxContent'.$classes['contentClasses'].'">';
        return $header;
    }
    
    public static function getBoxFooter($footerClasses = '') {
        if (!empty($footerClasses)) $footerClasses = ', '.$footerClasses;
        $header = '
        </div></div></div></div>
        <div class="boxFooter'.$footerClasses.'"><div><!-- --></div></div>
        </div>';
        return $header;
    }

}

?>

Kommentar verfassen

Fehler gefunden? Doofer Code? Ein kleines "Danke!"? Hinterlasse einfach einen Kommentar.

(muss sein)
(muss nicht sein, wird nicht angezeigt)

Dein Kommentar wird erst nach einer manuellen Prüfung angezeigt.