Antworten auf deine Fragen:
Neues Thema erstellen

Seitliche Buttons einbinden?

S

Stromer_83

Guest

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

Beispiel:


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

Hat es drauf

AW: Seitliche Buttons einbinden?

Mit welchem Programm bzw cms z.b. Joomla arbeitest Du denn.
Das hier wäre etwas für Dich.

oder schau mal hier


Gruß Bauer_Lindemann
 
S

Stromer_83

Guest

AW: Seitliche Buttons einbinden?

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

Fidelis_jpg

Aktives Mitglied

AW: Seitliche Buttons einbinden?

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:
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:
Code:
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
 
S

Stromer_83

Guest

AW: Seitliche Buttons einbinden?

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

Nicht mehr ganz neu hier

AW: Seitliche Buttons einbinden?

HTML:
<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)
 
S

Stromer_83

Guest

AW: Seitliche Buttons einbinden?

Super, danke es funktioniert!

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

Fidelis_jpg

Aktives Mitglied

AW: Seitliche Buttons einbinden?

HTML:
<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 :D
Bis man alle Möglichkeiten durchdacht hat dauert es immer ein wenig ;)
 
S

Stromer_83

Guest

AW: Seitliche Buttons einbinden?

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!
 
S

Stromer_83

Guest

AW: Seitliche Buttons einbinden?

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.
 
S

Stromer_83

Guest

AW: Seitliche Buttons einbinden?

<!--[if !IE 8]><!--> <img src="" class="bg"> <![endif]-->

Scheint zu funktionieren, nur was passiert mit den älteren IE´s ? :)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.635
Beiträge
1.538.453
Mitglieder
67.557
Neuestes Mitglied
Charal
Oben