Suche im Forum:
Suchen


Autor Nachricht
Beitrag01.01.2010 um 16:37 (UTC)    
Titel: Buttons erstellen

Ich habe dummerweise mein Buttonsbild gelöscht. Nun möchte ich gerne wieder neue Button einbauen, habe aber keinen Schimmer mehr, wie das funktioniert. Zumal würde ich gerne von Euch wissen, welche Art und Farbe Button ich einbauen sollte. Ich hatte an grasgrün wie die Koboldmütze gedacht....
Beitrag01.01.2010 um 16:47 (UTC)    
Titel:

Was die Farbe Deines neuen Buttons angeht, mußt Du selber rausfinden, was am Besten aussieht.

Der neue Button benötigt eine Größe von 185 x 33 px.

In Deinem Quelltext steht das hier:

Zitat:
<style type="text/css">
<!--
td.nav{text-decoration: none; color:#000000; width: 185px;height: 33px;background-image:url(http://img.webme.com/pic/k/kobolde-von-der-rothenburg/sample5-hov.gif);}
body { background-color:#B6849A;}</style>


Bild hochladen (Häkchen bei "Verkleinern" raus) und dann einfach die oben stehende URL im Quellcode ersetzen.

lg
______________

Zitat: "Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber beim Universum bin ich mir noch nicht ganz sicher"


Zuletzt bearbeitet von the-ghost-of-hamish am 01.01.2010, 17:47, insgesamt einmal bearbeitet
Beitrag01.01.2010 um 19:34 (UTC)    
Titel:

nun habe ich es geschafft zumindest neue Buttons auf meinen HP zu bekommen. Aber ich hätte diese gerne nur in dem grün, was vorne ist,wie kann ich es umschreiben?
Beitrag01.01.2010 um 19:35 (UTC)    
Titel:

Das geht nur mit einem Bildbearbeitungsprogramm. Du müßtest die Buttons dort bearbeiten und neu hochladen bzw. neue Buttons erstellen.

Im Code kannst Du die Farbe der Buttons nicht verändern, weil es ja Bilder sind.

lg
______________

Zitat: "Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber beim Universum bin ich mir noch nicht ganz sicher"
Beitrag01.01.2010 um 21:07 (UTC)    
Titel:

ich kann also theoretisch jedes x-belibige bild auf 185 x 33 px. verkleinern und als button verwenden? wenn ja wäre lieb wenn mir einer erklären kann was und wo der quellcode ist und wie ich dort was ändere. das obenstehende ist leider größtenteils zu hoch für mich^^
______________
<a href="http://www.pic-upload.de/view-4110547/banner_giger.jpg.html" target="_blank"><img src="http://www4.pic-upload.de/01.01.10/ys6mj6t8k6x.jpg" border="0" alt="Bilder hochladen"></a>
Beitrag01.01.2010 um 21:21 (UTC)    
Titel:

Um Bilder zu bearbeiten, benötigst Du ein Bildbearbeitungsprogramm (Photoshop, Photoshop Elements, PhotoImpact = alles kostenpflichtig) oder Gimp (kostenlos).

Dann erstellst oder veränderst Du mit diesem Programm einen Button, lädst ihn bei Dir hoch und fügst die URL dieses Buttons in den Quellcode ein (dort, wo jetzt die URL der grünen Buttons drin ist).

lg
______________

Zitat: "Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber beim Universum bin ich mir noch nicht ganz sicher"
Beitrag01.01.2010 um 21:47 (UTC)    
Titel:

also bilder einfach verkleinern auf die besagte größe und als .jpg speichern bz. hochladen funktioniert nicht. okay ich google mal nach Gimp. dankeschön Smile
______________
<a href="http://www.pic-upload.de/view-4110547/banner_giger.jpg.html" target="_blank"><img src="http://www4.pic-upload.de/01.01.10/ys6mj6t8k6x.jpg" border="0" alt="Bilder hochladen"></a>
Beitrag01.01.2010 um 22:13 (UTC)    
Titel:

wieso funktioniert das nicht? Das bild (darf nicht urheberrechtlich geschützt sein) muß eine Größe von 185 x 33 haben.

Wenn Du es hochlädst, dann mußt Du aber den Haken bei "Verkleiner" rausnehmen.

Mach das mal und gib mir dann die Bild URL bitte, dann schau ich mal.

lg
______________

Zitat: "Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber beim Universum bin ich mir noch nicht ganz sicher"
Beitrag01.01.2010 um 22:27 (UTC)    
Titel:

doch? hörte sich so an als ob nicht hehe

ich mach mal grad ein bild zur probe fertig
______________
<a href="http://www.pic-upload.de/view-4110547/banner_giger.jpg.html" target="_blank"><img src="http://www4.pic-upload.de/01.01.10/ys6mj6t8k6x.jpg" border="0" alt="Bilder hochladen"></a>
Beitrag01.01.2010 um 22:36 (UTC)    
Titel:

so das ist die URL^^

http://img.webme.com/pic/m/meine-giger-collection/button1.jpg
______________
<a href="http://www.pic-upload.de/view-4110547/banner_giger.jpg.html" target="_blank"><img src="http://www4.pic-upload.de/01.01.10/ys6mj6t8k6x.jpg" border="0" alt="Bilder hochladen"></a>


Zuletzt bearbeitet von meine-giger-collection am 01.01.2010, 23:40, insgesamt einmal bearbeitet
Beitrag01.01.2010 um 22:40 (UTC)    
Titel:

Der erste Link geht natürlich nicht, das ist kein Bildlink!

Der zweite geht, kannst es auf meiner Seite anschauen. Warum lädst Du es nicht beim Baukasten hoch? Designgrafiken würde ich nie extern hochladen, wenn dort mal der Server down ist, dann ist Dein Design für diese Zeit ebenfalls ruiniert.

Edit: Ah ja, selber gemerkt mit dem Link Wink

lg
______________

Zitat: "Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber beim Universum bin ich mir noch nicht ganz sicher"


Zuletzt bearbeitet von the-ghost-of-hamish am 01.01.2010, 23:41, insgesamt einmal bearbeitet
Beitrag01.01.2010 um 22:45 (UTC)    
Titel:

hehe ja das hab ich grad noch selbst hinbekommen LOL

ja das sieht doch perfekt aus. also genau so ebenfalls mit weisser schrift würde ich das gerne haben. allerdings weiss ich noch nicht wo der quelltext ist den ich ändern muss und welchen code ich genau eingeben muss. bzw. ich denke mal der der hier weiter oben steht nur mit meiner URL oder?
______________
<a href="http://www.pic-upload.de/view-4110547/banner_giger.jpg.html" target="_blank"><img src="http://www4.pic-upload.de/01.01.10/ys6mj6t8k6x.jpg" border="0" alt="Bilder hochladen"></a>
Beitrag01.01.2010 um 22:48 (UTC)    
Titel:

Ganz genau! Unter "Design einstellen", "erweiterte Einstellungen", "Text über Design" suchst Du folgende Stelle:

Zitat:

<style type="text/css">
<!--
td.nav{text-decoration: none; color:#000000; width: 185px;height: 33px;background-image:url(http://img.webme.com/pic/k/kobolde-von-der-rothenburg/sample5-hov.gif);}
body { background-color:#B6849A;}</style>


Die URL ersetzt Du dann mit Deiner Baukasten-URL, wo Du das Bild ja inzwischen auch hochgeladen hast.

lg
______________

Zitat: "Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber beim Universum bin ich mir noch nicht ganz sicher"
Beitrag01.01.2010 um 22:55 (UTC)    
Titel:

jawoll! so einfach ist das^^ vielen dank (mal wieder ^^)

ich hoffe ich nerve nicht zu viel aber eine kleinigkeit hab ich noch. der hover effekt ist zur zeit Rot. gibts einen code um anstelle des Rot ein weiteres bild mit dem hover effekt anzuzeigen?
______________
<a href="http://www.pic-upload.de/view-4110547/banner_giger.jpg.html" target="_blank"><img src="http://www4.pic-upload.de/01.01.10/ys6mj6t8k6x.jpg" border="0" alt="Bilder hochladen"></a>
Beitrag01.01.2010 um 22:59 (UTC)    
Titel:

Diesen Code suchen:

Zitat:

td.nav:hover {
background-color:#cc0000;
background-image:url();
border:1px solid #000000; }


und ersetzen durch diesen:

Zitat:

td.nav:hover{
background-image:url(BILD-URL);
background-repeat:no-repeat;
background-color:#XXXXXX;
width:185px;
height: 33px;
}


lg
______________

Zitat: "Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber beim Universum bin ich mir noch nicht ganz sicher"
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de