Mitscrollener Button?!

Hallo!

Ich hätte da ne Frage:
Wie kann ich einen mitsrollenden/mitlaufenden Button an der Seite meines Forums erstellen?
Ich hab das mal auf irgendeinem Forum gesehen und hier auch gelesen, wie das geht, kann mich aber nicht mehr daran erinnern wie das heißt.
Ich habe bereits die Suche benutzt

Danke schon im Vorraus!

den css code den du dafür brauchen wirst ist dieser hier:

Code:

.beispiel{
position:fixed
}

den rest müsstest du dir selber ersellen oder einfach mal bei google suchen.

Du kannst auch mal in die Suche "Ecke" eingeben. Da wirst du fündig und dort findest du sogar noch einen Thread in dem beschrieben wird, wie du noch Unterschiedliche Sachen anzeigen lassen kannst.
Versuch es doch einfach mal mit der Suche!

@steive: Danke, ich probiers mal aus, muss nur noch gucken wo der Bildlink eingefügt wird
@Frank: Ich hab in der Suche Button, mitscrollen, mitscrollender Button, mitlaufender Button usw. eingegeben, glaub mir. Kannst du mir nicht einfach den Threadlink geben?!

Ich habe doch geschrieben das du "ecke" suchen sollst!
wer lesen kann ist klar im Vorteil!
https://hilfe.forumieren.com/t19808-feld-entfernen-ecke-oben-rechs-einsetzen-mit-option?highlight=ecke

Was hat denn 'Ecke' und die damit angezeigten Beiträge mit meiner Frage zu tun?
Ich will in meinem Forum an der Seite einem Button, der mitläuft und nichts in irgendner Ecke
Ich kann lesen

Das ist doch das gleiche. Hier musst du nur ein Parameter und die Grafik und den Link ändern, und schon hast du das was du möchtest.
Genau so funktioniert das wie es in dem verlinkten Thread beschrieben ist.

Okee... das übersteigt leider meine Fähigkeiten.
Außerdem wird da ein Feld entfernt... hä???
Soweit ich das verstanden habe, wird da für Gäste und User ein Unterschiedliches Feld, oder Ecke angelegt, ich will nur ein Teil, das am Rand festklebt, sozusagen...
Nicht so eine Startnachricht oder was auch immer du meinst
Ich kapier gar nichts mehr.

Geh mal bitte auf diese Seite:
http://frank.forumieren.de/
schau mal bitte dort links unten ob du da die Beiden Buttons siehst und ob es das ist was du meinst.
Diese Beiden Buttons sind über das Template overall_header eingesetz wurden.
Ich zeige dir nun mal wie ich einen dieser Buttons eingesetzt habe.
Ich habe diesen Code in das Template overall_header ganz am Ende hinzu gefügt:

Code:

<!-- BEGIN switch_user_logged_in -->
<!*****    BEGIN : Sonder-Links mit fester Position  für Eingeloggte User  *****>

<div class="gensmall">

<div style="position: fixed; bottom: 10px; left: 10px; z-index: 10000;">
<a href="../calendar">
<img src="http://i33.servimg.com/u/f33/12/93/72/45/kalend10.png"></a>

</div>

<!*****    END : Sonder-Links mit fester Position  für Eingeloggte User  *****>
<!-- END switch_user_logged_in -->

<!-- BEGIN switch_user_logged_out -->
<!*****    BEGIN : Sonder-Links mit fester Position für Gäste  *****>

<div class="gensmall">

<div style="position: fixed; bottom: 10px; left: 10px; z-index: 10000;">
<a href="../register">
<img src="http://www.abload.de/img/anmeld10ibe7.png"></a>

</div>

<!*****    END : Sonder-Links mit fester Position für Gäste  *****>
<!-- END switch_user_logged_out -->

Ich habe das nun mal mit nur einem Button hier eingestellt.
Nun zur Erklärung:
Durch die Kommentare siehst du das es hier eine Button gibt, der je nach dem ob der User eingeloogt ist oder nicht verschieden Funktionen hat.
Als Beispiel habe ich hier für Gäste den Button "Anmelden" eingesetzt und für die Mitglieder ist das ein Button zum Kalender.
Das ist hier nun die Vortgeschrittenen Version.
Ich denke du erkennst wo die entsprechenden Grafiken und Links eingesetzt werden.
Nun zur Position:
Die Position auf dem Bildschirm wird mit dieser Zeile Festgelegt:
<div style="position: fixed; bottom: 10px; left: 10px; z-index: 10000;">

Die Angabe bottom: 10px; besagt das der Button 10 Pixel vom unteren Bildrand ausgerichtet beginnt. Erhöst du diesen Wert, dann wird der Button immer weiter nach oben verschoben.
Du kannst diese Angabe auch durch:
top: 10px;
ersetzen und dann wird vom oberen Bildrand nach unten ausgegangen.
Die Angabe left: 10px; besagt, das der Button 10 PX vom linken Bildrand ausgerichtet wird.
Erhöst du diesen Wert, dann wird der Button immer weiter nach rechts verschoben.
Du kannst diese Angabe auch durch:
right: 10px;
ersetzen und dann wird vom rechten Bildrand nach links ausgegangen.
Die Angabe z-index wird hier erklärt: --> klick <--. Auf der Seite findest du auch viele weitergehende erklärungen zur Positionierung von Elementen auf einer WEB Seite.
Diese Option kann für dich auch wichtig sein.

Solltest du nun nur einen Button für alle benötigen, ist der Code um einiges kleiner.
Du nutzt dann nur diesen Teil:

Code:

<!*****    BEGIN : Sonder-Links mit fester Position für alle User  *****>

<div class="gensmall">

<div style="position: fixed; bottom: 10px; left: 10px; z-index: 10000;">
<a href="../register">
<img src="http://www.abload.de/img/anmeld10ibe7.png"></a>

</div>

<!*****    END : Sonder-Links mit fester Position für alle User  *****>

Ich hoffe das es nun auch das ist was du wünschst und das ich dir mit dieser Erklärung weiter geholfen habe.

Endlich!
Jetzt bei der Anleitung für doofe hab ichs verstanden **
Danke!
Kannst das glaubich jetzt schließen

An, dann bin ich ja beruhigt. Wenn du dir die Erklärung auf selfhtml mal anschaust und ein wenig herum probierst, dann denke ich das du auch noch einiges mehr entdecken wirst, was hierfür interessant werden kann.

Ich lasse das hier noch bis heute Abend offen, für den Fall falls du noch Fragen dazu haben solltest.
Wenn du es fertig hast, kannst du ja noch mal Bescheid geben und eventuell einen Link zu deiner Seite setzen, wo man sich das noch mal anschauen kann.
Übrigens:
Wenn du den Button nur auf der Startseite haben möchtest und auf den anderen Seiten nicht, kannst du den Einfachen Teil auch bei Nachricht auf der Startseite einsetzen. Du musst dann allerdings die Kommentar Zeilen weglassen.

Es hat funktioniert *freu*
http://isola-die-insel.forumieren.com/
Links an der Seite
Ne, wills schon auf allen Seiten haben, ich hab mal ne Anleitung gesehen, da musste man das für jedes Forum einfügen^^

Hast du die Erklärungen bei Selfhtml.org auch gelesen?
Es kann sein, das das mit älteren Browsern nicht 100% Funktioniert.
Ich weiß auf jeden Fall, das das beim Iphone oder Ipad so nicht funktioniert und das der Button sich dort mit bewegt beim Scrollen.
Das gleiche kann auch bei älteren Browsern und vor allem beim IE der Versionen 6 und 7 der Fall sein.

Edit:
Ich habe es mit dem IE9 dem FF 4 dem Safari und den Chrome Browsern getestet und mit allen Browsern Funktioniert der Button.

Edit 2:
Wenn du hier noch weitere Buttons einsetzen möchtest, dann musst du nur den Teil den du eingesetzt hast kopieren und den mit anderen Parametern noch dazu schreiben.
Durch verschieben der Top Position kannst du dann noch weitere Buttons dort einsetzen.