ATag Parameter für News

Hallo zusammen,
habe ein Problem mit der Formatierung der News.
Wie bringe ich z.B in den a Tag des Markers ###ARCHIVE_TITLE###
ein class=, damit ich es per css formatieren kann?
Ich blick´s einfach nicht.
Bitte dringend um Hilfe.
Vielen Dank schon mal dafür.
Gruß
Elfe

Hallo nochmals,
noch niemand gemacht?

Gruß
Elfe

Elfe schrieb

Hallo nochmals,
noch niemand gemacht?

Gruß
Elfe

nur so theoretisch: packs im template in ein span =>

<span class="css-style">###ARCHIVE_TITLE###</span>

lg georg

Hallo georg,
stimmt eigentlich, hab ich nun auch so gemacht.
Kannst du mir noch sagen, wie ich die hover
Eigenschaften im CSS definieren kann?
Der Title ist ja nun in einem Span Tag.
Danke schon mal

Gruß
Elfe

Hallo Elfe,
also das ist ganz einfach

a:link {text-decoration: none ;color: #0099CC;}
a:visited {text-decoration: none ;color: #0099CC;}
a:hover {text-decoration: underline ;color: #0099CC;}
a:active {text-decoration: none ;color: #0099CC;}

deins wär "hover", hab aber mal alles gepostet 🙂
und es gibt die Meinung, die Reihenfolge sei wichtig wegen ein paar Browser, keine Ahnung obs stimmt, aber sie ist leicht zu merken mit: LoVHAte 🙂

lg georg

EDIT
zB Links in spans kannst du dann spezifisch ansprechen mit zB

 .cssstyle a:link {}
.cssstyle a:hover{}
....

Hallo georg,
lieben Dank für die schnelle Antwort.
Ist mir eigentlich alles klar, mach ich normalerweise auch so.
Nur hier habe ich ein Problem.
Habe ein externes Stylesheet, das auch angesprochen wird.
Nur wenn ich eine class im News Template definiere,
wird die nicht verwendet. Keine Ahnung warum.
Da muss ich die styles direkt eintragen.
Irgendeine Idee?

Gruß
Elfe

Elfe schrieb

Hallo georg,
lieben Dank für die schnelle Antwort.
Ist mir eigentlich alles klar, mach ich normalerweise auch so.
Nur hier habe ich ein Problem.
Habe ein externes Stylesheet, das auch angesprochen wird.
Nur wenn ich eine class im News Template definiere,
wird die nicht verwendet. Keine Ahnung warum.
Da muss ich die styles direkt eintragen.
Irgendeine Idee?

Gruß
Elfe

wie meinst du das mit dem "nicht ansprechen"? wenn du im template das span class verwendest und im css-file das definierst, dann geht das nicht? cache geleert???

anderer vorschlag:

IM Template selbst das css definieren, im <head>

<style type="text/css">
.test a:hover{
COLOR: green;
}
</style>

und dann unten

<span class="test">###MARKER###</span>

...

Ich denke ich weiss was Elfe für ein Problem hat und hab auch die Lösung dazu:

Du kopierst zuerst mal die Inhalte der Datei res/tt_news_styles.css die du im Extension Manager unter tt_news findest in dein externes Stylesheet. In der tt_news:style.css befinden sich alle nötigen Klassen für die Formatierung.

Wenn du dir dann noch dort die Datei res/tt_news_medialinks.html ansiehst, wirst du merken, dass es sich dabei um ein Template mit Klassen handelt, die nun in deinem externen Stylesheet stehen.

Du kannst nun entweder dein vorhandenes News-Template nach der Vorlage (tt_news_medialinks.html) anpassen, oder diese Datei gleich als Template verwenden.

Ich hoffe das hilft dir weiter ...

Hey,
hört sich ja prima an, werde ich mal versuchen.
Melde mich dann ob´s funktioniert hat.
Aber jetzt schonmal danke für die Tips.

Gruß
Elfe

Hallo,
tja manchmal schlägt einen das Leben mit Blindheit.
Hab mir das Template und das css mal angeschaut.
Ist mir aufgefallen, dass ich einfach meine Klassen
an den falschen Stellen definiert habe.
Umgestellt und schon funktioniert es.
Vielen Dank für den Wink mit dem Zaunpfahl.

Gruß
Elfe

Guten Morgen,
so nun bin´s ich nochmal.
Ich versteh´s einfach nicht.
Habe die Klassen in meinem externen CSS File
definiert. Funktioniert dachte ich mir.
Leider nur in Mozilla und Opera.
Der IE ignoriert die Klassen völlig.
Warum?
Das Template:

<!-- ###TEMPLATE_LATEST### begin
	This is the template for the latest news, typically displayed on a frontpage 
-->

	<div class="news-latest-top">###LATEST_HEADER###</div></br>
	<!-- ###CONTENT### begin
		  This is the part of the template substituted with the list of news: 
	-->
		<!-- ###NEWS### begin 
			Template for a single item 
		-->
			  <div class="news-latest-item">
				
				
				<!--###LINK_ITEM###--><span class="news-latest-title">###NEWS_TITLE###</span><!--###LINK_ITEM###--><br />
				<div class="news-latest-img"><!--###LINK_ITEM###-->###NEWS_IMAGE###<!--###LINK_ITEM###--></div>###NEWS_SUBHEADER###
			  </div>

		<!-- ###NEWS### end-->		
	<!-- ###CONTENT###  end -->
<!-- ###TEMPLATE_LATEST### end -->

CSS File:

/*  tt_news LATEST view */
		   
.news-latest-top, .news-archive-top {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
margin-left: 10px;
margin-right: 10px;
padding-top:1px;
padding-left:5px;
width: 177px;
height:20px;
display:block;
background-color:#90ABFC;
color:#626CA7;
border-top:solid 5px #626CA7;
}
.news-latest-item {
margin-right:10px;
margin-bottom: 10px;
padding-top:10px;
padding:5px;
width: 170px;
		   		
margin-left: 10px;	
clear: both;
border:1px solid #626CA7;
border-top:8px solid #626CA7;
border-bottom:8px solid #626CA7;
background-color:#E3EAFE;
}
		   	.news-latest-item p {
		   		margin-top: 0px;
		   		font-size: 15px;
		   	}
		   	.news-latest-item a:link, .news-latest-item a:visited, .news-list-PBactPage, .news-list-PBpage {
		   		text-decoration: none;
		   		color: #3B4417;
		   		
		   	}
		   	.news-latest-item a:hover, .news-latest-item a:active {
		   		
		   		color:#FF0033;
		   	}
		   	.news-latest-date {
		   		color: #76882D;
		   	}
		   	.news-latest-title {
		   	        
		   		font-weight:900;
		   		color: ##626CA7;
		   		font-family: Tahoma, Arial, Helvetica, sans-serif;
		   		font-size: 16px;
		   		
		   	}
		   	
		   	.news-latest-img {
		   		float: left;
		   		margin-top: 3px;
		   		margin-right: 2px;
		   		font-family: Tahoma, Arial, Helvetica, sans-serif;
		   		font-size: 10px;
		   		width:170px;
	                }
	              /* tt_news SINGLE view  */
		      	.news-single-item {
		      		width: 500px;
		      		font-size: 15px;
		      		color: #000;
		      		margin-left:50px;
		      	}
		      	.news-single-header {
		      		font-size: 20px;
		      		color: #00000;
		      		
		      		border-top:8px solid #626CA7; 
		      	}
		      	.news-single-subheader {
		      		font-weight: bold;
		      		margin-bottom: 15px;
		      	}
		      	.news-single-images-container {
		      		float: right;
		      		width: 200px;
		      		margin-left: 5px;
		      	}
		      
		      	.news-single-images-container img {
		      		/* border: 1px solid #3E551C;*/
		      		margin-bottom: 5px;
		      		float: right;
		      	}
		      	.news-single-category {
		      		margin-bottom: 15px;
		      	}
		      	.news-single-backlink, .news-single-backlink a {
		      		font-weight: bold;
		      		color: #626CA7;
		      		font-size: 14px;
		      		margin-bottom: 15px;
		      		margin-top: 10px;
		      	}
		      	.news-single-timedata, .news-single-imgcaption {
		      		float: right;
		      	}
		      	.news-single-timedata, .news-single-author, .news-single-imgcaption, .news-latest-date, .news-list-imgcaption {
		      		font-size: 9px;
		      	}
		      	.news-single-author {
		      		clear: both;
		      		padding-top: 5px;
		      		margin-bottom: 10px;
		      	}
		      	.news-single-additional-info {
		      		clear: both;
		      		margin-top: 15px;
		      		border-top: 1px solid #626CA7;
		      		padding-top: 5px;
		      		width: 100%;
		      	}
		      	.news-single-additional-info p {
		      		margin: 0px;
		      	}
		      
		      	.news-single-related-header, .news-single-links-header, .news-single-files-header {
		      		font-weight: bold;
		      		color: #626CA7;
		      		font-size: 14px;
	}

Lieben Dank für die Hilfe

Gruß
Elfe

morgen elfe 🙂

wie meinst das, dass sie ignoriert werden?
werden sie auch im source code nicht ausgegeben oder einfach nur umgesetzt???? wär wichtig zu wissen 😉
lg georg

morgen georg,
sie werden einfach ignoriert.
Übrigens wenn ich die Klassen in
der Seite definiere werden sie verwendet.
Aber da die Definitionen auf mehreren Seiten
verwendet werden sollen, müssen sie im externen
Stylesheet stehen.
Andere Definitionen des externen Stylesheets werden
auf diesen Seiten übernommen.
wie z.B. h1 oder a:link oder so.

Gruß
Elfe

Hallo,

ich habe mir den kompletten Inhalt der res/tt_news_medialinks.html
in meine news.tmpl unter den Resources abgelegt.

Soweit werden diese auch angezeigt.
Nun habe ich das Problem, das die css Informationen aus der res/tt_news_styles.css die ich in den Header des Templates kopiert habe, einfach absolut keine Auswirkungen auf das Erscheinungsbild haben.

Kann mir jemand weiterhelfen ??
Bin schon am verzweifeln :-(

Gruß
celeron

Hallo Celeron,

hast du dir mal den Quelltext deine Seite angesehen? Sind dort CSS-Einträge von der tt_news enthalten?

Wenn ja, dann trag mal im Setup-Feld deines Template folgendes ein (fall es nicht schon drinsteht)

plugin.tt_news._CSS_DEFAULT_STYLE >

Gruß

Markus

Hallo Markus,

genau das wars.

Vielen Dank.

Ich wünsche Dir ein schönes Wochenende.

Gruß
Damian