Suche im Forum:
Suchen


Autor Nachricht
Beitrag13.05.2010 um 09:19 (UTC)    
Titel: Button erstellen

Hallo

Ich habe eine Frage,

ich möchte gerne Button > http://img.webme.com/pic/f/free-picture/idukiceblue185x33_11.png

in meiner Menüleiste einbauen, so dass man ihn anklicken kann, dass man auch auf dieser Seite kommt. der Menütext soll ja auch drin stehen.

Wie bekomme ich das hin??
Beitrag13.05.2010 um 10:16 (UTC)    
Titel:

soll das nur für eine seite sein???
______________
mfg
pokemonshow
_______________________________________________
Beitrag13.05.2010 um 19:09 (UTC)    
Titel: Button

Du könntest den Button in der CSS-Datei in der Klasse menü als Grafik mit einem Bildhinterlegen.
Ich würde ja einfach mit DIV-Containern arbeiten.
Einfach
Code:
 <div  id="menu">
<ul>
</li>Hier dein Bild mit dem Link</li>
</li> Das gleiche für die 2te Seite</li>
<li>Und so weiter</li>
</div>


Und dann im Styleseeht die nötigen Infos, wie padding, hover-effekte und so weiter.

Liebe Grüße
BaukastenAktuell
Beitrag14.05.2010 um 00:56 (UTC)    
Titel:

Code:
<style type="text/css"><!--
td.nav{background: url( 1. Bildurl) #0700C4;}td.nav:hover{background: url( 2. bild url) #0700C4;} </style>


das is der richtige
______________
mfg
pokemonshow
_______________________________________________
Beitrag14.05.2010 um 09:52 (UTC)    
Titel:

Leute ich bin Anfänger Very Happy

Mal nicht so kompliziert^^

also würde wenn einen anderen button nehmen,das war ja nur beispiel.
das soll das ganze menü bei mir so sein

oder kann das wer von euch machen?
Beitrag14.05.2010 um 16:32 (UTC)    
Titel:

Hi,

dann mach ichs jezt mal so einfach wie möglich Wink .

Du hast das Design "Butterfly", dass heißt die Grafikdatei muss exakt die Maße 234x28px haben. Wenn du das hast machen wir uns an den Code.

Die buttons haben in deinem design die klasse td.edit_nav_main. Also sieht der Code zuerst einmal so aus:
Zitat:
<style type="text/css">
<!--
td.edit_nav_main {
Hier die Anweisungen
}
-->
</style>
Um den hintergrund zu ändern brauchst du die Anweisung background-image. Also:
Zitat:
<style type="text/css">
<!--
td.edit_nav_main {
background-image:url(http://bildadresse.png);
}
-->
</style>
Wichtig ist jezt vorallem der teil in Klammern. So kommst du an die Bildadresse:

1. Lade die Grafik im Bauksten unter "Eigene Bilder verwalten" hoch.
2. Öffne die Grafik (per Klick auf den Namen).
3. Klicke mit detr Rechten Maustaste auf das Bild. Im Menü dann auf "Eigenschaften" oder "Grafik Eigenschaften" oder auch "Grafikinfo" (zumindest irgendwie so, der name ist in jedem Browser anders)
4. Nun müsstest du einen Punkt "Url", "Adressse" oder "Grafikadresse" (auch in jedem browser anders) vorfinden. Dahinter steht eine Adresse. Markiere und kopiere sie.

Wenn du die adresse hast kannst du sie in den oben genannten Code einfügen. Den Code fügst du dann bei "Text über dem Design" ein. dann nurnoch speichern und fertig. Wink
______________

Beiträge der letzten Zeit anzeigen:   


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