Beiträge von Tom

Ich will noch mal eben darauf hinweisen das die Probleme hier nichts mit dem Update zu tun hatten, das kommt hier erst noch

Was sich genau geändert hat, könnt ihr hier nachlesen:

http://www.woltlab.com/forum/allgemein/nachrichten-und-ankündigungen/154879-änderungen-von-burning-board-3-1-1-zu-3-1-2/#post884518

Wir immer empfiehlt es sich erst ein paar Tage mit dem Update zu warten und wenn man die Möglichkeit hat, sollte man vorher erst ein Testsystem mit dem Update beglücken.

Welchen denn? Prinzipiell hab ich aber nichts dagegen.

Ach so, ein Templatefrickler bist du Mach ich bei WP auch immer

Sieht gut aus, gefällt mir, ich werde das auch einbauen und mir eine schöne Headeranzeige zusammenstellen

Die hier haben auch eine Anzeige, aber die stimmt vorne und hinten nicht: http://www.vw-page.at/

Hmm, Javaskript ist immer ein Problem, das kann dirverse Konflikte geben, meiner Erfahrung nach funktionieren Skripte mit einem onload:

<!--
window.onload = function() {
countdown();
}
//-->

nicht im WBB3.1 bzw. legen sie das Stilmenü im Footer lahm.

Musst dir wohl ein anderes suchen, ich hab leider keine Lösung für das Problem.

Man kann halt leider nicht einfach alle möglichen Javaskripte zusammen verwenden.

Sollte doch passen soweit denke ich. Wie hast du das in WP eingebaut, kann man da PHP-Code ohne weiteres in ein Widget einbauen? Oder braucht es da ein Plugin? Ich werde das morgen auch mal in meinem Blog testen

Wobei bei der SpiderID nicht bekannte Spider ja auch als registrierte User durchgehen denke ich, aber die Spambots sind ja immer nur kurz im Forum, von daher wurst.

Es führt kein Weg daran vorbei sich gewisse CSS-Kenntnisse anzueignen, ohne diese, kann man einfach keinen Stil für das WBB3 umsetzen. Ich werde hier im Tutorial auch keinen CSS-Kurs machen, dafür gibt es bei Google genug Wissen das ihr euch aneignen könnt. Eine Seite die man unbedingt kennen muss:

http://www.css4you.de/

Im Unterschied zu einer eigenen Website editiert ihr bei einem Stil fremden Code, das heisst, ihr müsst erst mal die richtigen Stellen, sprich Klassen und IDs finden dir ihr für eure Zwecke braucht.

Dazu gibt es diverse Hilfsmittel, Firefoxuser werden wohl alle Firebug verwenden, Safariuser können die eingebaute Entwickertoolbar verwenden. Daneben gibt es noch richtige CSS-Editorenin Form einer Anwendung, zum Beispiel CSS-Edit.

Was man verwendet ist Geschmackssache, aber das Prinzip ist immer das selbe, man sucht sich die richtige Deklaration heraus.

Alle Tools bieten auch eine wichtige Eingenschaft, das Live-Editing. Das heisst man kann direkt im Browser Herumprobieren wie sich die Änderungen auswirken.

Aber schauen wir uns das nun mal an einem Beispiel an, hier ist die Startseite des Forum mit dem angelegten Aerostil in Safari geöffnet:

Das Bild zeigt uns auch gleich drei wichtige Container:

#headerContainer
#mainContainer
#footerContainer

Ein Klick auf den #headerContainer markiert und den betreffenden Bereich blau, wir wissen also gleich mal welcher Bereich das ist. Rechts werden dann auch gleich mal die wichtigsten Infos angezeigt und welche Parameter eingestellt sind.

Wir sehen dort auch zum Beispiel die Deklaration:

text-overflow: ellipsis;

Texte die zu Lang sind werden also per CSS gekürzt und mit drei Fortsetzungspunkten... gekennzeichnet.

Jetzt können wir uns man den #headerContainer genauer ansehen und entdecken dort einen Container #header. Ein Klick auf ihn und wir sehen dass er zwischen dem Userpanel und dem Mainmenü liegt. Zusätzlich sehen wir Rechts unter anderem die Information das ihm momentan die Farbe rgb(119, 119, 119); zugewiesen ist:

Um das Live-Editing mal zu Testen können wir den Haken rechts mal deaktivieren, wir wir sehen verschwindet der graue Hintergrund:

Um den Header jetzt noch komplett transparent zu bekommen, muss beispielsweise der Rahmen weg, also schauen wir uns mal an wo der Rahmen definiert wird und sehen das dann auch wenn wir weiter Herunterscrollen, hier sehen wir dass der Rahmen mit border-style: solid; festgelegt ist:

Ändere ich das jetzt mal in border-style: none; verschwindet der Rahmen und wir haben einen transparenten Header:

Also weiss ich das ich diese beiden Eigenschaften brauche um den Header transparent zu bekommen und schreibe mir das in die zusätzlichen CSS-Deklarationen im Stileditor rein und speichere das ab:

Lade ich die Seite nun neu, sehe ich das der Header nun transparent ist und beide Eigenschaften mit den neuen Deklarationen überschrieben worden sind:

So weit mal an dieser Stelle, ich denke es ist nun klargeworden wie das mit dem Suchen und dem Definieren von eigenem Code prinzipiell funktioniert.

Hier noch ein Screenshot von CSS-Edit:

Auch hier kann man den Code direkt manipulieren:

Nach dem man mit der Grafikerstellung fertig ist, geht es mit der Vorbereitung zum Coden weiter. Am besten installiert man sich erst mal eine lokale Version der aktuellen Forenversion.

Für Windwos verwendet man am besten XAMPP

und

für MacOS X MAMP

Diese Anwendungen legen einen Webserver inkl. allem benötigten Zubehör auf der eigenen Festplatte an.

Mach dem man sich nun ein lokales Forum installiert hat, navigiert man zum images-Ordner im WCF-Ordner:

Der vollständige Pfad wäre:

Dein Forenordner / WCF / images

Hier legt man nun einen eigenen Ordner an in dem man alle für den Stil benötigten Grafiken reinkopiert, ich habe den mal aero genannt und die Hintergrundgrafiken für den Stil eingefügt:

Als nächstes wechselt ihr in das ACP eurer lokalen Installation und geht dort in die Stileauflistung (Darstellung -> Stile -> Stile auflisten).

Hier schnappt ihr euch den Basicstil und klick auf kopieren:

Dann gebt ihr dem Stil einen eindeutigen Namen und füllt auch die restlichen Felder aus. Anschliessend wechselt ihr auf den Tab Global und gebt unter Speicherort für Grafiken euren Ordnernamen ein den ihr vorhin vergeben habt. Achtet dabei auf die selbe Schreibweise (Klein- und Grossschreibung).

Dann klickt ihr ein mal auf Absenden unten:

Wichtig!

Ihr dürft jetzt keine Änderungen mehr vornehmen, das heisst ein weiteres mal auf Absenden klicken. Ihr wechselt jetzt mit dem Punkt Stile auflisten wieder auf die Übersicht, sucht euch euren neuen Stil und klickt dort auf Bearbeiten:

Erst jetzt könnt ihr den Stil beliebig bearbeiten und so oft auf Absenden klicken wie ihr wollt.

Würdet ihr das machen ohne zuvor in die Auflistung zu wechseln, dann hättet ihr bei jedem weiteren Klick auf die Absendefläche eine weitere Kopie angelegt.

Am besten löscht ihr jetzt noch die Vorschaugrafik raus:

Das wars so weit mal zur Vorbereitung, ab jetzt wird es mit der Stilerstellung ernst.

Versuche es mal mit

"SELECT 
COUNT(*) AS online FROM
FROM 
wcf1_session
WHERE 
userID < 1
ORDER BY 
username ASC"

Das sollte eigentlich ergeben: userID grösser als 1 alphabetisch sortiert. Oder müsste das < 0 sein?

Aber ein ähnliches Skript meinte ich auch in der WCom, passt also.

Hi,

was genau meinst du mit "andere" Seite, eine externe Seite, zum Beispiel im WP-Blog? Esgibt in der WCom irgendwo ein PHP-Schnippsel mit dem du die letzten Beiträge aus der DB auslesen kannst, ich würde sagen damit kannst du das auch realisieren, du müsstest ja nur die Abfrage ändern von letzte Beiträge auf User Online = 1.

Wenn mich nicht alles täuscht ist das sogar von Hawkes, also kein Gammelskript.

Ich werde später auch mal suchen...

Wenn du aber eine andere Forenseite meinst, dann bin ich leider überfragt, das hab ich nun auch schon öfters versucht, aber habs nicht hin bekommen. Bin aber auch nur ein Noob, vermutlich gehts ganz einfach