Forum Internet Service Backes

Bitte loggen sie sich ein oder registrieren sie sich.

Einloggen mit Benutzername, Passwort und Sitzungslänge
Erweiterte Suche  

Neuigkeiten:

Autor Thema: Artikel Suchen Feld Verändern  (Gelesen 2992 mal)

MIB

  • Member
  • ***
  • Offline Offline
  • Beiträge: 18
Artikel Suchen Feld Verändern
« am: 17 April, 2007, 18:16:10 Nachmittag »

Hi Leudz

frage wo kann ich das feld verändern von der artikelsuche? also ich möchte das eingabefeld kleiner haben und eine andere hintergrundfarbe
geht das im stylesheet oder wo muss ich das ändern?

greetz

mib
Gespeichert

MIB

  • Member
  • ***
  • Offline Offline
  • Beiträge: 18
Re: Artikel Suchen Feld Verändern
« Antwort #1 am: 04 Mai, 2007, 22:07:56 Nachmittag »

hi leudz

gibt es keinen hier der sich damit auskennt und mir helfen kann???
Gespeichert

MBa

  • Member
  • ***
  • Offline Offline
  • Beiträge: 49
Re: Artikel Suchen Feld Verändern
« Antwort #2 am: 05 Mai, 2007, 15:14:37 Nachmittag »

Leider änderst Du dann alle CSS-Eigenschaften der linken bzw. rechten Leiste.
Schau mal in 'templates/deinTemplate/boxes/box_search.html' rein.
Gespeichert

frittie

  • Member
  • ***
  • Offline Offline
  • Beiträge: 20
    • Mein Shop
Re: Artikel Suchen Feld Verändern
« Antwort #3 am: 08 Mai, 2007, 09:16:09 Vormittag »

Im Stylesheet sind die Eigenschaften für die Input Eingabefelder global definiert. Wenn du da was veränderst wirkt sich das auf alle Eingabefelder aus, das hast du sicher schon selbst bemerkt.
Das lässt sich aber einfach umgehen.

Öffne deine box_search.html und gebe der Tabellenzelle in dem sich der Input befindet eine ID ( id="search" )

<table width="100%"  border="0" cellpadding="2" cellspacing="0">
   <tr>
      <td valign="middle" id="search">{$INPUT_SEARCH}</td>
      <td id="nob" valign="middle">{$BUTTON_SUBMIT}</td>
       </tr>
</table>


In der stylesheet.css ergänzt du folgendes

#search INPUT {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
border: solid 1px red;
}
Ich habe deinem Suchfeld jetzt mal einen roten Rand verpasst, du kannst hier natürlich deine beliebiegen Eigenschaften wie Hintergrund, Größe, Schrift usw. definieren
Gespeichert
 

User Contact