Suche im Forum:
Suchen


Autor Nachricht
Beitrag11.01.2011 um 11:55 (UTC)    
Titel: plazieren von Hover Grafiken

Hey,
kann mir vielleicht jemand ein Tutorial zusammenfassen wie man Hover Grafiken freiwild im Design plazieren kann?
Damit ein Button sagen wir mal, oben rum hängt neben dem Logo z.B


Würd mich über eine Antwort vom Support Team freuen oder einen Html kenner =)

Grüße
ED
Beitrag11.01.2011 um 13:23 (UTC)    
Titel: Re: plazieren von Hover Grafiken

evolution-design hat Folgendes geschrieben:
Hey,
kann mir vielleicht jemand ein Tutorial zusammenfassen wie man Hover Grafiken freiwild im Design plazieren kann?
Damit ein Button sagen wir mal, oben rum hängt neben dem Logo z.B


Würd mich über eine Antwort vom Support Team freuen oder einen Html kenner =)

Grüße
ED


Hallo,

könntest du einen Scrennshot reinstellen? Damit man weiß um was es sich dabei handelt!

MfG
Beitrag11.01.2011 um 13:34 (UTC)    
Titel:

Beispiel Link: http://img.webme.com/pic/e/evolution-design/testtesttest.jpg

Hab mal das an deinem Design gemacht, dort oben wo der gelbe Button ist mit der aufschrift Award, so ein button will ich plazieren...

Gruß
______________
Beitrag11.01.2011 um 13:43 (UTC)    
Titel:

evolution-design hat Folgendes geschrieben:
Beispiel Link: http://img.webme.com/pic/e/evolution-design/testtesttest.jpg

Hab mal das an deinem Design gemacht, dort oben wo der gelbe Button ist mit der aufschrift Award, so ein button will ich plazieren...

Gruß


Achso... da kann ich dir leider nicht weiterhelfen, tut mir leid!

MfG
Beitrag12.01.2011 um 18:25 (UTC)    
Titel:

ganz einfach

um etwas frei zu plazieren musst du den Befehl "position:absolute;" angeben.

ein Beispiels-Code dafür wäre dieser:
Css-Code
Zitat:
.box {
position:absolute;
left:50%;
z-index:1;
margin-left:250px;
top:100px; }
Den rot markierten Teil musst du zum plazieren anpassen.

Text überm Design
Zitat:
<div class="box"> Text oder Bild in der Box </div>
Den rot markierten Teil musst du durch den Text oder einem Bild ersetzen.


Wenn du nun auch noch einen Hover-Effekt auf ein Bild anwenden möchtest, wäre die meiner Meinung nach einfachste Variante die Folgende:

CSS-Code
Zitat:
.bild {
width:150px;
height:100px;
background-image:url(Bild-URL); }

.bild:hover {
width:150px;
height:100px;
background-image:url(Hover-URL); }
Die Breite des Bildes einfügen.
Die Höhe des Bildes einfügen.
Durch die URL des ersten (normalen) Bildes ersetzen.
Durch die URL des zweiten (hover) Bildes ersetzen.


Hinweis: Die beiden Bilder sollten die selbe Größe haben!

Ich hoffe du hast alles verstanden Wink

MFG Matz
Beiträge der letzten Zeit anzeigen:   


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