Page 2 of 2

Re: "Suchen" Button in Suche-PlugIn

Posted: Thu Nov 12, 2009 7:33 pm
by onli
Warum {literal}? Sowas gehört in die style.css oder, wenn sie existiert, user.css deines Templates. Dort dann

Code: Select all

.quicksearch_submit_hdmag {
background:url('http://www.hdmag.de/blog/serendipity/templates/default/img/Button-Suchen.jpg');
display:block;
color:#555555;
font-weight:bold;
height:23px;
line-height:29px;
margin-bottom:14px;
text-decoration:none;
width:150px;
}
einfügen, wenn die .class des Buttons geändert wurde. Ansonsten ist es nämlich nur .quicksearch_submit.
Gruß

Re: "Suchen" Button in Suche-PlugIn

Posted: Fri Nov 13, 2009 12:22 am
by JoeF
Gebe ich gerne weiter. Danke, onli!

Joe

Re: "Suchen" Button in Suche-PlugIn

Posted: Fri Nov 13, 2009 9:11 pm
by JoeF
Also, einen letzten, verzweifelten Versuch starte ich noch.

Meine Java-Entwicklerin hat ja die Waffen gestreckt. Da hab ich den CSS-Code von onli mal selber in die "style.css" kopiert und etwas angepasst:

.quicksearch_submit {
background:url('http://www.hdmag.de/blog/serendipity/te ... Suchen.jpg');
display:inline;
border:0;
color:#000000;
font-weight:bold;
height:23px;
line-height:29px;
margin-bottom:74px;
text-decoration:none;
width:150px;
}


http://www.hdmag.de/blog/serendipity/Screens.jpg (sorry, ich kann keine Bilder hochladen hier, warum auch immer)

Jetzt sieht es so aus wie in dem mittleren Bildausschnitt (links original-Button, rechts: so hätte ich es gerne).

Das bedeutet für mich: die alte Button-Definition spuckt mir noch irgendwie rein (Button-Größe, ">"-Zeichen). Wo ändere ich das? Dammich, das kann doch nicht so schwer sein!

Danke für jede Hilfe,
Joe

Re: "Suchen" Button in Suche-PlugIn

Posted: Fri Nov 13, 2009 9:51 pm
by garvinhicking
Hi!

Code: Select all

.quicksearch_submit {
background:url('http://www.hdmag.de/blog/serendipity/templates/default/img/Button-Suchen.jpg');
display:inline;
border:0;
color:#000000;
font-weight:bold;
height:23px;
line-height:29px;
margin-bottom:74px;
text-decoration:none;
width:150px !important;
font-size: 0px;
}
vielleicht?

Grüße,
Garvin

Re: "Suchen" Button in Suche-PlugIn

Posted: Fri Nov 13, 2009 10:16 pm
by JoeF
Hab' ich gemacht.

Jetzt sieht es so aus:
http://www.hdmag.de/blog/serendipity/Screen-neu.jpg :-)

Doppelter Button, ein Punkt kurz vor dem 2. Button und jede Menge Leerzeilen drunter.

Was hat denn Deine Ergänzung veranlasst, dass es jetzt so aussieht?
Joe

Re: "Suchen" Button in Suche-PlugIn

Posted: Fri Nov 13, 2009 11:03 pm
by garvinhicking
Hi!

Noch ein "background-repeat: no-repeat" mit dazu? :)

Für die leerzeilen musst du am margin/padding was ändern. Die Punktfarbe kannst du mit color:white auf quasi unsichtbar kriegen.
Was hat denn Deine Ergänzung veranlasst, dass es jetzt so aussieht?
Du könntest bei SelfHTML dazu mal zum Thema CSS, "important" schauen. Damit überschreibt man eine andere Breitenangabe die für input buttons sonst gilt.

Grüße,
Garvin

Re: "Suchen" Button in Suche-PlugIn

Posted: Sat Nov 14, 2009 12:06 am
by JoeF
Nur zur Info:

Nach viel Herumprobieren gings:

.quicksearch_submit {
background:url('http://www.hdmag.de/blog/serendipity/te ... Suchen.jpg');
display:inline;
border:0;
color:#FFFFFF;
height:23px;
line-height:29px;
margin-top:3px;
margin-bottom:0px;
margin-left:83px;
text-decoration:none;
width:75px !important;
font-size: 0px;
}


Danke an Alle,
Joe