---
title: "Suche Formatieren"
url: "https://www.typo3.net/d/2755-suche-formatieren"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Frage"]
created: "2003-05-13"
last_reply: "2003-09-11"
replies: 6
solved: false
page: 1
pages: 1
lang: "de"
---

# Suche Formatieren

TYPO3 › TypoScript · 6 Antworten · gestartet 2003-05-13

## Eröffnungsbeitrag

**maka77** · 2003-05-13 · [Beitrag #1](https://www.typo3.net/d/2755-suche-formatieren/1)

Hallo Leute,

ich möchte gerne das Aussehen der "Suche" (Indexed_Search) verändern.
Im TemplateAnalyser habe ich auch schon die nötigen Zeilen gefunden
(siehe unten), leider raff ich noch nicht wie ich das ganze jetzt in mein SETUP Feld schreiben muss. So wie`s hier unten steht verändert sich leider
gar nix. o.O

# Die CSS Formatierung für die Suche
 _CSS_DEFAULT_STYLE (
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; color:#000000; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; color:#000000; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#D6C09D; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; color:#000000; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; color:#000000; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; color:#000000;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color:#ffffff; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#D6C09D; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:absmiddle; }
)

wenn jemand weiss wie man die CSS Eigenschaften ändert ?

fragt sich,
maka77

## Antworten

### [#2](https://www.typo3.net/d/2755-suche-formatieren/2) · sacha · 2003-05-13

kopier diese CSS Angaben einfach in dein Stylesheet:
[/d/463-konfiguration-des-head-bereichs](https://www.typo3.net/d/463-konfiguration-des-head-bereichs)

### [#3](https://www.typo3.net/d/2755-suche-formatieren/3) · maka77 · 2003-05-13

Hi Sacha,

erstmal Danke für die Antwort.
Ich habe für die Seite einen internen CSS Stylesheet definiert und
zwar so:

#**************************
# Internen CSS Stylesheet für den Frame "mainpage" definieren
mainpage.CSS_inlineStyle (
a:link     { font-family:arial; font-size:10pt; color:#000000; text-decoration:none;  }         /* noch nicht besuchte Ziele           */
a:visited { font-family:arial; font-size:10pt; color:#000000; text-decoration:none;  }         /* besuchte Ziele                         */
a:hover  { font-family:arial; font-size:10pt; color:#000000; text-decoration:underline;  }   /* Verweise bei "MouseOver"        */
a:active  { font-family:arial; font-size:10pt; color:#ffffff; text-decoration:none;  }              /* Angeklickte Verweise             */
a:focus   { font-family:arial; font-size:10pt; color:#000000; text-decoration:none;  }         /* Verweise, die Fokus erhalten */

body{scrollbar-arrow-color:#F3E4CC;scrollbar-base-color:#9E796D;scrollbar-shadow-color:#F3E4CC;scrollbar-face-color:#9E796D;scrollbar-highlight-color:#F3E4CC;
	scrollbar-dark-shadow-color:white;	scrollbar-3d-light-color:#9E796D;}

# Die CSS Formatierung für die Suche
.tx-indexedsearch.tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:10px; }
.tx-indexedsearch.tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:10px; }
.tx-indexedsearch.tx-indexedsearch-whatis P.tx-indexedsearch-sw { font-weight:bold; font-style:italic; color:#000000; }
.tx-indexedsearch.tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; color:#000000; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-title { background:#D6C09D; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-title P { font-weight:bold; color:#000000; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; color:#000000; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-descr P { font-style:italic; color:#000000;}
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color:#ffffff; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-info { background:#D6C09D; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-secHead TABLE { background:#cccccc; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-secHead TD { vertical-align:absmiddle; }
)

Aber es klappt nicht! Muss der Stylesheet extern eingebunden werden?
Oder ist die Pfadangabe der Eigenschaften falsch bzw. unvollständig???

fragt sich,
maka77

### [#4](https://www.typo3.net/d/2755-suche-formatieren/4) · maka77 · 2003-05-15

Hallo Leute,

ich habe leider immer noch das Problem das es mit der Formatierung der
Suche nicht funktionieren will. Das steht in meinem SETUP Feld:

#Remove the style definitions for the indexed search from the html-head
#I placed it in the external css instead
plugin.tx_indexedsearch._CSS_DEFAULT_STYLE =

Internen CSS Stylesheet für den Frame "mainpage" definieren
mainpage.CSS_inlineStyle (

# Die CSS Formatierung für die Suche
.tx-indexedsearch.tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:10px; }
.tx-indexedsearch.tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:10px; }
.tx-indexedsearch.tx-indexedsearch-whatis P.tx-indexedsearch-sw { font-weight:bold; font-style:italic; color:#000000; }
.tx-indexedsearch.tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; color:#000000; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-title { background:#D6C09D; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-title P { font-weight:bold; color:#000000; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; color:#000000; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-descr P { font-style:italic; color:#000000;}
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color:#ffffff; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-info { background:#D6C09D; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-secHead TABLE { background:#cccccc; }
.tx-indexedsearch.tx-indexedsearch-res.tx-indexedsearch-secHead TD { vertical-align:absmiddle; } )

wer hat einen heißen Tipp warum das ganze nicht funzen will???

MfG,
maka77

### [#5](https://www.typo3.net/d/2755-suche-formatieren/5) · ray of light · 2003-05-15

servus 8-)
ich glaub ihr solltet das mal von ner anderen Seite angehen.
guckst du hier:

#CSS rein ins SETUP
page.stylesheet = fileadmin/[name].css

#cSet stylesheet ins "Include static"

#CSS styled content **RAUS**

#im stylesheet dann:

[...]
.tx-indexedsearch .tx-indexedsearch-browsebox P A {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-browsebox P A:hover {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-browsebox P A:active {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-browsebox P A:visited {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-browsebox P SPAN.tx-indexedsearch-browsebox-strong {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-browsebox TD.tx-indexedsearch-browsebox-SCell {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-browsebox TD.tx-indexedsearch-browsebox-SCell P {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-browsebox TD.tx-indexedsearch-browsebox-SCell P A {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-browsebox TD.tx-indexedsearch-browsebox-SCell P A:hover {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-browsebox TD.tx-indexedsearch-browsebox-SCell P A:active {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-browsebox TD.tx-indexedsearch-browsebox-SCell P A:visited {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-browsebox TD P {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-browsebox TD P A {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-browsebox TD P A:hover {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-browsebox TD P A:active {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-browsebox TD P A:visited {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-res {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-res P {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-res P A {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-res P A:hover {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-res P A:active {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-res P A:visited {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-res TABLE {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-res TD {
	color:#FFFFFF;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title {
	color:#FFFFFF;
}
[...]

ich hof ich hab dein problem verstanden #paralyzed# :D

### [#6](https://www.typo3.net/d/2755-suche-formatieren/6) · maka77 · 2003-05-15

Hi,

ja, das hat gefehlt:

#cSet stylesheet ins "Include static"

jetzt funkts! Danke.

MfG,
maka77

### [#7](https://www.typo3.net/d/2755-suche-formatieren/7) · shizen · 2003-09-11

> #CSS rein ins SETUP
> page.stylesheet = fileadmin/[name].css
>
> #cSet stylesheet ins "Include static"
>
> #CSS styled content RAUS

CSS in Setup ist klar, aber der Rest
kann mal einer Beispielcode schicken?

Gruß

---

Quelle: „Suche Formatieren“, typo3.net, https://www.typo3.net/d/2755-suche-formatieren
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.