E107 - Brug for hjælp til at forstå

Hej Eksperter.

Jeg har leget med E107 CMS systemet og fundet et problem jeg ikke kan se mig ud af - nok fordi jeg ikke forstå PHP 100% endnu. Derfor håber jeg en kan hjælpe.

Jeg har et template som jeg bruger. Når man sætter en menu ind laver den "former" omkring menuen ud fra nogle billeder. Som bliver kladt via CSS (tror jeg). Men hvordan man selv ændre hver menu, så den i stedet for at lave det samme billede, viser et billede jeg selv vælger (Ved at oprette en ny string i CSS'en) Her er noget kode.

<?php
if (!defined('e107_INIT')) { exit; }

$caption = (file_exists(THEME."images/online_menu.png") ? "<img src='".THEME."images/online_menu.png' alt='' /> ".ONLINE_L4 : ONLINE_L4);

if(!defined("e_TRACKING_DISABLED") && (isset($pref['track_online']) && $pref['track_online'])) {
    $text = ONLINE_L1.GUESTS_ONLINE."<br />";
    //if($pref['user_reg'] == 1){
    $text .= ONLINE_L2.MEMBERS_ONLINE.(MEMBERS_ONLINE ? ", ": "").MEMBER_LIST."<br />";
    //}
    $text .= ONLINE_L3.ON_PAGE;
   
    global $e107cache;
    $members_totals = $e107cache->retrieve("online_menu_totals", 120);
    if($members_totals == false) {
        $total_members = $sql->db_Count("user");
        $newest_member = $sql->db_Select("user", "user_id, user_name", "user_ban='0' ORDER BY user_join DESC LIMIT 0,1");
        $row = $sql->db_Fetch();
        extract($row);
        $members_totals = "<br />".ONLINE_L5.": ".$total_members.", ".ONLINE_L6.": <a href='".e_HTTP."user.php?id.{$user_id}'>{$user_name}</a>";
        $e107cache->set("online_menu_totals", $members_totals);
    }
    $text .= $members_totals;
   
} else {
    if(ADMIN) {
        $text = TRACKING_MESSAGE;
    } else {
        return;
    }
}

$ns->tablerender($caption, $text, 'online');

?>

Dette er koden for online_menu.php Som viser dette
http://www.statsposten.dk/temp/online.gif

Alle andre menuer (På nær nyheder) får vist de blå felter omkring.

Har jeg ret i af det blå billede bliver vist fordi $caption fra CSS bliver hentet ($ns->tablerender($caption, $text, 'online');) ???

Mit spørgsmål er altså Hvor bliver dette billde kaldt fra og hvad skal der til for at give de forskellige menuer forskellige billeder?

Hvis jeg mangler at give noget infromation må i meget gerne påpege det.

Her er templates CSS:

body {
    font-size: 10px;
    color: #333333;
    font-family: tahoma, verdana, arial, sans-serif;
    background-color: #ffffff;
    text-align:left;
    background-image: url(images/football_200_200.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    margin-top: 20px;
    margin-bottom: 20px;
}
a {
    color: orange;
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
a:hover {
    color:#ffffff;   
    text-decoration: underline;
}

.smalltext {
    font: 9px verdana, tahoma, arial, helvetica, sans-serif;
    color:#000000;

}
.smallblacktext {
    font: normal 9px verdana, tahoma, arial, helvetica, sans-serif;
    color:#000;
}

.indent{
    padding: 3px 3px 3px 3px;
    margin: 0px;
    font: 10px verdana, tahoma, arial, sans-serif;
    color: #818181;
    background-color: #fff;
    border-bottom: #818181 1px dashed;
    border-left: #818181 1px dashed;
    border-right: #818181 1px dashed;
    border-top: #818181 1px dashed;
}

.indent2{
    padding: 3px 3px 3px 3px;
    margin: 0px;
    font: 10px verdana, tahoma, arial, sans-serif;
    color: #818181;
    background-color: #fff;
    border-bottom: #818181 1px dashed;
    border-left: #FF9900 4px solid;
    border-right: #818181 1px dashed;
    border-top: #818181 1px dashed;
}

.defaulttext {
    background: none;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color:#000;
}

td {
    background: none;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #ffffff;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-align:left;
}

blockquote {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-style: italic;
    color:#7e96ac;
}
.mediumtext {
    background: none;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color:#506CA4;
}
.captiontext {
    background: none;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 18px;
    font-style: italic;
    color:#000;
}

.nextprev{
    background-color: #eaeef2;
    border: 1px solid #696C6C;
    color: #000;
    font: normal 9px verdana, tahoma, arial, helvetica, sans-serif;
    text-align: center;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    background-image : url(images/cap1.gif);
}
.button{
    background-color: #F93F3E;
    border-bottom: #000000 1px solid;
    border-left: #cccccc 1px solid;
    border-right: #000000 1px solid;
    border-top: #cccccc 1px solid;
    color: #fff;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    text-align:center;
}

.np{
    background-color: #FFFFFF;
    border-bottom: #000 0px solid;
    border-left: #000 0px solid;
    border-right: #000 0px solid;
    border-top: #000 0px solid;
    color: #000000;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 9px;
    text-align:center;
    padding-bottom : 2px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 2px;
}

form {
    margin: 2px 0px 0px 0px;
}
.spacer{
    padding-bottom : 2px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 2px;
}
hr {
    border-top: #666 0px solid;
    border-bottom: #eee 0px solid;
    height: 2px;
    width: 92%;
    text-align:center;
}
.border {
    border-bottom: #000 0px solid;
    border-left: #000 0px solid;
    border-right: #000 0px solid;
    border-top: #000 0px solid;
    background-color: transparent;
}

.border2 {
    border-bottom: #D5D5D5 0px solid;
    border-left: #D5D5D5 0px solid;
    border-right: #D5D5D5 0px solid;
    border-top: #D5D5D5 0px solid;
    background-color: transparent;
}

.border3 {
    border-bottom: #000 0px solid;
    border-left: #000 0px solid;
    border-right: #000 0px solid;
    border-top: #000 0px solid;
    background-color: transparent;
}
.helpbox {
    background-color: transparent;
    color:#000;
    font: 9px tahoma, verdana, arial, helvetica, sans-serif;
}

.caption {
    padding-bottom: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
    border-bottom: #ff0000 1px solid;
    border-left: #8A96B3 0px solid;
    border-right: #363A44 0px solid;
    border-top: #8A96B3 0px solid;
    background-color: #E1DFDF;
    color: #000;
    font-family: tahoma, arial, verdana, helvetica, sans-serif;
    font-size: 11px;
    background-image : url(images/cap1.gif);
}

.caption2 {
    padding-bottom: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
    background-color: transparent;
    color: #243B3B;
    font-family: tahoma, arial, verdana, helvetica, sans-serif;
    font-size: 12px;
    text-align:center;
}
.caption3 {
    padding-bottom: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
    border-bottom: #C7C3C3 1px solid;
    border-left: #fff 1px solid;
    border-right: 0;
    border-top: #fff 1px solid;
    background-color: #D5D5D5;
    color: #000;
    font-family: tahoma, arial, verdana, helvetica, sans-serif;
    font-size: 12px;
}

.bodytable {
    background-color: transparent;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #000;
}

.bodytable2 {
    background-color: transparent;
    border-bottom: #D5D5D5 0px solid;
    border-left: #D5D5D5 0px solid;
    border-right: #D5D5D5 0px solid;
    border-top: #D5D5D5 0px solid;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #404040;
}

.bodytable3 {
    background-color: transparent;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #000;
}

p {
    margin-top: 0px;
    margin-bottom: 0px
}

.lastestdl  { background-color: #FFFFFF; font-family:
              verdana, tahoma, arial, helvetica, sans-serif; font-size: 9px;
              color: #000000; background-image: url('images/fade_vert.jpg');
              background-repeat: repeat-x; border: 0px solid #F1F1F2;
              padding: 4px }
.fborder {
    border-bottom: #DADADA 1px solid;
    border-left: #DADADA 1px solid;
    border-right: #DADADA 1px solid;
    border-top: #DADADA 1px solid;
    background-color: #FF9900;
   
}
.forumheader{
    background-color: #FFFFFF;
    background-image: url(images/fade_horz.jpg);
    background-repeat: repeat-y;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 11px;
    color:#000;
    padding: 4px;   
    border: #C3BDBD 0px solid;
}

.forumheader2{
    background-image : url(images/fade_vert.jpg);
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color:#000;
    padding: 4px;
    border: #C3BDBD 0px solid;
}

.forumheader3{
    background-color: #FFFFFF;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 10px;
    color:#000;
    padding: 4px;
    border: #F1F1F2 0px solid;
    background-image: url(images/fade_vert.jpg);
    background-repeat: repeat-x;
}

.forumborder{
    border-bottom: #000080 0px solid;
    border-left: #000080 0px solid;
    border-right: #000080 0px solid;
    border-top: #000080 0px solid;
    background-color: transparent;
}

.fcaption {
    height: 23px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    padding-top: 0px;
    background-color: #C9C7C7;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    background-image : url(images/cap_red.gif);
    font-size: 12px;
    color:#000;
    font-weight: bold;
}

.captiontopleft{
    width: 21px;
    /*background-color: #ffffff;/*
}

.captiontopmiddle{
    width: 100%;
    /*background-color: #ffffff;*/
   
}

.captiontopright{
    width: 8px;
    /*background-color: #ffffff; */
   
}

.captionleft{
    width: 26px;
    height: 20px;
    background-image: url(images/capleft.gif);
    background-repeat: repeat-x;   
   
}

.captionbar  { width: 100%; height: 33px; font-size: 11px; text-align: left; color: #003300;
              font-family: verdana, tahoma, arial, sans-serif;
              background-image: url('images/cap1.gif'); background-repeat:
              repeat-x; font-weight: bold }
.captionright{
    width: 26px;
    height: 33px;
    background-image: url(images/capright.gif);
    background-repeat: no-repeat;   
   
}

.newscapleft{
    width: 26px;
    height: 33px;
    background-image: url(images/newscapleft.gif);
    background-repeat: no-repeat;
}
.newscapbar  { background-repeat: repeat-x; font-size: 11px; color: #FFFFFF; font-family:
              verdana, tahoma, arial, sans-serif; background-image:
              url('images/newscap1.gif'); vertical-align: text-top;
              font-weight: bold; padding-left: 2px; padding-right: 1px;
              padding-top: 10px }
.newscapend{
    width: 23px;
    background-image: url(images/newscapright.gif);
    background-repeat: no-repeat;
}
.newscapmain{
    width: 100%;
    background-repeat: repeat-x;
    background-image: url(images/newscapend.gif);
}

.newscapright{
    width: 22px;
    background-image: url(images/newscapend.png);
    background-repeat: no-repeat;
}

.bodyleft{
    width: 4px;
    background-image: url(images/left.png);
    background-repeat: repeat-y;
}

.bodymain{ width: 100%;
    background: #fff;
    padding: 0px 10px 10px;
    font-size: 10px;
    color: #333333;
    font-family: verdana, tahoma, arial, sans-serif;
    vertical-align:top;
}

.menumain    { width: 100%; background-color: #FFFFFF; background-repeat: repeat-x;
              background-attachment: scroll; background-image:
              url('images/fade_vert.jpg'); font-size: 10px; color: #333333;
              font-family: verdana, tahoma, arial, sans-serif;
              vertical-align: top; padding: 10px; background-position: 0% }
.bodyright{
    width: 4px;
    background-image: url(images/right.png);
    background-repeat: repeat-y;
}

.bottomleft{
    width: 26px;
    height: 14px;
    background-image: url(images/bottomleft.gif);
    background-repeat: no-repeat;
}
.bottommain{
    width: 100%;
    height: 14px;
    background-image: url(images/bottom.gif);
    background-repeat: repeat-x;
}
.bottomright{
    width: 26px;
    height: 14px;
    background-image: url(images/bottomright.gif);
    background-repeat: no-repeat;
}


.installcaplarge{ font: 20px verdana, tahoma, arial, sans-serif; color:#fff; vertical-align:top }
.installcapsmall{ font: 10px verdana, tahoma, arial, sans-serif; color:#fff; vertical-align:top }

.finfobar{
    background-color: #FFCCCC;
    font: 10px verdana, tahoma, arial, helvetica, sans-serif;
    color:#000;
    padding: 4px;
    border: #C3BDBD 0px solid;
    background-image : url(forum/finfobar.png);
}

a.forumlink{
    color: #3366CC;
    text-decoration: underline;
}

.topborder {
    border-bottom: #000 0px solid;
}

.bottomborder {
    border-top: #000 0px solid;
    border-bottom: #000 0px solid;
}

.alttd{   
    background-color: #FEFCFC;
    font: 10px verdana, tahoma, arial, helvetica, sans-serif;
    color: #FF6633;
    border-bottom: #DADADA 1px dashed;
    border-left: #DADADA 1px dashed;
    border-right: #DADADA 1px dashed;
    border-top: #DADADA 1px dashed;
    padding-top: 4px;
    padding-left: 4px;
}

.newsfooter{   
    font: 9px verdana, tahoma, arial, helvetica, sans-serif;
    color: #000000;
}

.mainbodybg{
    width: 100%;
    background-repeat: repeat-y;
    background-image: url(images/bg.gif);
}

.tbox{
    background-color: #FFF;
    border-bottom: #F0F0F0 1px solid;
    border-left: #D2D1D1 1px solid;
    border-right: #F0F0F0 1px solid;
    border-top: #D2D1D1 1px solid;
    color: #000;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 10px;
   
}

.searchbar{
    height: 26px;
    background-image: url(images/searchbg.jpg);
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    padding: 0px 10px;
}

.logoend {
    height: 103px;
    width: 100%;
    background-image: url(images/banner_end.jpg);
    background-repeat: repeat-x;
    text-align: left;
    vertical-align: bottom;
}

.disclaimertext {
    font: 10px verdana, tahoma, arial, helvetica, sans-serif;
    color:#999999;
    text-align: center;
    padding-bottom: 10px;
    background-image: url(images/footer.gif);
    background-repeat: no-repeat;
    height: 80px;
    background-position: center;
}

.footer {
    background-color:#ffffff;

}

#tagline {
    margin-left: 0px;
    margin-top: 2px;
    text-align: center;
    font: bold 10pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
    color: #00ff00;
}

.sitetag {
    font-size: 11px;
    font-weight: bold;
    margin-top: 4px;
    color: #fff;
    padding-left: 10px;
    float: left;
    height: 20px;
    width: auto;
}

.maintable {
    width: 950px;
    text-align: center;
    background-color:#ffffff;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px solid orange;
    background-image: url(images/maintop.jpg);
    background-repeat: repeat-x;
}