ilch Forum » Ilch Clan 1.1 » Allgemein » suchebox umgestalten ?

Geschlossen
  1. Fr. 15.03.2013 15:48 Uhr #1
    User Pic
    realmac Mitglied
    Registriert seit
    08.05.2009
    Beiträge
    128
    Beitragswertungen
    1 Beitragspunkte
    hey leute... habe jetzt schon öfter gesehen das die suchebox auf vielen seiten anders ausschaut und an das design angepasst wurde... genau das würde auch ich machen wollen finde aber kein tut oder sowas wo ich das lernen kann.
    weiss aber auch nicht wirklich wonach ich suchen soll :/

    und zwar möchte ich das meine suche box nicht einfach ein standart weissen hintergrund hat auf dem man schreiben kann sondern das der zbs durchsichtig ist und man dann schreiben kann... den hg dafür kann ich dann ja einfach in die tabelle zaubern... hoffe ihr versteht was ich meine
    Learning by Doing
    0 Mitglieder finden den Beitrag gut.
  2. Fr. 15.03.2013 15:54 Uhr #2
    User Pic
    mic_pt Mitglied
    Registriert seit
    03.01.2008
    Beiträge
    319
    Beitragswertungen
    19 Beitragspunkte
    Für die Suche gibt es die search.html im Ordner templates und solange du nix löscht was in {} steckt - kannst du dich austoben bis sich die balken biegen.
    0 Mitglieder finden den Beitrag gut.
  3. Fr. 15.03.2013 17:50 Uhr #3
    User Pic
    realmac Mitglied
    Registriert seit
    08.05.2009
    Beiträge
    128
    Beitragswertungen
    1 Beitragspunkte
    die search.htm ist doch lediglich die seite auf der man auskommt... bei meiner frage ging es sich um die box...und der (ich nenne es jetzt mal) "formularblock" in den man den suchbegriff einrägt sollte durchsichtig sein... vielleicht hilft das mehr
    Learning by Doing
    0 Mitglieder finden den Beitrag gut.
  4. Fr. 15.03.2013 18:14 Uhr #4
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    ja du musst die search.php im ordner include/boxes

    bearbeiten ... da ist ein normales html formular
    0 Mitglieder finden den Beitrag gut.
  5. Fr. 15.03.2013 18:19 Uhr #5
    User Pic
    Wizzard26 Mitglied
    Registriert seit
    05.03.2009
    Beiträge
    259
    Beitragswertungen
    33 Beitragspunkte
    Mit deinem Formularblock hast du dir eigentlich schon selber deinen Suchbegriff gegeben.

    Html und CSS Formularfelder Styling, inputfelder.
    Damit kannst du diese dann auch anpassen.


    Greetz Wizz
    0 Mitglieder finden den Beitrag gut.
  6. Fr. 15.03.2013 18:22 Uhr #6
    User Pic
    realmac Mitglied
    Registriert seit
    08.05.2009
    Beiträge
    128
    Beitragswertungen
    1 Beitragspunkte
    danke wizzard lächeln

    //edit ich habe jetzt bei google geschaut aber nichts gefunden was nützlich war... ich weiss nun wie ich die boxen farblich anpasse :/

    ich habe jetzt mal ein beispiel raus gesucht wie ich gerne meine suchebox hätte...

    externer Link

    da ist neben der navi ein suche box und das möchte ich auch so...


    Zuletzt modifiziert von realmac am 15.03.2013 - 19:06:51
    Learning by Doing
    0 Mitglieder finden den Beitrag gut.
  7. Fr. 15.03.2013 23:01 Uhr #7
    User Pic
    mic_pt Mitglied
    Registriert seit
    03.01.2008
    Beiträge
    319
    Beitragswertungen
    19 Beitragspunkte
    sorry hatte ich wohl nicht richtig gelesen ..

    die lupe kannst du z.b. mit 
    <input type="image" src="http://i50.tinypic.com/4ic4tk.png" alt="Absenden">
    in deinen code einfügen und dann das orginal "submit" löscht. die Suchbox kannst du direkt in deinem Design (index in deinem design) mit {_boxes_search} dort hinpacken wo du es haben willst.


    Zuletzt modifiziert von mic_pt am 15.03.2013 - 23:06:32
    0 Mitglieder finden den Beitrag gut.
  8. Sa. 16.03.2013 08:41 Uhr #8
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    ich würde es dem submitbutton zuweisen und zwar als hintergrund grafik
    0 Mitglieder finden den Beitrag gut.
  9. Sa. 16.03.2013 11:57 Uhr #9
    User Pic
    realmac Mitglied
    Registriert seit
    08.05.2009
    Beiträge
    128
    Beitragswertungen
    1 Beitragspunkte
    werde beides gleich mal versuchen !

    //edit

    So habe jetzt rumprobiert und gebastelt aber es klappt einfach nichts...
    ich muss echt dringend php lernen -.-

    hier ist mal der original code...
    <?php
#   Copyright by Manuel
#   Support www.ilch.de


defined ('main') or die ( 'no direct access' );

$suchtpl = <<<HTML
<form action="index.php?search" method="GET">
<input type="text" value="{search}" name="search" size="{size}" /><br />
<input type="hidden" name="in" value="2" />
<input type="submit" value="{_lang_search}" /><br />
</form>
<a href="index.php?search">{_lang_exsearch}</a>
HTML;

$tpl = new tpl ($suchtpl,3);
$tpl->set ('size', 30);
if(isset($_GET['search']))
	$tpl->set ('search', escape($_GET['search'],'string'));
else $tpl->set ('search', '');
$tpl->out(0);

?>


    ich habe nun zwei bilder ...das erste soll der hintergrund für den text sein und der andere der hintergrund für den suche button... -> lupe... beides soll nebeneinander liegen sodas sie ein eingabefeld ergeben...

    die links für die bilder wären dann

    include/designs/macmedia/images/suche_links.png -> eingabefeld
    include/designs/macmedia/images/suche_rechts.png -> Lupe

    kann mir vielleicht nun jemand helfen ?

    P.S. erweiterte suche sollte dann wenn möglich rechts unter der lupe stehen

    Zuletzt modifiziert von realmac am 17.03.2013 - 14:23:37
    Learning by Doing
    0 Mitglieder finden den Beitrag gut.
  10. So. 17.03.2013 17:41 Uhr #10
    User Pic
    realmac Mitglied
    Registriert seit
    08.05.2009
    Beiträge
    128
    Beitragswertungen
    1 Beitragspunkte
    hilfeeee ?^^
    Learning by Doing
    0 Mitglieder finden den Beitrag gut.
  11. So. 17.03.2013 21:05 Uhr #11
    User Pic
    mic_pt Mitglied
    Registriert seit
    03.01.2008
    Beiträge
    319
    Beitragswertungen
    19 Beitragspunkte
    hier hast du erstmal die lupe drin : 

    <?php
#   Copyright by Manuel
#   Support www.ilch.de
 
 
defined ('main') or die ( 'no direct access' );
 
$suchtpl = <<<HTML
<form action="index.php?search" method="GET">
<input type="text" value="{search}" name="search" size="{size}" /><br />
<input type="hidden" name="in" value="2" />
<input type="image" src="http://i50.tinypic.com/4ic4tk.png" alt="Absenden"><br />
</form>
<a href="index.php?search">{_lang_exsearch}</a>
HTML;
 
$tpl = new tpl ($suchtpl,3);
$tpl->set ('size', 30);
if(isset($_GET['search']))
    $tpl->set ('search', escape($_GET['search'],'string'));
else $tpl->set ('search', '');
$tpl->out(0);
 
?>



    hintergrundbild für formularfelder : externer Link
    0 Mitglieder finden den Beitrag gut.
  12. Mo. 18.03.2013 03:17 Uhr #12
    User Pic
    realmac Mitglied
    Registriert seit
    08.05.2009
    Beiträge
    128
    Beitragswertungen
    1 Beitragspunkte
    und wie bekomme ich nun hin das das textfeld durchsichtig ist bzw ne grafik hat ??
    Learning by Doing
    0 Mitglieder finden den Beitrag gut.
  13. Mo. 18.03.2013 03:26 Uhr #13
    User Pic
    mic_pt Mitglied
    Registriert seit
    03.01.2008
    Beiträge
    319
    Beitragswertungen
    19 Beitragspunkte
    CSS nehmen ... Z.b. So:

    <input type="text" value="{search}" name="search" size="{size}" style="background-color:transparent;" /><br />


    Zuletzt modifiziert von mic_pt am 18.03.2013 - 03:27:37
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten