Kleines Prop mit dem 'suchen' Button

chanir

ich habe folgendes prop:

ich würde gerne diesen button

Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.

gegen diesen tauschen

Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.

leider habe ich nicht den gringstem schimmer wie ich das anstellen soll.

ob ewtl einer von den 'fachleuten' mir sagen kann wo ich den finde und was ich machen muß um den neuen an die selbe stelle zu bekommen.

Theme ist WordPress Standard DE-Edition 1.6 / Kubrick

vielen dank schon mal für die hilfe!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Morris

Du mußt im Suchformular "einfach" den Submit-button durch ein Bild ersetzten und dann dem onlick-Attribut mittels JavaScript die aktion zum absenden des formulars übergeben.

siehe
http://de.selfhtml.org/html/formulare…s.htm#grafische
http://de.selfhtml.org/javascript/spr…ler.htm#onclick
http://de.selfhtml.org/javascript/objekte/forms.htm#submit

Grüße
Mo

spickzettel

Javascript ist eigentlich nicht nötig. Zumindest in den gängigsten Browsern funktioniert auch:

Code

#sidebar #searchsubmit {
    border:none;
    width:40px;
    height:43px;
    background:url(deinbutton.jpg) no-repeat center;
}

in der style.css

chanir

ich hab das beides mal versucht, weder das eine noch das andere funzt !?!?!?

was könnte ich da falsch machen?

Morris

Eine Menge. Stell doch einfach den relevanten Code hier mal rein, damit wir ihn uns ansehen können.

Grüße
Mo

spickzettel

Fuer deinbutton.jpg muss natürlich der passende Dateiname eingesetzt werden. Vielleicht liegts ja daran :-)

chanir

yep, des is ne gute idee, also:

der neue button:

http://blog.chanir.de/wp-content/uploads/pfeil1.jpg

und so schaut das in der style.css aus:

Code

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}


#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}


#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}


#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}


#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}


ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}


#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */






/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}


#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}


#sidebar #searchsubmit {
	padding: 1px;
	}

Alles anzeigen

hier die searchform.php:

HTML

<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
<div><input type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Suchen" />
</div>
</form>

anscheinend raff ichs ma wieder nicht :oops:

Morris

Entschuldige, ich habe mich nicht präzise genug ausgedrückt. Ich meinte den relevanten, von dir angepassten, nicht funktionieren Quelltext. Also die Versuche die du unternommen hast.

Grüße
Mo

chanir

den hab ich raus gemacht:

Code

#sidebar #searchsubmit {
	padding: 1px;
	}

dafür den rein:

Code

#sidebar #searchsubmit {
    border:none;
    width:40px;
    height:43px;
    background:[url]http://blog.chanir.de/wp-content/uploads/pfeil1.jpg[/url] no-repeat center;
}

vieleicht sehe ich auch den wald vor lauter bäumen nicht :(

Morris

Vergleich doch mal was hier steht und was du geschrieben hast. Du hast einfach einen Fehler im Code.

Grüße
Mo

chanir

ich bekomms ned hin, irgenwie will hier nix klappen :MAD:

kann mir vieleicht jemand den richtigen code hier posten, jeden mist hab ich geschaft aber des bringt mich zu verzweifeln.

spickzettel

Code

background:url(http://blog.chanir.de/wp-content/uploads/pfeil1.jpg) no-repeat center;

muss es heißen.

chanir

so, alles klar :-D

ich habs hinbekommen, vielen dank an euch für die hilfe!!

no64

....zu welcher Lösung bist Du gekommen - das würde mich auch interessieren :)

Statt dem "Suchen" Button eine Grafik einsetzen, ich habe das so gemacht:

PHP

<input class="simage" type="image" id="searchsubmit" src="<?php bloginfo('template_directory'); ?>/images/searchIcon.png" alt=""/>

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Kleines Prop mit dem 'suchen' Button

Jetzt mitmachen!