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
kopier diese CSS Angaben einfach in dein Stylesheet:
#463
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
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
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# 😃
Hi,
ja, das hat gefehlt:
#cSet stylesheet ins "Include static"
jetzt funkts! Danke.
MfG,
maka77
#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ß