Top  Branding  Banner 
blank.gif
blank.gif
triangle.gif Du er her: /  Forsiden  /  Kildekoden  /  Menu  /  Cssmenu   Login nu   Login
blank.gif
««« Se kilde koden
blank.gif
tl.gif Base tr.gif tl.gif Basic tr.gif tl.gif Dto tr.gif tl.gif Form tr.gif tl.gif Language tr.gif tl.gif Layout tr.gif tls.gif     Menu  trs.gif tl.gif Mvc tr.gif tl.gif Netbank.eksperter.dk tr.gif tl.gif Tab tr.gif tl.gif Table tr.gif tl.gif Util tr.gif
blank.gif
blank.gif
arrow-headline.gif Index
MenuLink  MenuLeft  
Tilbage

Skjul: Navn

CssMenu.php


Vis: Sample code, tutorial

CssMenu, Sample code, tutorial

Sådan benyttes komponenten CssMenu klassen

Først skal du inkludere den fil der beskriver komponenten, som en klasse fil

  • <?
    require_once(HTML_PACKAGE_PATH.'/CssMenu.php');
    ?>

Dernæst kan du enten benytte komponenten som et taglib (statiske metoder):

  • <?
    CssMenu    ::display($param1, $param2, $param3, ...);
    ?>

eller du kan lave en instance af komponenten og benytte metoderne direkte:

  • <?
    $object     = new CssMenu($param1, $param2, $param3, ...);
    print     $object->getHtml();
    ?>

Skjul: Sådan vises komponenten

CssMenu, Sådan vises komponenten

Sådan vises komponenten CssMenu klassen


Vis: PHP source code

CssMenu, PHP source code

Den fulde PHP kildekode for CssMenu klassen

<?php
/**
 * @package menu
 * @see HTML_MENU_PAGE_PATH.'/CssMenu.php'
 * @copyright (c) http://Finn-Rasmussen.com
 * @license http://Finn-Rasmussen.com/license/ myPHP License conditions
 * @author http://Finn-Rasmussen.com
 * @version 1.11
 * @since 27-nov-2009
 */

/**
 * The required files
 */
require_once(HTML_BASE_PAGE_PATH.'/Css.php');

/**
 * Generates the Menu CSS 
 * <code>
 * Usage:
 *   $href = "menu.css";
 *   $css  = new CssMenu($href);
 *   print $css->getHtml();
 * Or:
 *   CssMenu::display($href);
 * </code>
 * @package menu
 */

class CssMenu extends Css {
    /**
     * Constructor
     * @param  String $href The url to the css filename (i.e. menu.css)
     */
    function __construct($href='') {
        parent::__construct($href != '' ? $href : CSS_FILE_NAME_MENU);
    }

    /**
     * Returns the css Table components
     * @return String the complete css
     */
    function getCustom() {
        $html = '';
        $html .= $this->getHeader($this->getClassName());
        // Is db-news/db-product Online / Offline CSS colors
        $html .= $this->getClass('.'.CSS_IS_ONLINE , CSS_IS_ONLINE_COLOR);
        $html .= $this->getClass('.'.CSS_IS_OFFLINE, CSS_IS_OFFLINE_COLOR);
        // Google
        $html .= $this->getClass('.'.CSS_BLUE  , CSS_BLUE_COLOR, CSS_BLUE_BACKGROUND);
        $html .= $this->getClass('.'.CSS_RED   , CSS_RED_COLOR, CSS_RED_BACKGROUND);
        $html .= $this->getClass('.'.CSS_YELLOW, CSS_YELLOW_COLOR, CSS_YELLOW_BACKGROUND);
        $html .= $this->getClass('.'.CSS_GREEN , CSS_GREEN_COLOR, CSS_GREEN_BACKGROUND);
        $html .= $this->getComponent('.'.CSS_MENU_LINK  ,CSS_MENU_LINK_COLOR  ,CSS_MENU_LINK_BACKGROUND  ,'','',CSS_TEXT_DECORATION_NONE);
        $html .= $this->getComponent('.'.CSS_MENU_TAB   ,CSS_MENU_TAB_COLOR   ,CSS_MENU_TAB_BACKGROUND   ,'','',CSS_TEXT_DECORATION_NONE);
        $html .= $this->getComponent('.'.CSS_MENU_TOP   ,CSS_MENU_TOP_COLOR   ,CSS_MENU_TOP_BACKGROUND   ,'','',CSS_TEXT_DECORATION_NONE);
        $html .= $this->getComponent('.'.CSS_MENU_LEFT  ,CSS_MENU_LEFT_COLOR  ,CSS_MENU_LEFT_BACKGROUND  ,'','',CSS_TEXT_DECORATION_NONE);
        $html .= $this->getComponent('.'.CSS_MENU_RIGHT ,CSS_MENU_RIGHT_COLOR ,CSS_MENU_RIGHT_BACKGROUND ,'','',CSS_TEXT_DECORATION_NONE);
        $html .= $this->getComponent('.'.CSS_MENU_FLOAT ,CSS_MENU_FLOAT_COLOR ,CSS_MENU_FLOAT_BACKGROUND ,'','',CSS_TEXT_DECORATION_NONE);
        $html .= $this->getComponent('.'.CSS_MENU_BOTTOM,CSS_MENU_BOTTOM_COLOR,CSS_MENU_BOTTOM_BACKGROUND,'','',CSS_TEXT_DECORATION_NONE);
        // Bugfix for Firefox
        $html .= $this->getSingle('.'.CSS_MENU_TOP,'white-space','nowrap'); 
        $html .= $this->getSingle('.'.CSS_MENU_TAB,'white-space','nowrap'); 
        $html .= $this->getSingle('.'.CSS_MENU_BOTTOM,'white-space','nowrap'); 
        return $html;
    }

    /**
     * Display html
     * <code>
     * Usage:
     *    $href = "menu.css";
     *    CssMenu::display($href); 
     * </code>
     * @static
     * @param String $href, The url to the css file (i.e. menu.css)
     */
    public static function display($href='') {
        $html = new CssMenu($href);
        $html->addHtml();
    }
}
?>

Vis: HTML source code

CssMenu, HTML source code

Den fulde HTML kildekode for CssMenu klassen

<?
<!-- DEBUG: CssMenu -->
<style type="text/css">
    /***********************************************************
     *
     * AUTOGENERATED file, DO NOT CHANGE OR EDIT, the full source code is here
           _____________________________________________________
  ________|                                                     |________
  \       |   http://Finn-Rasmussen.com Phone (+45) 40 50 60 69 |       /
   \      |   Kongens Vænge 79, 3400 Hillerød, Denmark          |      /
   /      |_____________________________________________________|      \
  /___________)                                              (__________\

     *
     * @version       : 1.11
     * @since         : 18-Aug-2011 09:51:55
     * @copyright     : Copyright © 1999-2010 http://Finn-Rasmussen.com
     *
     * Email          : Please, phone me for my email address
     * Web            : http://Finn-Rasmussen.com
     *                : This website was created by the myPHP taglib and CMS
     *                : Download a free demo of the myPHP taglib here ...
     *                : http://Finn-Rasmussen.com/myPHP/
     * @domain        : finnrasmussen.dk
     * @language      : da
     * @webmaster     : DEFAULT_CMS_LOGIN_USERNAME(+)finnrasmussen.dk
     * @file          : /cache/files/finnrasmussen.dk-menu.css (Autocreated cache file)
     * @classname     : CssMenu
     ***********************************************************/
.menuIsOnline{
    color            : #0d4;
}
.menuIsOffline{
    color            : #f00;
}
.menuBlue{
    color            : #003cc6;
    background-color    : #ddd;
}
.menuRed{
    color            : #b51000;
    background-color    : #ddd;
}
.menuYellow{
    color            : #deaa00;
    background-color    : #ddd;
}
.menuGreen{
    color            : #106510;
    background-color    : #ddd;
}
.menuLink{
    color            : #000;
    background-color    : #fff;
}
a:link.menuLink,a:visited.menuLink,a:active.menuLink{
    color            : #000;
    background-color    : #fff;
    font-size        : 11px;
    font-weight        : bold;
    text-decoration        : none;
}
a:hover.menuLink{
    color            : #fff;
    background-color    : #000;
    font-size        : 11px;
    font-weight        : bold;
    text-decoration        : none;
}
img.menuLink{
    color            : #fffffe;
    background-color    : #fff;
    border-style        : none;
}
.menuTab{
    color            : #000;
    background-color    : #ddd;
}
a:link.menuTab,a:visited.menuTab,a:active.menuTab{
    color            : #000;
    background-color    : #ddd;
    font-size        : 11px;
    font-weight        : bold;
    text-decoration        : none;
}
a:hover.menuTab{
    color            : #ddd;
    background-color    : #000;
    font-size        : 11px;
    font-weight        : bold;
    text-decoration        : none;
}
img.menuTab{
    color            : #ddddde;
    background-color    : #ddd;
    border-style        : none;
}
.menuTop{
    color            : #000;
    background-color    : #ddd;
}
a:link.menuTop,a:visited.menuTop,a:active.menuTop{
    color            : #000;
    background-color    : #ddd;
    font-size        : 11px;
    font-weight        : bold;
    text-decoration        : none;
}
a:hover.menuTop{
    color            : #ddd;
    background-color    : #000;
    font-size        : 11px;
    font-weight        : bold;
    text-decoration        : none;
}
img.menuTop{
    color            : #ddddde;
    background-color    : #ddd;
    border-style        : none;
}
.menuLeft{
    color            : #000;
    background-color    : #fff;
}
a:link.menuLeft,a:visited.menuLeft,a:active.menuLeft{
    color            : #000;
    background-color    : #fff;
    font-size        : 11px;
    font-weight        : bold;
    text-decoration        : none;
}
a:hover.menuLeft{
    color            : #fff;
    background-color    : #000;
    font-size        : 11px;
    font-weight        : bold;
    text-decoration        : none;
}
img.menuLeft{
    color            : #fffffe;
    background-color    : #fff;
    border-style        : none;
}
.menuRight{
    color            : #000;
    background-color    : #fff;
}
a:link.menuRight,a:visited.menuRight,a:active.menuRight{
    color            : #000;
    background-color    : #fff;
    font-size        : 11px;
    font-weight        : bold;
    text-decoration        : none;
}
a:hover.menuRight{
    color            : #fff;
    background-color    : #000;
    font-size        : 11px;
    font-weight        : bold;
    text-decoration        : none;
}
img.menuRight{
    color            : #fffffe;
    background-color    : #fff;
    border-style        : none;
}
.menuFloat{
    color            : #000;
    background-color    : #fff;
}
a:link.menuFloat,a:visited.menuFloat,a:active.menuFloat{
    color            : #000;
    background-color    : #fff;
    font-size        : 11px;
    font-weight        : bold;
    text-decoration        : none;
}
a:hover.menuFloat{
    color            : #fff;
    background-color    : #000;
    font-size        : 11px;
    font-weight        : bold;
    text-decoration        : none;
}
img.menuFloat{
    color            : #fffffe;
    background-color    : #fff;
    border-style        : none;
}
.menuBottom{
    color            : #000;
    background-color    : #ddd;
}
a:link.menuBottom,a:visited.menuBottom,a:active.menuBottom{
    color            : #000;
    background-color    : #ddd;
    font-size        : 11px;
    font-weight        : bold;
    text-decoration        : none;
}
a:hover.menuBottom{
    color            : #ddd;
    background-color    : #000;
    font-size        : 11px;
    font-weight        : bold;
    text-decoration        : none;
}
img.menuBottom{
    color            : #ddddde;
    background-color    : #ddd;
    border-style        : none;
}
.menuTop{
    white-space        : nowrap;
}
.menuTab{
    white-space        : nowrap;
}
.menuBottom{
    white-space        : nowrap;
}

/* DEBUG, Not cached, CSS Custom file : /cache/css/finnrasmussen.dk-menu.css */
</style>

?>

Vis: Class methods

CssMenu, Class methods

Her er 'klasse metoderne' for CssMenu klassen:

  • __construct
  • getCustom
  • display
  • getLink
  • getLinkNormal
  • getLinkHover
  • getLinkImage
  • getImage
  • getComponent
  • getBorderLine
  • getBorderSingle
  • getBorder
  • getButton
  • getCssTag
  • getClass
  • getLi
  • getSingle
  • getCssArray
  • getHidden
  • getHr
  • getWidth
  • getStart
  • getCss
  • getFieldset
  • getLegend
  • getSelect
  • getEnd
  • getHeader
  • getInline
  • getHtml
  • setObject
  • set
  • get
  • getAttribute
  • getTag
  • add
  • getSizeof
  • getElement
  • getElements
  • getToogle
  • getMaximize
  • getMinimize
  • newTriangle
  • getStartHtml
  • getEndHtml
  • showsource
  • getClassName
  • getMsg
  • addHtml
  • __toString
  • getCacheFileName
  • save
  • content

Vis: Object vars

CssMenu, Object vars

Her er 'objekt variable' for CssMenu klassen:

  • html =>
  • sql =>

MenuRight 
triangle.gif

Dansk

Deutch

English (UK)

France

Italy

Norsk

Svensk

English (USA)

 
blank.gif
MenuBottom 
triangle.gif Copyright @ 1999-2010 www.Finn-Rasmussen.com Powered by myPHP Version (5.3.3-7+squeeze3) 1.11
blank.gif