Hallo ich habe ein großes Problem
und zwar habe ich ein textmenü in mein ts eingefügt.
lib.menu = HMENU
lib.menu.special = directory
lib.menu.special.value = 3
lib.menu {
1 = TMENU
1{
wrap = <ul>|</ul>
noBlur = 1
NO = 1
NO {
ATagTitle.field = title
wrapItemAndSub = <li class="nav1">|</li>
}
}
1.SPC = 1
1.SPC.doNotShowLink = 0
1.SPC.doNotLinkIt = 1
1.SPC.allWrap = <li id="leftnavspc">|</li>
}
jetzt will ich die links natürlich anpassen...sprich textfarbe und size.
jetzt habe ich das auch versucht per css zu formatieren. leider bleiben alle links in der standard farbe blau und mit unterstrich.
habe es dann versucht mit ts zu formatieren und das hatte auch ned geklappt. ich weiss echt nicht weiter.
hier mein css:
@media all
{
/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das
** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht.
*/
* { margin:0; padding: 0; }
/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
option {padding-left: 0.4em}
/*
** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
*/
/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts
** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
html { height: 100% }
body {
min-height: 101%;
/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
font-size: 100.01%;
/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser
Fensters geändert wird. */
/*position: relative;*/
/* Vorgabe der Standardfarben und Textausrichtung*/
text-align: left;
}
/* Standardrahmen zurücksetzen */
fieldset, img { border:0; }
/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */
select, input, textarea { font-size: 99% }
/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/
#header { position:relative;}
#nav { clear:both; width: auto;}
#main { clear:both; width: auto; }
#col1 {
float: left;
width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}
#col2 {
float:right;
width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}
#col3
{
width:auto;
margin-left: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
margin-right: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}
#footer { clear:both; text-align: center; } /* Backup für IE-Clearing */
#col1_content, #col2_content, #col3_content { position:relative; }
/* ######################################################################################################
** ### ###########################################################
** ######################################################################################################
*/
/* Transparent-Methode für alle Browser */
.transparent{ background:#7cc028; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5; position:relative; clear:none;}
#leftnavspc {
background-color:#000000;
font-size: 14px;
font-weight: bolder;
color: #ffffff;
text-decoration: none;
padding: 5px;
margin-left: 0px;
}
.nav1 {
color: #000000;
}
/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/
li {
color: #ffffff;
list-style: none;
text-decoration: none;
padding: 2px;
margin-left: 15px;
}
/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/
.subcolumns {
width: 100%;
padding: 0 1px 0 1px;
margin: 0 -1px 0 -1px;
overflow:hidden;
}
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
.c25l, .c25r { width: 24.999%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 49.999%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 74.999%; }
.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
.subc { padding: 0 0.5em 0 0.5em; overflow: hidden; }
.subcl { padding: 0 1em 0 0; overflow: hidden; }
.subcr { padding: 0 0 0 1em; overflow: hidden; }
}
/* ######################################################################################################
** ### Skiplink-Navigation ##############################################################################
** ######################################################################################################
*/
@media screen, print
{
.skip {
position: absolute;
left: -1000em;
width: 20em;
}
}
und die zweite css
@media all
{
/* Formatierung der Seite */
body {background:#800000; padding-top:20px; padding-right:40px; padding-left:40px; padding-bottom:10px;}
/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page_margins {background:#AFAFAF; min-width:756px; max-width:80em; margin:auto;}
/* Formatierung der Kopfbereiches */
#header {position:relative; height:140px; background:#7cc028;}
#nav {margin-bottom:0.5em; height:2em; background:#000000;}
/* Formatierung der Fußzeile */
#footer {height:2em; margin-top:0.5em; background:#000000;}
/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
/* linke Spalte */
#col1 {width:22.5%; height:385px; max-height:100em; margin-left:0.5em; margin-right:0.5em; border:1px #000000 solid;}
/* Mittlere Spalte */
#col3 {background:#7cc028; margin-left:24.2%; height:385px; max-height:100em; margin-right:0.5em; border:1px #000000 solid;}
}
ach ich habe templavoila benutzt für das grundtemplate
wenn jemand ne idee hätte einfach mal her damit