Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag18.12.2009 um 15:00 (UTC)    
Titel: CSS: Ein Menüpunkt hervorheben?

Hi.
Also ich würde gerne in der Mitte meines Menüs einen Link haben der sich von den anderen abhebt also einen Bildlink( am besten auch mit Bild hover).

Ich weiss schlecht wie ich das beschreiben will... hab dann mal ne weile nach allem möglichem gegoogelt und hab das hier gefunden.

http://de.heroes.gpotato.eu/
http://de.flyff.gpotato.eu/

so in etwa wollte ich des auch haben das in der Mitte ein Bildlink ist der anders aussieht und auch nen hover hat... (wie oben schon erwähnt)

Gibt es da iwie nen html/css code ?! ich hab schon verflixt viel gegoogelt aber ich hab einfach nichts gefunden...


Zuletzt bearbeitet von bloodymx am 19.12.2009, 01:14, insgesamt einmal bearbeitet
Beitrag18.12.2009 um 15:39 (UTC)    
Titel: ...

in CSS oder html?
Beitrag18.12.2009 um 15:44 (UTC)    
Titel:

css wäre gut am besten auch den kompletten code weil ich hab noch nahe zu garkeine ahnung von css
Beitrag18.12.2009 um 15:54 (UTC)    
Titel:

Hey

Also wenn du möchtest kann ich dir natürlich auch bei weiteren Deteils helfen. Wenn du möchtest.

So sollte es gehen, du musst nur die Werte noch ergänzen:



Code:

/* Positionierung */
div.menub
{
position: absolute;
z-index: ;
left: %;
top: px;
}
/* Genaue Einstellung Link und Größe */
.menub a
{
background-color: transparent;
background-image: url();
cursor: pointer;
height: px;
weight: px;
}
/* Hover  */
.menu a:hover
{
background-color: transparent;
background-image: url();

Beitrag18.12.2009 um 16:24 (UTC)    
Titel:

also erstmal danke =) du bist aus allen Foren in denen ich bisher gefragt habe der einzige der ne brauchbare Antwort geliefert hat.
muss dich allerdings enttäuschen weil es tut sich gar nichts.

muss ich da nicht noch irgendwo ne URL eingeben ? alles andere hab ich ja soweit verstanden und hin bekommen. ich hab auch nochmal ne neue seite erstellt zum testen ob die das vielleicht übernimmt oder so (man weiß ja nie) aber geklappt hat es nicht.
Beitrag18.12.2009 um 16:31 (UTC)    
Titel: ...

Ja klar musst du den Url eingeben. Sonns tkommt ja nichts Very Happy

Du musst ihn genau da einfügen:
Zwischen den ()
Und left und top sind zur Positionierung da.

background-image: url();


Du kannst mir auch den Link schicken für Hover und Normal Link Bild dann mach ich es dir.


Und was ich vorher noch vergessen hab. Für den Über dem Design berreich:
Zwischen "" Den Link Einfügen
<div id="menub"><a href""></a></div>


Versuch es mal wenn es nicht geh dann hab ich noch eine Andere Idee die geht 100% aber ist umständlicher.
Beitrag18.12.2009 um 16:32 (UTC)    
Titel:

also erstmal danke =) du bist aus allen Foren in denen ich bisher gefragt habe der einzige der ne brauchbare Antwort geliefert hat.
muss dich allerdings enttäuschen weil es tut sich gar nichts.

muss ich da nicht noch irgendwo ne URL eingeben ? alles andere hab ich ja soweit verstanden und hin bekommen. ich hab auch nochmal ne neue seite erstellt zum testen ob die das vielleicht übernimmt oder so (man weiß ja nie) aber geklappt hat es nicht.
Beitrag18.12.2009 um 16:35 (UTC)    
Titel: gib mir mal den Link der Bilder und den Link der Seite wo es

Gib mir mal den url der Bilder und den Link wos hingehen soll. Dan teste ich es nochmal.
Beitrag18.12.2009 um 16:45 (UTC)    
Titel:

ja die könnte ich im zweifelfall auch selber einsetzen. aber naja....

also das ist die url also da hin soll der link mich bringen =)
Arrow http://bloodymx.de.tl/Kapitel.htm

dann das anzeige bild:
Arrow http://img.webme.com/pic/b/bloodymx/lesen.jpg

und das bild das beim hover erscheinen soll:
Arrow http://img.webme.com/pic/b/bloodymx/lesenhover.jpg

hoffe das hilft dir weiter
Beitrag19.12.2009 um 13:45 (UTC)    
Titel:

hat den auch sonst niemand ahnung davon ?
Beitrag19.12.2009 um 14:24 (UTC)    
Titel: ...

Ich weiß das es geht hab früher so mein ganzes Menü gemacht. Aber das war mir hald zu umständlich. Aber ich bekomms einfach nicht mehr hin. Und jetzt hab ich es schon anders gemacht. Aber ich geb mein bestes es wieder zu schaffen.
Beitrag19.12.2009 um 15:10 (UTC)    
Titel:

also du das mit dem menü erwähnt hast ist mir eingefallen das ich ganz früher als ich noch NUR mit html gearbeitet hab mein menü ebenfals so gemacht habe hab leider meine code sammlung nach versehentlichem löschen meines desktops verlohren aber die seite gibt es tatsächlich nioch =)
hab allerdings auch keine ahnung wie ich das gemacht habe ich weiss nur das bei mir immer der ganze <body> bereich mit verschoben wurde.

glücklicher weise hab ich im queltext noch etwas passendes gefunden =)
Code:
<a  href="ZIEL URL"  target="_blank">
  <img  src=" ZU VERLINKENDES BILD"
  width="128"  height="54"  border="1"
  alt=""  />
  </a>


das einzige was daran noch blöd ist das es kein hover gibt,das der body bereich ebenfals verschoben wird, und das die ziel URL immer in einer neuen seite geöffnet wird (soweit ich weiss kann man das ändern wenn man dieses _blank ändert.

naja wollte ich nurmal so sagen vieleicht hilft dir das ja in ihrgenteiner weise weiter


Zuletzt bearbeitet von bloodymx am 19.12.2009, 16:10, insgesamt einmal bearbeitet
Beitrag19.12.2009 um 16:02 (UTC)    
Titel: ..

Ne hilft mir eher nicht weiter. Denn das ist ja nur eine ganz Normal Bild verlinkung die könnte ich dir tonnenweise machen. Aber du willst es ja mit Hover. Und da fallen mir 2 Möglichkeiten ein. Einmal html und ein mal css. Doch komm ich einfach nicth mer drauf wie ich es früher gemacht habe.

Einmal denke ich es mir so:
Code:

#lesen
{
position:absolute;
top: 100px;
left:50%;
margin-left: -89px;
background-color: transparent;
background-image:url(http://img.webme.com/pic/b/bloodymx/lesen.jpg);
width:178px;
height:100px;
z-index: 1;
}
#lesen:hover
{
background-color: transparent;
background-image:url(http://img.webme.com/pic/b/bloodymx/lesenhover.jpg);
}

<div id="lesen"></div>

So würde es ja gehen. Aber eben ohne Link. Und mir fällt nichts ein wie ich es machen sollte. Erst dachte ich einfach den Link einfügen in der div klammer aber das geht nicht. Dann hab ich es versucht es mit einem Durchsichtigen Foto drüber zu machen. Also ein transparentes Bild mit Link drüber stellen. Geht zwar dann ist aber der Hover effect weg.


Und dann gäbs da noch die Methode wie ich es immer gemacht habe früher. Die onmousover on mousout funktion. Aber da bekomme ich den Code nicht mehr zusammen. Und im Netz finde ich auch nichts. Und die Homepage bei der ich es bisher immer hatte hab ich genau vorgestern in Komplett CSS umgewandelt. Und den Code verworfen. Und jetzt kan ich es nicht mehr Sad .

Fals irgendjemand eine ahnung hat. Das wär mein Modell so wie ich es in erinnerung habe. Doch so geht es eben nicht:

Code:
<a href="http://bloodymx.de.tl/Kapitel.htm" onmouseout'this.src="http://img.webme.com/pic/b/bloodymx/lesenhover.jpg"' onmouseover='this.src="http://img.webme.com/pic/b/bloodymx/lesenhover.jpg"' onmouseout'this.src="http://img.webme.com/pic/b/bloodymx/lesenhover.jpg"'></a>



Naja ich hab keinen Plan mehr wie es war. Aber hab es versucht.
Beitrag19.12.2009 um 16:15 (UTC)    
Titel:

mmm okay dann auf jedenfall schon mal danke. ich hab das Gefühl das hiernach niemand mehr auf diesen thread antwortet... aber man weiß ja nie.
Beitrag19.12.2009 um 16:51 (UTC)    
Titel: ...

Tut mir echt leid. Ich weiß das es geht. Und ich weiß acuh ungefähr wie. Aber ich bekomms einfach nicht hin. Sollte ich es doch noch schaffen schreibe ich dir.
Beiträge der letzten Zeit anzeigen:   


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