Lexi Help
Partner
www.forumieren.com

Wie funktioniert dieses "Wer ist online" ?

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Wie funktioniert dieses "Wer ist online" ?

Beitrag von terra-outlaw am So 1 Aug 2010 - 3:21

Hallo,

Irgend ne Idee wir das Genie diese "Wer ist Online" Anzeige gezaubert hat ?

http://www.never-utopia.com/

Grüße, Lukas.

terra-outlaw
Kaiser
Kaiser

Männlich Beiträge : 1340
Hinweis : Rauenberg - Kraichgau
keine
Anmeldedatum : 07.08.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wie funktioniert dieses "Wer ist online" ?

Beitrag von Gast am So 1 Aug 2010 - 6:29

Das ist lustig ... voll schief das Ding Laughing
Hinweiß: Ist aber nicht zu sehen mit den IE.

Gast
Gast


Nach oben Nach unten

Re: Wie funktioniert dieses "Wer ist online" ?

Beitrag von amti am So 1 Aug 2010 - 10:27

Sieht aber toll aus und wenn man mit der Maus drüber fährt, ist es wieder gerade - Zauberer!

amti
Lehrling
Lehrling

Weiblich Beiträge : 158
Hinweis : Austria
Anmeldedatum : 19.10.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wie funktioniert dieses "Wer ist online" ?

Beitrag von LouiXIV am So 1 Aug 2010 - 11:00

Ist wohl eine Mozilla-Funktion:

Normal:
Code:
#qeel {
-moz-transform:rotate(8deg);
padding-top:50px;
}
Mousover:
Code:
#qeel:hover {
-moz-transform:rotate(0deg);
padding-top:50px;
}

Und mit Sicherheit nicht mit BB3 gemacht Wink

LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Hinweis : kommt ab und zu aus dem OFF hervor
Anmeldedatum : 22.03.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wie funktioniert dieses "Wer ist online" ?

Beitrag von #Frank am So 1 Aug 2010 - 11:14

Das ist so gemacht, das für die "Wer ist online Tabelle" einen neue CSS Class erstellt wurde und diese dann mit dem Befehl:
-moz-transform
verschoben.
So wie Loui schon geschrieben hat. Allerdings ist das nicht alles.
Die Tabelle muss im Template dann noch entsprechend Umformatiert werden.
Ich habe das mal schnell bei mir im Testforum gemacht:
http://frank2.forumieren.de/

Aber wie immer:
Das Funktioniert nicht mit dem IE !
Der größte M.. der je existiert hat.
Die verschließen sich solchen Sachen.
Deshalb müssen die auch für ihren M... so viel Werbung machen.



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
Admin a.D.
Admin a.D.

Männlich Beiträge : 34547
Hinweis : Admin außer Dienst
Anmeldedatum : 13.08.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wie funktioniert dieses "Wer ist online" ?

Beitrag von Itachorin am So 1 Aug 2010 - 13:05

Ich find eig. nur cool das mit der Maus wie wird das gemacht Smile?

Itachorin
Lehrling
Lehrling

Beiträge : 80
2. Verwarnung
Anmeldedatum : 31.07.10

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wie funktioniert dieses "Wer ist online" ?

Beitrag von terra-outlaw am So 1 Aug 2010 - 13:09

Hey Leute vielen Dank für die schnelle Klärung des Sachverhalts.

Ist schon ne tolle Option, nur wie gesagt sehr schade, dass IE Nutzer immer außen vor bleiben würden.

Liebe Grüße, Lukas.

terra-outlaw
Kaiser
Kaiser

Männlich Beiträge : 1340
Hinweis : Rauenberg - Kraichgau
keine
Anmeldedatum : 07.08.09

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wie funktioniert dieses "Wer ist online" ?

Beitrag von #Frank am So 1 Aug 2010 - 20:28

@Itachorin schrieb:Ich find eig. nur cool das mit der Maus wie wird das gemacht Smile?

Wie das mit der Maus gemacht ist, steht oben in Loui's Antwort.
Dort ist es der Teil mit dem zusatz "hover". Der weicht von dem anderen Teil ab, so das bei einem Mouseover die Drehung zurückgenommen wird.
Wenn du im oberen Teil bei "rotate(8deg)" den Winkel erhöhst, dann kannst du die Tabelle auch auf den Kopf stellen.
Die Beiden Codes von oben müssen in das CSS eingetragen werden und dann muss im Template "index_body" die Tabelle für die Online Liste die Class "qeel" erhalten.



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
Admin a.D.
Admin a.D.

Männlich Beiträge : 34547
Hinweis : Admin außer Dienst
Anmeldedatum : 13.08.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wie funktioniert dieses "Wer ist online" ?

Beitrag von Infernity Feather am Mo 2 Aug 2010 - 21:13

welcher Teil ist das ich finde den nicht Frank

Infernity Feather
Neuling
Neuling

Beiträge : 29
Anmeldedatum : 02.08.10

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wie funktioniert dieses "Wer ist online" ?

Beitrag von #Frank am Di 3 Aug 2010 - 12:44

Bitte genau lesen, was ich oben geschrieben habe. Ganz so einfach ist da nicht zu machen.



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
Admin a.D.
Admin a.D.

Männlich Beiträge : 34547
Hinweis : Admin außer Dienst
Anmeldedatum : 13.08.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wie funktioniert dieses "Wer ist online" ?

Beitrag von Infernity Feather am Di 3 Aug 2010 - 17:32

Ähm muss ich da alles was mit Online zu tuhen hatt auf qeel setzen? bei mir hatts irgendwie einmal nciht geklappt^^

Infernity Feather
Neuling
Neuling

Beiträge : 29
Anmeldedatum : 02.08.10

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wie funktioniert dieses "Wer ist online" ?

Beitrag von #Frank am Di 3 Aug 2010 - 19:26

Wir machen es nun mal nach meiner Methode, sonnst findest du das nie.
Also wenn du das hier in dein CSS eingesetzt hast:
Code:
.wio {
-moz-transform: rotate(4deg);
padding-top: 10px;
}

.wio:hover {
-moz-transform: rotate(0deg);
padding-top: 10px;
}
dann kommen wir zum zweiten Teil der Änderung.
Du öffnest das Template:
index_body
zum bearbeiten durch einen Klick auf das zahnrad hinter dem Template.
In dem Template suchst du nun diesen Teil:
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
das ersetzt du nun durch diesen Teil hier:
Code:
<!-- BEGIN disable_viewonline -->
<table class="wio" width="100%" border="0" cellspacing="1" cellpadding="0">
Danach auf Absenden klicken und im nächsten Fenster hinter dem Template auf das plus klicken um die Änderung zu veröffentlichen.
Und schon sollte es Funktionieren.



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
Admin a.D.
Admin a.D.

Männlich Beiträge : 34547
Hinweis : Admin außer Dienst
Anmeldedatum : 13.08.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wie funktioniert dieses "Wer ist online" ?

Beitrag von Infernity Feather am Di 3 Aug 2010 - 19:59

okay danke Frank ich habe es ausprobiert und es hatt geklappt^^

Infernity Feather
Neuling
Neuling

Beiträge : 29
Anmeldedatum : 02.08.10

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wie funktioniert dieses "Wer ist online" ?

Beitrag von #Frank am Di 3 Aug 2010 - 20:30

Du kannst den Winkel der Verschiebung noch verändern in dem du den CSS Code oben noch änderst:
-moz-transform: rotate(4deg)

-moz-transform: rotate(180deg)
Stellt das komplette Feld auf den Kopf;)

--Closed--



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
Admin a.D.
Admin a.D.

Männlich Beiträge : 34547
Hinweis : Admin außer Dienst
Anmeldedatum : 13.08.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten