Willkommen Gast. Bitte einloggen oder registrieren.
Haben Sie Ihre Aktivierungs E-Mail übersehen?

Einloggen mit Benutzername, Passwort und Sitzungslänge

 
Erweiterte Suche

7006 Beiträge in 1153 Themen- von 598 Mitglieder - Neuestes Mitglied: gandalf

07-10-2008, 12:30:14
faqboard.info - SupportforumFree Servicesforum-gratis.deAnregungenForentemplates selbst gestalten
Seiten: [1]   Nach unten
Drucken
Autor Thema: Forentemplates selbst gestalten  (Gelesen 1473 mal)
Draic
Newbie
*
Offline Offline

Beiträge: 30


Profil anzeigen
« am: 22-06-2007, 11:34:30 »

Grüß Euch,

wer von Euch hat schonmal Forentemplates für sein YABB-Forum selbst gestaltet? Ich habe es vor kurzem versucht und man kann sehr viel verändern. Ein Beispiel seht ihr hier: Das Grenzhaus.

Leider ist das Forum immer noch mit Tabellen aufgebaut, was schade ist. Toll wäre, wenn alle Elemente einfach mit DIV-Containern und Klassen versehen wären und die lästigen Tabellen wegfallen würden. Das würde totale Gestaltungsfreiheit geben. Zudem wäre das Forum dann unter Umständen sogar W3C-valide.

Trotzdem, seht Euch mein Beispiel mal an und postet hier, falls ihr ähnliche Versuche gestartet habt, das Forum anzupassen. Die Ergebnisse würden mich interessieren.

Servus, Draic
Gespeichert
Support Team
Jr. Member
**
Offline Offline

Beiträge: 97



Profil anzeigen WWW
« Antwort #1 am: 22-06-2007, 19:04:20 »

Also das Template ist echt geil Wink Respekt.
Das mit Tabellen geht halt viel einfacher, deswegen ist das im Forenserverersteller auch so eingebaut worden, aber ich werde es weiter geben.
Gespeichert

Mit freundlichen Grüßen
Ihr Baumedia Support Team
Draic
Newbie
*
Offline Offline

Beiträge: 30


Profil anzeigen
« Antwort #2 am: 25-06-2007, 02:12:17 »

Hi,

Danke für das Kompliment und danke, dass meine Anregungen weitergegeben werden. Würde mich echt freuen, wenn das ein kleiner Ansporn wäre, das YABB-Forum in diese Richtung weiter zu entwickeln. Es gibt vermutlich kaum ein anderes Forum, dass sich in der Form eines Gratis Anbieters trotzdem in einem derartigen Ausmaß anpassen lässt, schlichtweg durch die Möglichkeit der CSS-Befehle. Diese Stärke sollte man ausbauen.

Besonders toll wäre es, wenn nicht nur die Tabellen durch DIV-Container ersetzt und viele weitere Elemente mit Klassen ausgestattet, sondern der Inhalt auch in mehrere Bereiche aufgespalten würde. Somit gäbe es nicht mehr nur <yabb uname>, <yabb im>, <yabb time>, <yabb position>, <yabb menu>, <yabb main> und <yabb copyright> sondern zB. auch <yabb newmember>, <yabb calendar>, <yabb onlinemembers>, <yabb countdown>, <yabb news>, ... usw.
Das würde sicherlich nicht allzuschwer herzustellen sein und brächte ein ungeahntes Maß an Gestaltungsfreiheit! Wer damit nicht umgehen kann, hat ohnehin bereits jetzt vorgefertigte Templates angewandt, hier sollte also kein großes Problem herrühren. Sollte es bereits jetzt mehr als die oben genannten vorhandenen Boardbereiche geben, dann wäre es toll, diese zu erfahren!

Achja, etwas benutzerfreundlichere URLs wären auch ganz nett, aber das ist eine andere Geschichte und ist dank Lesezeichen und der Möglichkeit durch Suchmaschinen wieder gefunden zu werden nicht ganz so tragisch.

Zudem hoffe ich immer noch auf ein paar weitere Template-Beispiele, bei denen man einen oder auch ein paar Schritte weiter als bei den Standard-Templates gegangen ist...

Servus, Draic
« Letzte Änderung: 29-07-2007, 11:20:58 von Draic » Gespeichert
Bardock
Newbie
*
Offline Offline

Beiträge: 12


Profil anzeigen WWW
« Antwort #3 am: 01-01-2003, 04:43:12 »

Wenn du dich so gut damit auskennst, könntest du doch genau beschreiben wie du das gemacht hast. Ich will sowas auch haben, nur hab ich keine Ahnung wie.
Gespeichert

Draic
Newbie
*
Offline Offline

Beiträge: 30


Profil anzeigen
« Antwort #4 am: 29-07-2007, 11:23:45 »

Hi,

eigentlich wurde nur alles Tabellendesign das entfernt werden konnte aus dem Template gelöscht, danach wurde das Template mit anständigen DIV-Containern wieder aufgebaut. Leider kann man im Hauptbereich nichts ändern, weshalb hier immer noch unnötiges Tabellendesign vorkommt. Zudem macht einem der Validierungscode bei der Anmeldungsseite einen Strich durch die Rechnung, wenn man XHTML-Strict statt Transitional verwenden will.

Servus, Draic
« Letzte Änderung: 14-09-2007, 11:11:01 von Draic » Gespeichert
Bardock
Newbie
*
Offline Offline

Beiträge: 12


Profil anzeigen WWW
« Antwort #5 am: 13-09-2007, 15:34:12 »

Keine Chance also für mich hab keine Ahnung davon. sad
Gespeichert

basti
Master of Disaster
Administrator
Hero Member
*****
Offline Offline

Beiträge: 2904



Profil anzeigen WWW
« Antwort #6 am: 13-09-2007, 19:03:58 »

Na dann wird es Zeit das zu lernen Wink
Gespeichert

Draic
Newbie
*
Offline Offline

Beiträge: 30


Profil anzeigen
« Antwort #7 am: 14-09-2007, 10:48:11 »

Hi,

wie man mit richtigem CSS und XHTML umgeht kann ich natürlich jetzt nicht so im Kurzen erklären, aber vielleicht erstelle ich ja in nächster Zeit mal ein oder zwei Templates für alle Yabb-Benutzer. Was ich allerdings machen kann ist, ein paar Tipps betreffend der Optimierung des Yabb-Forums zu geben, denn hier kann man noch vieles herausholen!

Favicons
Um ein eigenes Favicon in sein Forum zu bringen muss man lediglich bei der Template-Eingabe folgenden Code in den Head-Bereich der Seite einbinden:

Code:
<link rel="shortcut icon" href="favicon.ico" />

Statt favicon.ico gibt man dann den Link zum Ort an dem das Favicon liegt an. Da man bei Forum-Gratis natürlich keine Dateien hochladen kann, muss man das anderenorts machen. Ich habe dazu den Dienst MyFavatar genutzt. Man lädt einfach ein 16x16 Pixel großes BMP oder GIF hoch, trägt Angaben zu seinem Forum in der Rubrik Blog ein und erhält einen Link zu seinem Favicon. Das sieht dann beim einzubindenden Code ungefähr so aus:

Code:
<link rel="shortcut icon" href="http://favatar.myfavatar.com/User.ico" />


Bilder einbinden
Um Bilder einzubinden muss man diese selbstverständlich ebenfalls online verfügbar machen. Da Forum-Gratis keinen Speicher dafür zur Verfügung stellt muss man sich anderweitig behelfen. Hier helfen Bilderdienste:

Eine schöne Auflistung mehrerer Bilderdienste im Web: Dr. Web: Free Image Hosting

Meine bevorzugten Bilderdienste:
Bilder hochladen (Schönes Interface und einfache Bedienung)
Bild Hoster (erlaubt auch Gif- und Png- Bilder mit Transparenz)
Photobucket (Möglichkeit Flash-Fotogalerien zu erstellen)


Meta-Tags
Meta Tags sind im Großen und Ganzen ausgestorben, doch eine Meta-Angabe lebt immer noch und zwar der Beschreibungs- (Description-) Tag. Bindet also unbedingt einen solchen Tag in den Head-Bereich Eures Forums ein, um in Suchmaschinen wie Google eine brauchbare einleitende Beschreibung anzeigen zu lassen Nützlich ist auch noch die Angabe der Seitensprache, deshalb gebe ich diese gleich mit an.

Code:
<meta name="description" content="Hier kommt Eure Beschreibung rein." /> <!-- Beschreibungstext -->

<!-- Meta-Angaben nach Dublin Core -->
<meta name="DC.Description" content="Hier kommt Eure Beschreibung im Kurzen nochmal rein." /> <!-- Kurzbeschreibung des Dateiinhalts -->
<meta name="DC.Language" content="de" /><!-- Sprache des Inhaltes -->


Einbinden von Google-Analytics
Umfangreiche Statistiken für Euer Forum-Gratis Board? Ja auch das ist hier möglich. Meldet Euch bei Google an und richtet in Google-Analytics ein Konto ein. Dieses gibt euch dann die genauen Angaben, welchen Code ihr wo in euer Template einbauen müsst. Danach könnt ihr bei Google-Analytics sehr detailreiche Statistiken über die Nutzung Eures Boards beziehen. Dieser Service wird nun seit einiger Zeit kostenlos von Google angeboten!


Ich hoffe ich konnte ein wenig weiterhelfen, vielleicht schreibe ich hier in Zukunft noch weitere Tipps und Tricks zusammen. Wenn ihr Euch vielleicht ein paar Inspirationen holen wollt schaut Euch auch einfach mal den Quellcode von Das Grenzhaus an, oder klickt Euch durch die frei zugänglichen Bereiche um Euch die Anpassungsmöglichkeiten anzusehen. Sicher habe ich auch noch nicht alles ausgereizt, was das Board hergibt, aber ich habe es zumindest versucht.

Servus, Draic
« Letzte Änderung: 15-09-2007, 09:53:10 von Draic » Gespeichert
Seiten: [1]   Nach oben
Drucken
Gehe zu: