Umstellung der Seiten auf eigene Templates

Für die Anpassung an die eigenen Farbwerte müssen Sie in Ihrem Roxen-Verzeichnis zwei Dateien hinzufügen. Eine css-Datei und ein eigenes Template. Wie diese aufgebaut sind, sehen Sie hier.

Eine css-Datei (z.B. 'einrichtung.css') muss folgende Inhalte enthalten (Farbe anpassen):



#kopf {


  background: #f59f00;


  }




#history a {


  color : #f59f00;


  }




.Button {


  border:1px solid #f59f00;


  }




#menubereich a 


{


  border-bottom-color: #f59f00;



}

Sollen die grünen Menüpunkte auch ausgetauscht werden, dann muss ein gif erzeugt werden und folgender Code der css-Datei hinzugefügt werden:


.titelimg {


  background-image: url(/images/template_2009/menuponits_orange_f59f00.gif) left no-repeat;


  }




.menuimgorange {


  background-image: url(/images/template_2009/menuponits_orange_f59f00.gif) left no-repeat;


  }




.menuimggrey {


  background-image: url(/images/template_2009/menuponits_gray.gif) left no-repeat;


  }




ul.menu-left li a.active {


  background: url(/images/template_2009/menuponits_orange_f59f00.gif) no-repeat; 


  background-position: 0px 4px;
}

Als nächstes erzeugen Sie ein xsl-Template (z.B. 'template_einrichtung_2009.xsl') mit folgendem Inhalt:

Sie können diesen Code kopieren und in Ihre Datei integrieren.

<?xml version='1.0'?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

<xsl:import href="/unitemplate_2009.xsl"/>

<xsl:template mode="unibi:head" match="dummy">
    <xsl:apply-imports/>
    <link type="text/css" href="/sport/arbeitsbereiche/ab_ii/einrichtung.css" rel="stylesheet"/>
  </xsl:template>

<xsl:template name="unibi:body">
    <body>

<div id="titel">
      <gtext bgcolor="ffffff" font="Fagopro-bold" fgcolor="#333333" fontsize="16" crop="">Titel-Überschrift </gtext>
    </div>

</div>

</div>

<h1 style="border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #b3c834; padding-top:0px;  padding-bottom:4px; margin-top:-3px;">
          <gtext font="Fagopro" fontsize="15" fgcolor="#000000" split='split'>
            Navigation&nbsp;
          </gtext>
        </h1>

<xsl:call-template name="unibi:navmenu"/><br/><br/>
        <xsl:call-template name="pus:menu-left">
          <xsl:with-param name="menu-left-file" select="$left-menu-file"/>
        </xsl:call-template>
        <br/>

</div> 
      <br/>

</if>
      <else>&nbsp;</else>

</div>

</body> 
  </xsl:template>

<xsl:template match="h1">
    <a name="{generate-id(.)}"/>
    <h1 style="border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #b3c834; padding-top:0px;  padding-bottom:4px; margin-top:-3px;">
      <gtext font="Fagopro" fontsize="15" fgcolor="#000000" bold="" split='split'>
        <rxml:copy-attributes/>
        <xsl:apply-templates/>
      </gtext>
    </h1>
    <xsl:call-template name="unibi:insert-missing-p"/>
  </xsl:template>

<xsl:template match="h2">
    <h2 style="border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #b3c834; padding-top:0px;  padding-bottom:4px; margin-bottom: 4px;  margin-top:-3px;">
      <gtext font="Fagopro" fontsize="15" fgcolor="#000000" bold="" split='split'>
        <xsl:apply-templates/>
      </gtext>
    </h2>
  </xsl:template>

<xsl:template match="h3">
    <h3 style="border: none; padding-top:4px;  padding-bottom:4px;">
      <gtext font="Fagopro" fontsize="15" fgcolor="#000000" bold="" split='split'>
        <xsl:apply-templates/>
      </gtext>
    </h3>
  </xsl:template>

</xsl:stylesheet>

letzte Aktualisierung: 13.03.2013 von Markus Paulussen |
drucken |
Kontakt |
Impressum