Beitrag # 1 | 16:04 16.07.2012

Über das Thema:

Dieses Thema dient zur Hilfe für uCoz Benutzer, damit sie den überblick über die vielen Standard CSS Klassen haben.
Und was diese Klassen am Design Layout verändern.

Das Thema wird nach und nach Aktualisiert.
Wer Helfen will, kann es gerne tun, meldet euch bitte hierfür bei mir (Kasach).


Forum

Hauptseite des Forum
Verwendete Klassen:
Code
.fNavLink {}
.gTable { }
.gTableTop { }
.gTableSubTop { }
.catLink { }
a.forum { }
.forumDescr { }
.lastPostUserLink { }
.forumLastPostLink { }
.forumLastPostTd { }
a.funLink { }
.funBlock { }
.forumPostTd { }
.forumThreadTd { }
.forumNameTd { }
.forumIcoTd { }
.statsRecord { }
.lastUserLink { }
.gTableBody1 { }
.gTableRight { }


Damit ihr den überblick durch diese ganzen vielen Klassen nicht verliert, habe ich euch einpaar Screenshots angefertigt, damit ihr die Klassen sofort auf einem Blick habt.



Foren Rubrik:
Verwendete Klassen:
Code
.fNavLink {}
.gTable { }
.gTableTop { }
.gTableSubTop { }
.catLink { }
a.forum { }
.forumDescr { }
.lastPostUserLink { }
.forumLastPostLink { }
.forumLastPostTd { }
a.funLink { }
.funBlock { }
.forumPostTd { }
.forumThreadTd { }
.forumNameTd { }
.forumIcoTd { }
.statsRecord { }
.lastUserLink { }
.gTableBody1 { }
.gTableRight { }
.forumNamesBar { }
.forumBar { }
.forumBarA { }
.fFastNavTd { }
.fastNav { }


Screenshot mit den Klassen zur Übersicht:


Anmerkung:
Es wurden nur nur neue Klassen auf dem Screenshot vermerkt, welche bei der Forum Rubrik dazu kommen.
Ansonsten ist der Rest genau so wie bei Forum Hauptseite.


Forum Seite mit den Threads
Verwendete Klassen:
Code
.fNavLink {}
.gTable { }
.gTableTop { }
.gTableSubTop { }
.threadsDetails { }
.forumOnlineBar { }
.threadIcoTd { }
.threadNametd { }
.threadPostTd { }
.threadViewTd { }
.threadAuthTd { }
.threadLastPostTd { }
.frmBtns { }
#frmButns83 { }
.threadAuthorLink { }
.threadLink { }
.threadDescr { }
.switches { }
.pagesInfo { }
.switchActive { }
.curPage { }
.numPages { }
.legendBlock { }
.legendTable { }                   
.legendTd { }
.userRights { }
.fFastNavTd { }
.fastNav { }
.fFastSearchTd { }
.fastSearch { }

Und hier noch einmal ein Screenshot für den Überblick über die vielen CSS Klassen.



Topic mit Beiträgen
Verwendete Klassen:
Code
.forumModerFuncsT { }
.forumModerFuncs { }
.moderOptions { }
.fastNav { }
#modBut2 { }
.fNavLink { }
.gTable { }
.gTableTop { }
.postFirst { }
.postTable { }
.postTdTop { }
.postUser { }
.postNumberLink { }
.postTdInfo { }
.userAvatar { }
.postRankName { }
.postRankIco { }
.postUserGroup { }
.numposts { }
.reputation { }
.repHistory { }
.statusBlock { }
.statusOnline { }
.statusOffline { }
.posttdMessage { }
.eAttach { }
.entryAttach { }
.entryAttachSize { }
.postBottom { }
.postip { }
.postIpLink { }
.postSeparator { }
.fFastNavTd
.fastNav
.fFastSearchTd
.fastSearch


Screenshot für den Überblick über wichtige Klassen:


Antworten, Neues Thema erstellen, Neue Umfrage erstellen
Diesmal führe ich nur die Wichtigen Klassen auf, da die meisten Klassen sich eh schon wiederholen und sich von den anderen Seiten ableiten lassen.
Wichtige Klassen:
Code
.gTableLeft { }
.gTableRight { }
.smilesPart { }
.postNameFl { }
.postDescrFl { }
.postQuestionFl { }
.postPollFl { }
#pollonly { }
#pollmulty { }
#frF9 { }
#frF10 { }
.postTextF { }l
#ahtml { }
#frmt { }
#edited { }
#smon { }
#sgon { }
#sbon { }
#firstontop { }
#isontop { }
#isclosed { }
input.button { }
.uplFileFl { }
.postPreview { }
.postSubmit { }
.postReset { }

Klassen für die BB-Codes:
Code
.codeButtons { }
#i { }
#u { }
#fsize { }
#ffont { }
#fcolor { }
#url { }
#email { }
#img { }
#quote { }
#codes { }
#spoiler { }
#hide { }
#list { }
#cdl { }
#cdc { }
#cdr { }
.codeCloseAll  { }


Screenshot für den Überblick


Wichtig:
Kurze Erläuterung zu der Klasse .gTable, da die auf keinem der Screenshots vorhanden ist.
Diese Klasse dient nur für den Hintergrund sowie der Kontur (border) für die Tabellen.
Anhänge: 5726060.png (40.1 Kb) · 6094341.png (27.9 Kb) · 7862917.png (69.5 Kb) · 0230253.png (32.0 Kb) · 4440404.png (184.9 Kb) · 9508030.png (127.1 Kb)
Neu bei der uCoz Gemeinschaft? Lese unseren Willkommens Thread.