Seitliche Buttons einbinden?

[Stromer_83]

Ich würde gerne auf meiner Seite in paar Buttons an dem Browser Rand einbinden.

Beispiel:
http://www.databecker.de/shop/index.php

Ich weiß das es auf der Seite über eine Software gemacht ist, welche von Data Becker ist, allerdings muss es ja auch ne Möglichkeit geben dieses selbst zu erstellen.
Auf vielen anderen Seiten gibt es ja ähnliches.

Kennt sich von euch jemand damit aus? Ich suche jetzt schon tagelang aber leider ohne Erfolg.

[Bauer_Lindemann]

Mit welchem Programm bzw cms z.b. Joomla arbeitest Du denn.
Das hier wäre etwas für Dich.
http://www.joomlaos.de/Joomla_2.5_Do..._Like_Box.html
oder schau mal hier
http://www.joomlaos.de/Joomla_2.5_Do....5_Module.html

Gruß Bauer_Lindemann

[Stromer_83]

Sorry, hab ich vergessen dabei zu schreiben, DW CS6 habe ich.

[Fidelis_jpg]

Bauer_Lindemann meinte glaube ich eher, mit welchem Webseiten-Template oder welchem Content-Management-System du arbeitest.
Anscheinend codest du aber alles selber ohne Umgebung.

Solche Buttons gehen freilich auch für dich, ist schließlich nur HTML und CSS. (evtl. noch ein bisschen Javascript)

Erstmal würde ich dir raten, die passenden Bilder (+ Hover-Bilder) zu erstellen, oder die Buttons alternativ mit HTML und CSS zu gestalten, was aber schnell beim Schrift-drehen schiefgehen kann, wenn deine Website browserübergreifend funktionieren soll.

HTML:

<div class="button" onclick="javascript:window.location='http://deinlink.de/'"></div>

Mehr Code brauchst du hier nicht!
Die Style-Definitionen der Buttons sehen recht einfach aus:

CSS:

div.button{
  position:fixed;
  right:0px;
  background-image:url('button-normal.png');
}

div.button:hover{
  background-image:url('button-hover.png');
}

So der grobe Aufbau.
Der Button ist also jetzt ein leeres DIV mit Hintergrundbild und einem onlick()-Event, da ein normaler Link hier nicht valide wäre.
Ich habe das jetzt erst geschrieben und dann die Buttons von deinem Link oben untersucht und die dort machen es genau so

Grüße, Fidelis

[Stromer_83]

Jepp alles selbst geschrieben

Danke für die Tipps ich werde das die Tage mal probieren so wie sich die Zeit ergibt und mich dann wieder melden!

Danke

[Tr3icio]

<div class="button" onclick="javascript:window.location='http://deinlink.de/'"></div>

1. Man kann direkt ein <a> nehmen und per CSS display auf block oder inline-block setzen.
2. onclick fügt einen JS Eventhändler hinzu. javascript: reinzuschreiben ist sogesehen falsch/veraltet. (javascript: in Attributen sollte gar nicht mehr genutzt werden, wird aber noch unterstützt, da viele alte Websites/Skripte existieren, die diesen noch nutzen)

[Stromer_83]

Super, danke es funktioniert!

Das Leben kann auch einfacher sein als man denkt ;-)

[Fidelis_jpg]

Zitat von Tr3icio

<div class="button" onclick="javascript:window.location='http://deinlink.de/'"></div>

1. Man kann direkt ein <a> nehmen und per CSS display auf block oder inline-block setzen.
2. onclick fügt einen JS Eventhändler hinzu. javascript: reinzuschreiben ist sogesehen falsch/veraltet. (javascript: in Attributen sollte gar nicht mehr genutzt werden, wird aber noch unterstützt, da viele alte Websites/Skripte existieren, die diesen noch nutzen)

Yup, hast natürlich Recht
Bis man alle Möglichkeiten durchdacht hat dauert es immer ein wenig

[Stromer_83]

Hier das erste Ergebnis

http://www.tholey-wetter.de/test.html

Danke noch einmal!

[Stromer_83]

Ich habe aktuell ein Problem mit dem IE8 (beim 9er gehts)
Wegen dem Hintergrundbild.

Auf der Test Seite von einem Beitrag über diesen kann man das auch feststellen. Die Seite scrollt nur ganz langsam.

Gibt es eine Möglichkeit dem IE8 klar zu machen eine andere CSS Datei zu nehmen? Oder vielleicht kann mir sogar jemand weiterhelfen woran das Problem überhaupt liegt?

Ich bin wirklich ratlos, mein Code ist sicher alles andere als sauber, funktioniert aber bis auf das besagte Problem.


Ich wäre wirklich für Hilfe dankbar!

[simonpicos]

Zitat von Stromer_83

Gibt es eine Möglichkeit dem IE8 klar zu machen eine andere CSS Datei zu nehmen?

Stichwort "conditional comments"

[Stromer_83]

Das scheint ein generelles IE8 Problem zu sein?!

http://www.top-gst.ch/Links_Fe.htm

Da passiert das gleiche wie bei mir.

Also bringt mir leider nur die CSS zu ignorieren nicht viel.
Ganz anderes gefragt.

Hab ich eine Möglichkeit dem IE8 mitzuteilen das er eine Zeile, in meinem Falle

<img src="test.jpg" class="bg">

komplett ignoriert? Dann hab ich zwar bei IE kein Hintergrundbild, aber das wäre ok für mich.

[Stromer_83]

<!--[if !IE 8]><!--> <img src="../grafik/hintergrund_1.jpg" class="bg"> <![endif]-->

Scheint zu funktionieren, nur was passiert mit den älteren IE´s ?