Dark Eldo

Siema. Ponieważ niektórzy mają problem z prostymi modyfikacjami stylów to coś postaram się naskrobać na ten temat. Co potrzebne nam będzie ?? Trochę czasu, podstawowa znajomość html, program do edycji plików (osobiście korzystam z PitPada), obsługa programów graficznych (typu photoshop bądź gimp) albo grafik, jakiś program, który umożliwi nam instalacje forum na localu (WAMP, obsługa).
Ok to zaczynamy zabawę.
1. Instalujemy WAMPa oraz konfigurujemy.
2. Ściągamy silnik forum i go instalujemy.
3. Musimy znaleźć styl, który chcemy troszkę zmienić. Na początek szukajcie taki, z którym nie będzie dużych problemów.
4. Po ściągnięciu i zainstalowaniu stylu zabieramy się do zmiany cellpicków, headera, przycisków, ikon... Aby je zmienić należy wejść do .../nazwa stylu/images. To tutaj znajdują się wszystkie pliki graficzne. Aby się zbytnio nie bawić patrzymy jaki format ma np logo. Robimy nowe zapisując je w takim samym formacie oraz nazwa musi być koniecznie taka sama. Następnie podmieniamy nowy plik z już istniejącym. Na stronie sprawdzamy czy wszystko się zgadza. podobnie postępujemy z innymi elementami z folderu images.
5. Jeżeli chcemy zmienić czcionkę, kolor czcionki należy edytować plik nazwa_stylu.css. No i tu zaczynają się schody ponieważ trzeba już troszkę więcej wiedzieć. Postaram się troszkę objaśnić poszczególne klasy zawarte w stylach kaskadowych.

background-color: #E5E5E5; - kolor tla forum gdzie "#E5E5E5" jest to kolor zapisany kodem szesnastkowym. Zamiast koloru możemy dać obrazek. Aby to zrobić należy użyć background-image: url(ścieżka do obrazka);

font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif } Są to główne czcionki na forum

a:hover { text-decoration: underline; color : #ffffff; } Kolor czcionki po najechaniu na nią (dotyczy linków)

.bodyline { background-color:#353535; } Odpowiada z kolor tła.

td.row1 { background-color: #474747; }
td.row2 { background-color: #474747; }
td.row3 { background-color: #474747; }
td.row4 { background-color: #474747; }
td.row_helped { background-color: #474747; } Odpowiada z tło wewnątrz tabel na forum (kategorie forum itp)

th {
color: #FFFFFF; font-size: 11px; font-weight : bold;
background-color: #474747; height: 30px;
background-image: url(images/cellpic.gif);
} Belka z napisami " Forum", "Ostatni post ", "Tematy"

td.cat,td.catHead,td.catSides,td.catLeft,td.catRig ht,td.catBottom {
background-image: url(images/cellpic1.gif);
background-color:#474747; border: #474747; border-style: solid; height: 28px;
} Jest to belka z kolejnym cellpickiem, która oddziela poszczególne działy na forum

.mainmenu { font-size : 11px; color : #FFFFFF }
a.mainmenu { text-decoration: none; color : #FFFFFF; margin-top:17px; padding-left:3px; padding-right:3px; }
a.mainmenu:hover { text-decoration: none; color : #3d4952; padding-top:22px; padding-bottom:19px; padding-left:3px; padding-right:3px; }
Odpowiada za formatowanie nagłówka forum

.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #ededed;
background-color: #474747; border: #ffffff; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ededed; line-height: 125%;
background-color: #474747; border: #ffffff; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
} Fragment ten odpowiada za tło, kolor czcionki podczas cytowania czy kodowania
Jest to tylko kilka wybranych fragmentów

Myślę, że wymieniłem te ważniejsze elementy. Ogólnie jest ich więcej ale to już sami zobaczycie metodą prób i błędów.
Jeżeli coś jest nie jasne to piszcie. Postaram się to wytłumaczyć. Opisałem to myślę, że w miarę zrozumiale. Kto zna podstawy html powinien zrozumieć o co chodzi w danej klasie. Co do WAMPa to możecie robić wszystko na jakimś hoście ale na localu jest o wiele szybciej.
Autorem jest Trzycha