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

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

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

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.

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

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.

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

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.

welcher Teil ist das ich finde den nicht Frank

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

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

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 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 klicken um die Änderung zu veröffentlichen.
Und schon sollte es Funktionieren.

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

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