Hallo Leute,
ich habe eine Frage. In meinen Templates habe ich alle Links über ein Stylesheet definiert. Dies funktioniert auch prima. Nur wenn ich über Typo einen neuen Seiteninhalt (Sitemap z.Bsp.) anlege, dann werden die Standardfarben der Links verwendet. Wie muß ich das ändern, damit die CSS-Linkfarben aus meiner CSS-Datei verwendet werden?
Besten Dank
Bubu
Bubu35 schriebHallo Leute,
ich habe eine Frage. In meinen Templates habe ich alle Links über ein Stylesheet definiert. Dies funktioniert auch prima. Nur wenn ich über Typo einen neuen Seiteninhalt (Sitemap z.Bsp.) anlege, dann werden die Standardfarben der Links verwendet. Wie muß ich das ändern, damit die CSS-Linkfarben aus meiner CSS-Datei verwendet werden?
Besten Dank
Bubu
Hallo,
hast Du den Standardstyle des automaketemplates bereits gelöscht?
-> plugin.tx_automaketemplate_pi1._CSS_DEFAULT_STYLE >
Benutzt Du den Inhaltstyp Sitemap, wird dieser standardmäßig mit gewissen Styleangaben ausgeliefert. Diese Styles musst Du nun nur noch in Deiner CSS-Datei definieren. und fertig!
Viel Spass
Danke für Deine Antwort. Beides sagt mir aber recht wenig.
Bekomme ich das plugin.tx_automaketemplate_pi1._CSS_DEFAULT_STYLE über die Extensions und wenn ja, wie binde ich das dann in meine CSS-Datei ein?
Mit welchem STANDARD T3 Stylesheet arbeitest Du?
Inkludierst Du die CSS Styled Content, oder
cSet stylesheet, oder
cSet (default)?
Das ist zunächst die erste Frage die wir beantworten müssen. In einer dieser Dateien sind die Styles definiert, die es gilt zu überschreieben. Das kannst Du direkt in der Datei machen, die sich in der typo3 Installation befindet, oder Du überschreibst die Styles per Hand in einem Deiner Templates. Ich empfehle Dir diesbezüglich auch einmal in der Doku nachzuschauen.
Ich habe das ganze so aufgebaut:
# Default PAGE object:
seite = PAGE
seite {
typeNum = 0
bodyTag = <body bgColor = "#ffffff">
stylesheet = fileadmin/brb3.css
schon klar.
wie sieht der quelltext der seiten aus?
werden da noch mehr stylesheetdateien importiert?
wenn ja, solltest du diese löschen oder den inhalt überschreiben.
Im Quelltext der Templateseite steht:
<link href="brb3.css" rel="STYLESHEET" type="text/css">
sorry,
aber dann verstehe ich dein problem nicht.
du musst doch nun nur schauen, wie T3 die styles benennt und diese entsprechend in deiner css-datei anlegen. und du bist sicher, dass sonst keine styles im quelltext der seite angezeigt werden?
Ich habe mir jetzt mal den Quelltext der fertigen Seite angeschaut, wenn ich mir diese über den Browser aufrufe.
Der Link erscheint so:<a href="index.php?id=13" target="_top" onfocus="blurLink(this);">
Es wird also in dem fertigen Quelltext kein Style aufgerufen.
Warum nicht?
bitte poste doch einmal den kompletten quelltext und nicht immer nur so ein paar fragmente. es ist für mich nicht gerade einfach auf grundlage deiner infos dir zu helfen.
I NEED MORE INPUT.
Das ist der Templatecode des verwendeten Templates
<body style="margin:0px;">
<!-- ###DOKUMENT### begin -->
<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%" height="100%">
<tr>
<td valign="top">
<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%">
<tr>
<td valign="bottom" bgcolor="#FEF8D4" colspan="6">
</td>
</tr>
<tr>
<td width="220" background="pics/stone.jpg" height="138">
</td>
<td background="pics/placeholder_yellow_green_yellow.gif">
</td>
<td width="330" background="pics/logo.gif">
</td>
<td background="pics/placeholder_yellow_green_yellow.gif">
</td>
<td width="150" background="pics/brb_logo.gif">
</td>
<td background="pics/placeholder_yellow_green_yellow.gif">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top">
<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%">
<tr>
<td width="193" background="bilder/leer.gif">
<img src="bilder/foot.jpg" width="193" height="33" border="0" alt=""></td>
<td width="45" rowspan="2" background="pics/leer.gif"><img src="pics/rahmen_grau.gif" width="67" height="33" border="0" alt=""></td>
<td background="pics/rahmen_grau_vertical.gif" valign="bottom">
<table border="0">
<tr>
<td>
<img src="bilder/leer.gif" width="9" height="1" border="0" alt="">
</td>
<td class="navi">
<a class="alevel3" href="http://www.brb-prueflabor.net/index.php">Startseite</a>
</td>
<td class="navi" width="15" align="center">
:
</td>
<td class="navi">
<a class="alevel3" href="http://www.brb-prueflabor.net/index.php?id=7">Sitemap</a>
</td>
<td class="navi" width="15" align="center">
:
</td>
<td>
<a class="alevel3" href="http://www.brb-prueflabor.net/index.php?id=6">Kontakt</a>
</td>
<td class="navi" width="15" align="center">
:
</td>
<td class="navi">
<a class="alevel3" href="http://www.brb-prueflabor.net/index.php?id=5">Referenzen</a>
</td>
<td class="navi" width="15" align="center">
:
</td>
<td class="navi">
<a class="alevel3" href="http://www.brb-prueflabor.net/index.php?id=4">Download</a>
</td>
<td class="navi" width="15" align="center">
:
</td>
<td class="navi">
<a class="alevel3" href="http://www.brb-prueflabor.net/index.php?id=3">Impressum</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="192" background="pics/rahmen_brown.gif">
</td>
<td width="7" background="pics/balken_ver.gif">
</td>
<td background="pics/rahmen_brown_hor.gif" height="24">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="100%" valign="top" border="0">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="187" valign="top" bgcolor="#FEF8D4" background="pics/leer.gif">
<table width="187" border=0 cellpadding="0" cellspacing="0">
<tr>
<td width="11" valign="top" bgcolor="#FEF8D4" background="pics/balken_brown_ver.gif" rowspan="11">
</td>
<td>
<img src="bilder/leer.gif" width="1" height="20" border="0" alt="">
<img src="pics/yellow.gif" width="13" height="14" border="0" alt="">
<img src="bilder/leer.gif" width="2" height="20" border="0" alt="">
</td>
<td style="border-bottom: thin solid #825700; border-top: thin solid #825700;">
<a class="alevel4" href="http://www.brb-prueflabor.net/index.php?id=13">Baugrunduntersuchungen</a>
</td>
</tr>
<tr>
<td>
<img src="bilder/leer.gif" width="1" height="20" border="0" alt="">
<img src="pics/orange.gif" width="13" height="14" border="0" alt="">
</td>
<td style="border-bottom: thin solid #825700;">
<a class="alevel4" href="http://www.brb-prueflabor.net/index.php?id=12">Baustoffprüfungen</a>
</td>
</tr>
<tr>
<td>
<img src="bilder/leer.gif" width="1" height="20" border="0" alt="">
<img src="pics/pink.gif" width="13" height="14" border="0" alt="">
</td>
<td style="border-bottom: thin solid #825700;">
<a class="alevel4" href="http://www.brb-prueflabor.net/index.php?id=11">Bauschadensanalysen</a>
</td>
</tr>
<tr>
<td>
<img src="bilder/leer.gif" width="1" height="20" border="0" alt="">
<img src="pics/lila.gif" width="13" height="14" border="0" alt="">
</td>
<td style="border-bottom: thin solid #825700;">
<a class="alevel4" href="http://www.brb-prueflabor.net/index.php?id=10">Bauwerkstrockenlegung</a>
</td>
</tr>
<tr>
<td>
<img src="bilder/leer.gif" width="1" height="1" border="0" alt="">
</td>
<td>
</td>
</tr>
<tr>
<td>
<img src="bilder/leer.gif" width="1" height="1" border="0" alt="">
</td>
<td>
</td>
</tr>
<tr>
<td>
<img src="bilder/leer.gif" width="1" height="1" border="0" alt="">
</td>
<td>
</td>
</tr>
<tr>
<td>
<img src="bilder/leer.gif" width="1" height="1" border="0" alt="">
</td>
<td>
</td>
</tr>
<tr>
<td>
<img src="bilder/leer.gif" width="1" height="1" border="0" alt="">
</td>
<td>
</td>
</tr>
<tr>
<td>
<img src="bilder/leer.gif" width="1" height="1" border="0" alt="">
</td>
<td>
</td>
</tr>
<tr>
<td colspan="2">
<img src="bilder/leer.gif" width="1" height="15" border="0" alt="">
</td>
</tr>
<tr>
<td width="11" valign="top" bgcolor="#FEF8D4">
<img src="bilder/leer.gif" width="1" height="15" border="0" alt="">
</td>
<td colspan="2" align="center">
<img src="pics/bauherren.gif" width="170" border="0" alt="" height="38">
</td>
</tr>
<tr>
<td width="11" valign="top" bgcolor="#FEF8D4">
<img src="bilder/leer.gif" width="1" height="15" border="0" alt="">
</td>
<td colspan="2" align="center">
<img src="pics/bpv.gif" width="170" border="0" alt="" height="38">
</td>
</tr>
</table>
</td>
<td width="5" bgcolor="#FEF8D4">
<img src="bilder/leer.gif" width="5" border="0" alt="">
</td>
<td width="7" background="pics/balken_ver1.gif">
<img src="bilder/leer.gif" width="7" border="0" alt="">
</td>
<td width="12" bgcolor="#FFEABF">
<img src="bilder/leer.gif" width="5" border="0" alt="">
</td>
<td bgcolor="#FFEABF" valign="top" width="63">
<img src="bilder/leer.gif" width="63" border="0" alt="">
</td>
<td bgcolor="#FFEABF" valign="top">
<table border="0" cellpadding="0" cellspacing="0" >
<tr>
<td class="text">
###CONTENT###
<img src="bilder/leer.gif" width="15" height="30" border="0" alt="">
</td>
</tr>
<tr>
<td align="left">
<table border="0" align="left" width="100%">
<tr>
<td align="left">
<a href="http://www.brb-prueflabor.net/index.php?id=13"><img src="pics/baugrund2.gif" width="130" height="104" border="0" alt="Baugrunduntersuchungen"></a>
</td>
<td align="center">
<a href="http://www.brb-prueflabor.net/index.php?id=12"><img src="pics/baustoff.gif" width="130" height="104" border="0" alt="Baustoffprüfungen"></a>
</td>
<td align="center">
<a href="http://www.brb-prueflabor.net/index.php?id=11"><img src="pics/bauschaden.gif" width="130" height="104" border="0" alt="Bauschadensanalyse"></a>
</td>
<td align="center">
<a href="http://www.brb-prueflabor.net/index.php?id=10"><img src="pics/trockenlegung.gif" width="130" height="104" border="0" alt="Bauwerkstrockenlegungen"></a>
</td>
</tr>
<tr>
<td align="left" class="text">
<a href="http://www.brb-prueflabor.net/index.php?id=13" class="alevel2"><img src="bilder/leer.gif" width="15" height="1" border="0" alt="">Baugrundunter-<br><img src="bilder/leer.gif" width="15" height="1" border="0" alt="">suchungen</a>
</td>
<td align="center">
<a href="http://www.brb-prueflabor.net/index.php?id=12" class="alevel2"><img src="bilder/leer.gif" width="15" height="1" border="0" alt="">Baugrundunter-<br><img src="bilder/leer.gif" width="15" height="1" border="0" alt="">suchungen</a></a>
</td>
<td align="center">
<a href="http://www.brb-prueflabor.net/index.php?id=11" class="alevel2">cBaugrundunter-<br><img src="bilder/leer.gif" width="15" height="1" border="0" alt="">suchungen</a></a>
</td>
<td align="center">
<a href="http://www.brb-prueflabor.net/index.php?id=10" class="alevel2"><img src="bilder/leer.gif" width="15" height="1" border="0" alt="">Baugrundunter-<br><img src="bilder/leer.gif" width="15" height="1" border="0" alt="">suchungen</a></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="50" bgcolor="#FFEABF">
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- ###DOKUMENT### end -->
</body>
Und das der Code der im Setup steht:
Default PAGE object:
seite = PAGE
seite {
typeNum = 0
bodyTag = <body bgColor = "#ffffff">
stylesheet = fileadmin/brb3.css
meta.CONTENT-LANGUAGE = de
meta.PAGE-TOPIC =Dienstleistung
meta.PAGE-TYPE = Produktinfo
meta.REVISIT-AFTER = 14 days
meta.AUDIENCE = Alle
meta.ROBOTS =INDEX,FOLLOW
meta.DISTRIBUTION = global
meta.ROBOTS = all
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/index.htm
Subpart = DOKUMENT
10.marks {
TRAILER = IMAGE
TRAILER.file = GIFBUILDER
TRAILER.file {
XY = 559, 86
backColor = #82BC8B
10 = TEXT
10.text.field = title
10.fontSize = 60
10.fontFile = fileadmin/fonts/arialbi.ttf
10.fontColor = #96CC9F
10.niceText = 1
10.offset = 10, 75
20 = TEXT
20.text.field = subtitle // title
20.fontSize = 36
20.fontFile = fileadmin/fonts/arialb.ttf
20.fontColor = #E2F5E5
20.niceText = 1
20.offset = 40, 68
}
MENU_OBEN = HMENU
MENU_OBEN.special = directory
MENU_OBEN.special.value = 2
MENU_OBEN.1 = TMENU
MENU_OBRN.1.NO = 1
MENU_OBEN.1.NO.linkWrap = | : |*|
| :; |*| |
MENU_OBEN.1.NO.ATagParams = class="alevel3"
MENU_LINKS = HMENU
MENU_LINKS.special = directory
MENU_LINKS.special.value = 9
MENU_LINKS.entryLevel = 1
MENU_LINKS.1 = GMENU
MENU_LINKS.1.NO = 1
MENU_LINKS.1.NO {
wrap = |<br>
XY = 177,30
backColor = #FEF8D4
10 = TEXT
10.text.field = title
10.fontColor = #000000
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontSize = 9
10.niceText = 0
10.offset = 7, 21
20 = IMAGE
20.file = GIFBUILDER
20.file {
XY = 177,1
backColor = #825700
}
20.offset = 0, 29
}
MENU_LINKS.1.RO < .MENU_LINKS.1.NO
MENU_LINKS.1.RO {
tmp < .backColor
backColor = #FFEABF
5 < .10
5.fontColor < .tmp
5.offset = 9,23
}
MENU_LINKS.1.CUR < .MENU_LINKS.1.RO
MENU_LINKS.2 < .MENU_LINKS.1
MENU_LINKS.2 {
NO.backColor = #FEF8D4
NO.10.fontSize = 8
NO.10.fontColor = #000000
NO.20.file.backColor = #825700
RO < .NO
RO.backColor = #FFEABF
RO.5 >
CUR < .RO
}
CONTENT = CONTENT
CONTENT {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
}
}
}
Bubu35 schriebCONTENT = CONTENT
CONTENT {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
}
CONTENT {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
wrap = <div id="myDivTag"> | </div>
}
Nun musst Du nur noch myDivTag definieren.
Oder Du änderst in diesem Fall die A-Tags und gibst allen anderen A-Tags eine Klasse mit.
Kannst Du mir nun noch bitte sagen, wie die Definition des DivTags aussehen muß? Und wie und wo binde ich das ein?
das div-Tag ist ein Style und wird in Deiner *.css datei definiert. Beispielsweise so:
#myDivTag {
color: #FF0000;
font-style: Verdana
.
.
.
.
}
es geht auch sowas wie folgendes:
#myDivTag A {
}
Hier wird ein Link definiert.
Mehr hilfe unter www.selfhtml.org
viele grüße
Okay soweit alles verstanden. Wenn ich jetzt dás DivTag definiere, wird dann jeder Link richtig angezeigt?
mach es am besten so:
#myDivTag A {
}
dann sollte alles gehen
Try and Error!
Ich definiere also im DivTag die normale Schriftfarbe und Art usw und die Linkfarbe?
Jup
Ich habe jetzt in der CSS-Datei folgendes definiert:
#myDivTag {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color:rgb(130,87,0);
font-weight:bold;
text-decoration:underline;
}
Jetzt ist aber der gesamte Text als unterstrichen und der eigentliche Link ist immernoch weiß und bei hover gelb.
Was mache ich falsch?
sorry, aber wer richtig liest ist eindeutig im vorteil:
#myDivTag A
{
color:#394B5E;
text-decoration: none;
}
#myDivTag A:LINK
{
color:#394B5E;
text-decoration: none;
}
#myDivTag A:VISITED
{
color:#394B5E;
text-decoration: none;
}
#myDivTag A:ACTIVE
{
color:#394B5E;
text-decoration: none;
}
#myDivTag A:HOVER {
color:#394B5E;
text-decoration: underline;
}
nihcts für ungut, aber du solltest dir wirklich einmal ein paar tutorials zum thema css durchlesen. ich erkenne da gerade ein paar eklatante lücken...