Antwort
 
LinkBack Themen-Optionen Thema bewerten Ansicht
  #1  
Alt 12.10.07, 11:56
Benutzerbild von Rtype
Forum Stammgast
 
Registriert seit: 13.06.07
Beiträge: 140

subheader verlinken und bei rollover unterstreichen


hi, gerne möchte ich die subheader in den tt_news verlinken und bei mauszeiger-kontakt unterstrichen haben, so wie beispielsweise bei ZEIT online

das verlinken hab ich durchs verschieben der marker recht schnell hinbekommen, leider werden die subheader bei mauskontakt aber noch nicht entsprechend unterstrichen. außerdem möchte ich alle links innerhalb der tt_news gerne in schwarz haben, nicht in blau, was die derzeitige per css definierte linkfarbe für die gesamte seite ist.

und noch eine sache: in bestimmten news-plugins steht über der news elber die zugehörige kategorie. möchte die gerne verlinken, und zwar zu einer anderen seite als wenn man auf die überschrift klickt.

wäre klasse wenn mir da jemand weiterhelfen könnte

grüße, anton
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!Spurl this Post!Reddit! Diesen Post bei linksilo.de bookmarken!
Mit Zitat antworten
  #2  
Alt 12.10.07, 11:59
Benutzerbild von just2b  
Registriert seit: 03.11.04
Alter: 25
Beiträge: 2.519

@ rollover > css mit hover

georg
__________________
TYPO3 3.7./3.8.X/4.0.X/4.1.1
just2b.com | Google Maps | SmoothGallery | Das grösste werbefreie TYPO3 Forum typo3.net | Content-Management-Systeme mit TYPO3 & RedDot
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!Spurl this Post!Reddit! Diesen Post bei linksilo.de bookmarken!
Mit Zitat antworten
  #3  
Alt 12.10.07, 12:07
Benutzerbild von Rtype
Forum Stammgast
 
Registriert seit: 13.06.07
Beiträge: 140

kannst du mir ein gutes tutorial nennen, bzgl. typo3 und css, bzw. einbindung von css in typo3?

LG, anton
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!Spurl this Post!Reddit! Diesen Post bei linksilo.de bookmarken!
Mit Zitat antworten
  #4  
Alt 12.10.07, 13:14
Benutzerbild von christiana83
Forum Stammgast
 
Registriert seit: 04.07.06
Ort: Gotha
Alter: 25
Beiträge: 405
christiana83 eine Nachricht über ICQ schicken christiana83 eine Nachricht über Skype™ schicken

Nee, das geht ganz einfach.

Für die Gestaltung deiner Seite bindest du ein oder mehrere CSS im Setup ein über:
Typoscript-Code:
1:
2:
page.stylesheet >
page.includeCSS.file1 = fileadmin/styles/main.css

Du kannst natürlich auch extra noch einen für die tt_news anlegen, z.B.

Typoscript-Code:
1:
2:
3:
page.stylesheet >
page.includeCSS.file1 = fileadmin/styles/main.css
page.includeCSS.file2 = fileadmin/styles/tt_news.css

Deine CSS Dateien speicherst du dann natürlich auch in diesem Verzeichnis.

Dann schaust du dir die HTML- Vorlage der tt_news Extension an. Diese findest du im Verzeichnis "typo3conf/ext/tt_news/pi1". Die HTML Vorlage nimmst du und kopierst sie ins fileadmin.

Im TypoScript bindest du diese dann ein über
Typoscript-Code:
1:
plugin.tt_news.templateFile = fileadmin/newsvorlage.html

Anschließend öffnest du deine Vorlage und gehst in den entsprechenden Marker BEreich, den du auch auf deiner Seite ausgibst (LIST oder LATEST). Dort siehst du , dass um den Titel- Marker folgendes gelegt ist:

HTML-Code:
<!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###-->
Du kopierst dir einfach <!--###LINK_ITEM###--> und legst das um deinen Subheader

HTML-Code:
<!--###LINK_ITEM###-->###NEWS_SUBHEADER###<!--###LINK_ITEM###-->
Damit wäre dein Subheader schonmal verlinkt.

Jetzt brauchst du in dem HTML- Template einfach nur noch eine Klasse um den Subheader:
HTML-Code:
<div class ="meineklasse"> <!--###LINK_ITEM###-->###NEWS_SUBHEADER###<!--###LINK_ITEM###--> </div>
Und schon kannst du den Link formatieren (hover ist für den Effekt, wenn der Mauszeiger drüber fährt)
HTML-Code:
#meineklasse a{}
#meineklasse a:hover {text-decoration:underline;}
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!Spurl this Post!Reddit! Diesen Post bei linksilo.de bookmarken!
Mit Zitat antworten
  #5  
Alt 16.10.07, 02:26
Benutzerbild von Rtype
Forum Stammgast
 
Registriert seit: 13.06.07
Beiträge: 140

hallo
zunächst mal many thanks für diese wirklich ausführliche und in vielen punkten schon jetzt sehr hilfreiche antwort, die wie ich finde sehr schön den ansatz bzgl. einbindung von css erklärt. was mich noch interessieren würde, wenn man die html-datei verschoben und die css-files eingebunden hat, funktionieren diese css-styles dann global für alle tt_news-plugins innerhalb der seite? habe ja inzwischen ansammlung von verschiedenen tt_news-tmeplates, die jeweils für ein oder mehrere plugins stehen und würde gerne ein bestimmtes davon mit css ansprechen und entsprechend modifizieren. allerdings sind das ja tmpl.-dateien, die ich immer nur innerhalb des plugins hochgeladen hab und bisher auch im ftp-uploader noch nciht gefunden habe. und du sagtest ja auch html-datei. hmmmmmmmmm...... na ich werd nochmal schauen, vieleicht hab ich den griff einfach noch nciht richtig geblickt. werds mir morgen wohl nochmal genauer ansehen, frisch und ausgeschlafen usw ;)

grüße aus hannover, anton
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!Spurl this Post!Reddit! Diesen Post bei linksilo.de bookmarken!
Mit Zitat antworten
  #6  
Alt 16.10.07, 08:40
Benutzerbild von christiana83
Forum Stammgast
 
Registriert seit: 04.07.06
Ort: Gotha
Alter: 25
Beiträge: 405
christiana83 eine Nachricht über ICQ schicken christiana83 eine Nachricht über Skype™ schicken

Zitat:
Zitat von Rtype Beitrag anzeigen
hallo
was mich noch interessieren würde, wenn man die html-datei verschoben und die css-files eingebunden hat, funktionieren diese css-styles dann global für alle tt_news-plugins innerhalb der seite?
Da du das CSS meist im Roottemplate einbindest, gilt es für alle Unterseiten, es sei denn du überschreibst dieses auf einer Unterseite mit einem anderen CSS.

Zitat:
Zitat von Rtype Beitrag anzeigen
hallo
habe ja inzwischen ansammlung von verschiedenen tt_news-tmeplates, die jeweils für ein oder mehrere plugins stehen und würde gerne ein bestimmtes davon mit css ansprechen und entsprechend modifizieren. allerdings sind das ja tmpl.-dateien, die ich immer nur innerhalb des plugins hochgeladen hab und bisher auch im ftp-uploader noch nciht gefunden habe.
Ob die "html" oder "tmpl" heißen ist egal. Das CSS funktioniert trotzdem.
Wenn du Template Dateien innerhalb des Plugin hoch lädst, werden die im Verzeichnis "uploads" gespeichert. Das liegt außerhalb vom fileadmin. Du kannst die Dateien auch per TypoScript angeben, dann kannst du sie speichern, wo du es möchtest und findest die Dateien dann auch wieder.

Ein bestimmtes Template kannst du trotz Verwendung von nur einem CSS ansprechen, indem du in diesem Template einfach bestimmte Klassen zuweist, die nur für dieses Template gültig sind, sodass andere News davon unberührt bleiben.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!Spurl this Post!Reddit! Diesen Post bei linksilo.de bookmarken!
Mit Zitat antworten
  #7  
Alt 16.12.07, 17:57
Benutzerbild von Rtype
Forum Stammgast
 
Registriert seit: 13.06.07
Beiträge: 140

hi christiana83

"Ein bestimmtes Template kannst du trotz Verwendung von nur einem CSS ansprechen, indem du in diesem Template einfach bestimmte Klassen zuweist, die nur für dieses Template gültig sind, sodass andere News davon unberührt bleiben."

hast du dafür vieleicht ein beispiel auf lager?

greets, anton
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!Spurl this Post!Reddit! Diesen Post bei linksilo.de bookmarken!
Mit Zitat antworten
Antwort

Lesezeichen

Themen-Optionen
Ansicht Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Gelöst Div um Header + Subheader ab_ms TYPO3 4.x Fragen und Probleme 10 10.12.07 10:19
tt_news: RTE im Subheader / Untertitel? KliM News (tt_news, mininews und Co) 2 11.09.07 12:07
tt_news: html im subheader zefix News (tt_news, mininews und Co) 1 13.06.07 16:33
Formatierungen TITLE und SUBHEADER woof News (tt_news, mininews und Co) 31 17.01.07 10:42
problem mit more link im subheader cbalogh News (tt_news, mininews und Co) 0 20.05.06 22:50


Alle Zeitangaben in WEZ +1. Es ist jetzt 00:23 Uhr.


Powered by vBulletin® Version 3.7.3 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.1.0