Background bei der Suche

15.01.2008 12:00
#1 Background bei der Suche
Se
Mitglied

Möchte gerne den Background in der Suche (siehe Bild) ändern!
Allerdings weiß ich nicht wo ich dies im Template und in der CSS finde.
Möchte eine hintergrundgrafik verwenden und eine neue class anlegen.
allerdings muss ich die class ja denn noch zuweisen und finde diese im Template nicht!
Bitte um Hilfe!!

Bildanhänge

 Antworten

 Beitrag melden
15.01.2008 12:42 (zuletzt bearbeitet: 15.01.2008 12:43)
#2 RE: Background bei der Suche
Se
Mitglied
hab die betreffende stelle im Template jetzt gefunden (fbot) "Forum Ansicht"
für was allerdings steht diese class?

.fbot input {
background-image:url();
background-color: transparent;
vertical-align:middle;
/* border-width:0px */
}

 Antworten

 Beitrag melden
15.01.2008 12:56 (zuletzt bearbeitet: 15.01.2008 12:58)
avatar  Vitalis
#3 RE: Background bei der Suche
avatar
Profi
nicht ganz... es sind folgende Klassen mit inbegriffen:
.tbot
.fbot a, select

Siehe Screenshot (Rechts sind die entsprechenden deklarationen der CSS abgeschaltet, und dadurch ergibt es die Farbe Weiß, *g*)
man müsste das Dropdown eine eigene Klasse zuweise, um genauer arbeiten zu können.

 Antworten

 Beitrag melden
15.01.2008 13:01 (zuletzt bearbeitet: 15.01.2008 13:01)
#4 RE: Background bei der Suche
Se
Mitglied
eine eigene Class wollte ich dementsprechend auch neu anlegen, allerdings bin ich mir nicht ganz sicher wo genau ich dies im Template dann noch ändern muss!?

 Antworten

 Beitrag melden
15.01.2008 13:23
avatar  Vitalis
#5 RE: Background bei der Suche
avatar
Profi

Admin -> Template -> [edit] -> Thread-flat -> ziehmlich weit unten und das gleich auch bei Thread-threaded

mit Geduld wird es auch was, *g*


 Antworten

 Beitrag melden
15.01.2008 13:24
#6 RE: Background bei der Suche
Se
Mitglied

danke...werd mich mal ransetzen!!!!!


 Antworten

 Beitrag melden
15.01.2008 13:57
#7 RE: Background bei der Suche
Se
Mitglied

um besagtes element zu ändern müsste meine änderunge doch eigentlich wie folgt aussehen!
neue class

.test {
/*Background Selectbox*/
background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16m.png);
text-align: center;
}

änderungen im Template Thread Flat
<tr>
<td colspan="2" class="test">
<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center" class="test">
<tr>
<form method="GET" action="{{forum_jump_link}}" name="jumpforum">
<td align="left" valign="top" class="test" width="50%" NOWRAP>
<select size="1" name="forum" class="test" style="width:70%;padding:0px;position:relative;top:-2px;left:-2px;margin-bottom:-4px">
{{forum_jump_optionfields}}
</select>&nbsp;<a href="javascript:document.jumpforum.submit();">{[name_jump_forum]}</a>
</td>
</form>
<td align="right" class="test" width=50% nowrap>&nbsp;
{{user_registered==true.start}}
<a href="./private_new.php?option=write&to_user={{message:username}}">PM an {{message:username}}</a>&nbsp;
<a href="{{topic_abolink}}">{[thread_abo]}</a>&nbsp;
{{user_registered==true.end}}
</td>
</tr>
</table>
</td>
</tr>
</table>


Template Thread Threaded
</table>
<table width="100%" cellspacing="1" cellpadding="2" border="0">
<tr>
<td colspan="2" class="test">
<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center" class="test">
<tr>
<form method="GET" action="{{forum_jump_link}}" name="jumpforum">
<td align="left" valign="top" NOWRAP class="test">
<select size="1" name="forum" class="test" style="width:70%;padding:0px;position:relative;top:-2px;left:-2px;margin-bottom:-4px">
{{forum_jump_optionfields}}
</select>
<a href="javascript:document.jumpforum.submit();">{[name_jump_forum]}</a>
</td>
</form>

{{user_registered==true.start}}
<td align=right class="test">
<a href="{{topic_abolink}}">{[thread_abo]}</a>&nbsp;
</td>
{{user_registered==true.end}}


Hab ich was vergessen? Anzeige erfolgt nicht so wie gewünscht!!


 Antworten

 Beitrag melden
15.01.2008 15:23
#8 RE: Background bei der Suche
Se
Mitglied

Leute ich brauche immernoch eure HILFE!!
Hab ja jetzt mittlerweile auch rausgefunden das ich nicht alle classangaben (wie obriger Beitrag beschreiben) geändert werden dürfen. Ich möchte nur wie oben im Bild beschreiben den Hintergrund mit neuer class definieren und benötige angaben darüber wo genau ich es im Template einfügen muss ohne die komplette Select Box zu verändern!!


 Antworten

 Beitrag melden
15.01.2008 16:34 (zuletzt bearbeitet: 15.01.2008 16:36)
avatar  Vitalis
#9 RE: Background bei der Suche
avatar
Profi
CSS
.sprungmenue select
{
position:relative;
top:-2px;
left:-2px;
width:70%;
margin:0px 0px -4px 0px;
padding:0px;
background: transparent url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16m.png);
text-align: center;
}



HTML (Flat && Threaded)
<<form method="GET" action="{{forum_jump_link}}" name="jumpforum">
<td align="left" valign="top" width="50%" NOWRAP>
<div class="sprungmenue">
<select size="1" name="forum">{{forum_jump_optionfields}}</select>
&nbsp;<a href="javascript:document.jumpforum.submit();">{[name_jump_forum]}</a>
</div>
</td>
</form>

Nunja, das gibt nur der startflächen den Hintergrund, ansonsten erhält es eine Farbe... nunja... scheint Systembedingt zu sein... Google weiß auch nicht viel mehr...

 Antworten

 Beitrag melden
17.01.2008 23:25
avatar  Merk
#10 RE: Background bei der Suche
Me
Mitglied

Zitat von StarGate
CSS
.sprungmenue select, option
{
position:relative;
top:-2px;
left:-2px;
width:70%;
margin:0px 0px -4px 0px;
padding:0px;
background: transparent url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16m.png);
text-align: center;
}

Einfach das Blaue ergänzen, dann sollte es funktionieren.


 Antworten

 Beitrag melden
18.01.2008 15:48
avatar  Vitalis
#11 RE: Background bei der Suche
avatar
Profi

es funzt nunmal nicht alles bei jedem, evtl. mal nach bestimmten Hinweisen bei CSS-Bibliotheken nachsehen.

Zweitens kann man die "Option" nicht einfach in die gleiche Classe packen, in der schon das Select deklariert ist... ;-)


 Antworten

 Beitrag melden
18.01.2008 22:13
avatar  Merk
#12 RE: Background bei der Suche
Me
Mitglied

In Antwort auf:
es funzt nunmal nicht alles bei jedem
Das mag sein, trotzdem werden die Auswahlmöglichkeiten mit "option" und nicht mit "select" formatiert:
http://www.homepage-total.de/css/auswahl...formatieren.php

In Antwort auf:
Zweitens kann man die "Option" nicht einfach in die gleiche Classe packen, in der schon das Select deklariert ist... ;-)

1.
INPUT,SELECT,TEXTAREA {
/* border-width:1px; */
color: {{global_area3_color}}
}
Auszug aus der Standard CSS-Datei

2. http://jigsaw.w3.org/css-validator/valid...&usermedium=all

3. funktioniert es in meinem Forum ohne Probleme im IE, Opera und Firefox.


 Antworten

 Beitrag melden
18.01.2008 23:28
avatar  Vitalis
#13 RE: Background bei der Suche
avatar
Profi

Gemeint war eigentlich, dass der Inhalt der CSS-Deklaration hier in diesem Fall mit Elementen und Werten belegt ist, welche lediglich nur für das Select sprechen, deshalb wäre es ratsam, entweder die Klasse auszuteilen, oder Option eigenständig zu Deklarieren.


 Antworten

 Beitrag melden
21.01.2008 17:40
#14 RE: Background bei der Suche
Se
Mitglied

Problem wurde jetzt folgendermaßen gelöst. Lösung von BOo°m

.fbot input {
/* was auch immer */
background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-141.png);
background-color:#aaa8a9;
font-size:10;
color: #d1d1d1;
vertical-align:middle;
}


.tbhi td select {
color: #9E7700;
background:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-141.png);
text-align: center;
vertical-align: center;
}

.tbhi td select option{
background:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-141.png);
}


Funktioniert bestens!!


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!