---
title: "mini news schriftformatierung"
url: "https://www.typo3.net/d/21154-mini-news-schriftformatierung"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS"]
created: "2005-02-12"
last_reply: "2005-02-16"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# mini news schriftformatierung

Allgemein · 5 Antworten · gestartet 2005-02-12

## Eröffnungsbeitrag

**mr.​human** · 2005-02-12 · [Beitrag #1](https://www.typo3.net/d/21154-mini-news-schriftformatierung/1)

hi @ll,

ich bin absoluter newbie, was typo3 angeht. wäre echt super, wenn Ihr mir bei meinen anfängerfragen weiterhelfen könntet.

ich hab auf meiner seite mini news eingerichtet, kriegs aber nicht gebacken, die schrift in den nachrichten zu formatieren.
kann mir vielleicht einer sagen, wie das geht?! wär echt nett.

serz

## Antworten

### [#2](https://www.typo3.net/d/21154-mini-news-schriftformatierung/2) · toyde · 2005-02-13

Hi.
Ich hoffe, du hast ein eigenes CSS-File, oder weisst zumindest, was das ist;p
Rufe einfach mal deine Page auf, und siehe im html-Quelltext nach wie die gewrappten Klassen (z.B. <table class="mininews") heissen.
Hast du beispielsweise dies vorliegen:

```html
<table class="mininews">
<tr><td class="newsheader">blabla Newsübertitel</td></tr>...etc.
```

dann kannst du diese wie gewohnt in CSS mit

```css
.mininews { 
 color: #000000;
 font-weight: bold;
}
.newsheader{
 color: #bbbbbb;
 font-weight: normal;
}
```

ansprechen.
Wie deine Klassen heissen musst du wie gesagt selbst nachschauen.
Bei Fragen, poste deine html-Source, und wir schaun weiter - ok?

greez toyde

P.S.: CSS-Referenz: <http://home.arcor.de/michaels.interface/tutors/css/css.documentation/index.htm>

### [#3](https://www.typo3.net/d/21154-mini-news-schriftformatierung/3) · mr.​human · 2005-02-15

hi,

danke für deine nette und ausführliche antwort :-)

ich habe die css files gefunden und werde jetzt gelcih mal ein bißchen rumspielen.

danke

gruß

### [#4](https://www.typo3.net/d/21154-mini-news-schriftformatierung/4) · toyde · 2005-02-15

> **mr.human schrieb:**
>
> ich habe die css files gefunden und werde jetzt gelcih mal ein bißchen rumspielen.

welche CSS files hast du gefunden ;p?

Baust du nicht deine eigenen CSS-Files ein?
Wäre noch praktisch.
Dies kommt in die Constants deines Root-TypoScript:

```typoscript
### Stylesheet einbinden
content.stylesheet.file = fileadmin/style.css
```

Natürlich kommt das entsprechende CSS-File in deinen Fileadmin.

Arbeitest du lokal? Oder kann man per Link mal deine Arbeit begötzen?

greez toyde

### [#5](https://www.typo3.net/d/21154-mini-news-schriftformatierung/5) · mr.​human · 2005-02-16

hi,

ich bastel seit ein paar tagen (noch) lokal an einer t3 seite für ein studentenwohnheim rum. t3 ist super geil, sofern man sich auskennt ;-)

da ich ja kaum ahnung habe, habe ich für die mini news halt in  .../ext/mininews (oder so) die dortigen css files
geändert.

aber eigene css files wären schöner und ich werde zukünftig sicher nicht dran vorbei kommen.

momentan kämpfe ich damit, beim standart template business im linken menu frame einen hover effect für die navigation hinzubekommen. weißt du zufällig wie das geht? (nachdem ich deine sehr sehr geile seite besucht habe, weiß ich, dass die antwort "ja" lautet)
kannst du, sofern du zeit und lust hast, mir da mal einen tip geben?
wäre nett.

gruß

### [#6](https://www.typo3.net/d/21154-mini-news-schriftformatierung/6) · toyde · 2005-02-16

nana, noch wach:)?

lol - bei deinen lieben Worten und einem quasi Landsmann kann ich nicht nein sagen.

Mein Hover-Effekt ist kein gewöhnlicher. Der ist mit JavaScript gemacht und der Farbübergang gescriptet.
Lass das mal vorneweg:)

Gewöhnliche Hover-Effekte mit CSS erhälst du so. Aufgepasst:

```css
deine html-Ausgabe(*)
--------------------------
....<table class="mininewstable">
<tr>
  <td>
    <a href="domain.land">dies ist ein Link</a>
  </td>
</tr>

Dein CSS-Code im CSS-File:
---------------------------------
/* Configs für MiniNews-Links */
.mininewstable a:link {
 color: #000000;
 text-decoration: underline;
}

.mininewstable a:visited {
 color: #000000;
 text-decoration: underline;
}

.mininewstable a:hover {
 color: #cccccc;
 text-decoration: none;
}

.mininewstable a:active {
 color: #000000;
 text-decoration: underline;
}
```

(*):als Beispiel - musst in deiner Page per Rechtsklick die Klassennamen im Quelltext raussuchen.

Das obige Code-Beispiel lässt sämtliche Links in deiner News-HTML-Tabelle unterstrichen schwarz erscheinen, und beim Maus-Hover werden sie etwas heller und nicht mehr unterstrichen.
Referenz, einmal mehr:
<http://home.arcor.de/michaels.interface/tutors/css/css.documentation/index.htm>
Die Reihenfolge von a:link, a:visited, etc.. im CSS-File scheint für bestimmte Browser nur so zu funktionieren, also halte sie ein.

Also, CSS-Referenz studieren und dabei schlau werden:)

greez toyde

---

Quelle: „mini news schriftformatierung“, typo3.net, https://www.typo3.net/d/21154-mini-news-schriftformatierung
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.