Lexi Help
Die neuesten Themen
» Themen fixieren
von Ray Heute um 5:54

» Mein altes Forum zurückbekommen
von Bigtuber Gestern um 19:18

» [Update] Neues Theme der mobilen Version V2
von Tierfreund-97 Gestern um 17:05

» Begriff : "merken"
von Ray Gestern um 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Gestern um 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

» [phpBB2] Gruppen in der Wer is Online Anzeige "trennen"
von TheRollyJoger Mi 21 Sep 2016 - 10:49

» Yaruma - Fantasy-RPG Forum
von Alketa Di 20 Sep 2016 - 21:34

» [phpBB3] Links automatisch kursiv
von inde Di 20 Sep 2016 - 17:37

» [Invision] Kompletter Css-Codebaum gesucht !
von inde Di 20 Sep 2016 - 13:12

» Filmforum "Dark Movie Dreams"
von Ray Di 20 Sep 2016 - 11:56

Partner
free forum

Mitscrollener Button?!

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Mitscrollener Button?!

Beitrag von Jani^_^ am Do 28 Apr 2011 - 15:02

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 Wink

Danke schon im Vorraus!

Jani^_^
Neuling
Neuling

Weiblich Beiträge : 28
Anmeldedatum : 02.01.10

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Mitscrollener Button?!

Beitrag von steive am Do 28 Apr 2011 - 18:48

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.


steive
Kaiser
Kaiser

Männlich Beiträge : 1056
Hinweis : HTML, CSS, PHP
Anmeldedatum : 21.07.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Mitscrollener Button?!

Beitrag von #Frank am Do 28 Apr 2011 - 19:02

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!



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34500
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Mitscrollener Button?!

Beitrag von Jani^_^ am Do 28 Apr 2011 - 21:28

@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?!

Jani^_^
Neuling
Neuling

Weiblich Beiträge : 28
Anmeldedatum : 02.01.10

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Mitscrollener Button?!

Beitrag von #Frank am Do 28 Apr 2011 - 21:44

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



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34500
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Mitscrollener Button?!

Beitrag von Jani^_^ am Do 28 Apr 2011 - 21:53

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

Jani^_^
Neuling
Neuling

Weiblich Beiträge : 28
Anmeldedatum : 02.01.10

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Mitscrollener Button?!

Beitrag von #Frank am Do 28 Apr 2011 - 23:44

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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34500
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Mitscrollener Button?!

Beitrag von Jani^_^ am Fr 29 Apr 2011 - 10:44

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

Jani^_^
Neuling
Neuling

Weiblich Beiträge : 28
Anmeldedatum : 02.01.10

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Mitscrollener Button?!

Beitrag von #Frank am Fr 29 Apr 2011 - 11:25

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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34500
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Mitscrollener Button?!

Beitrag von Jani^_^ am Fr 29 Apr 2011 - 11:30

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

Jani^_^
Neuling
Neuling

Weiblich Beiträge : 28
Anmeldedatum : 02.01.10

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Mitscrollener Button?!

Beitrag von #Frank am Fr 29 Apr 2011 - 11:36

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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34500
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Mitscrollener Button?!

Beitrag von Jani^_^ am Fr 29 Apr 2011 - 11:41

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^^

Jani^_^
Neuling
Neuling

Weiblich Beiträge : 28
Anmeldedatum : 02.01.10

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Mitscrollener Button?!

Beitrag von #Frank am Fr 29 Apr 2011 - 11:45

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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34500
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten