Jump to content
CzareK

[Poradnik] Jak sprawdzić, co jest czym opisane - css i tpl

Recommended Posts

CzareK

PLIK *.css stylu określa:

/* General font families for common tags */

1. font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }

2. a:link,a:active,a:visited { color : #006699; }

3. p, td { font-size : 11px; color : #000000; }

4. a:hover { text-decoration: underline; color : #DD6900; }

5. hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px; }

1. czcionki główne forum

2. kolor linków

3. wielkość i kolor czcionki na forum nieopisana innymi klasami

4. kolor i format czcionki po najechaniu myszą

5. szerokość linii oddzielającej nagłówek posta od treści, kolor i szerokość oraz format jej obramowania

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* This is the border line & background colour round the entire page */

.bodyline { background-color: #FF0000; border: 2px #008080 solid; }

tło pomiędzy głównymi tabelami forum i jego obramowanie :

4.gif

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* This is the outline round the main forum tables */

.forumline { background-color: #FF0000; border: solid #00FF00 0px; border-top-width: 1px; }

tło tabel i ich obramowanie :

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* Main table cell colours and backgrounds */

td.row1 { background-color: #FF0000; }

td.row2 { background-color: #00FF00; }

td.row3 { background-color: #FFFF00; }

td.row_helped { background-color: #F0EDDE; }

Kolor tła tabel

1. czerwone

2. zielone

3. żółte

4. kolor tematu i posta po użyciu “pomógł”

6.gif

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/*

This is for the table cell above the Topics, Post & Last posts on the index.php page

By default this is the fading out gradiated silver background.

However, you could replace this with a bitmap specific for each forum

*/

td.rowpic {

background-color: #FF0000;

background-image: url('images/cellpic2.jpg');

background-repeat: repeat-y; height: 22px;}

Tabelka na stronie głównej, jej kolor, obrazek tła i powtórzenie tła (czerwona)

7.gif

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* Header cells - the blue and silver gradient backgrounds */

th {

color: #FFFF00; font-size: 11px; font-weight: bold;

background-color: #FF0000; height: 25px;

background-image: url(images/cellpic3.gif);}

Tabelka nagłówkowa , jej font, kolor czcionki, kolor tła, wysokość oraz obrazek tła (tło-czerwone, napis- żółty)

8.gif

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/*

Setting additional nice inner borders for the main table cells.

The names indicate which sides the border will be on.

Don't worry if you don't understand this, just ignore it :-)

*/

td.cat,td.catHead,td.catBottom { background-color: #FF0000; background-image: url('images/cellpic1.gif'); height: 22px; }

th.thHead,th.thSides,th.thLeft,th.thRight,th.thBottom {

font-weight: bold; border: #FFFF00; height: 28px;}

Tabelka z nazwą forum na str głównej :

9.gif

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

th.thCornerL,th.thTop,th.thCornerR {color: #FFFF00; font-size: 70%; font-weight: bold; background-color: #FF0000; background-image: url('images/cellpic3.gif'); height: 28px; }

nagłówek, np ogłoszenia :

10.gif

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

td.row3Right,td.spaceRow { background-color: #FF0000; border: #00FF00; border-style: solid; }

Kolor tła i obramowania tabelki-spacji pomiędzy postami, także w profilu:

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

th.thHead,td.catHead { font-size: 30px; border-width: 0px; }

wielkość czcionki nagłówka, np. szybkiej odpowiedzi:

12.gif

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* The largest text used in the index page title and toptic title etc. */

.maintitle {

font-weight: bold; font-size: 40px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;

text-decoration: none; line-height : 120%; color : #000000;

Czionka nazwy FORUM, jej wielkość, kolor, dekoracja :

13.gif

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* General text */

.gen { font-size : 12px; }

.genmed { font-size : 11px; }

.gensmall { font-size : 10px; }

.gen,.genmed,.gensmall { color : #000000; }

a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }

a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: underline; }

Opisy czcionek oznaczonych klasami gen, genmed i gensmall (dotyczy to np. tekstu ogłoszenia i wielu innych. Trudno określić, których dokładnie, bo występuje ta klasa w wielu miejscach w stylu. Aby sprawdzić, gdzie dokładnie, należy wyedytować pliki stylu i sprawdzić, jaka klasę ma czcionka, której parametry chcemy zmienić. W przyszłości zrobię dokładny spis.

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/*

The register, login, search etc links at the top of the page */

.mainmenu { font-size : 20px; color : #FF0000 }

a.mainmenu { text-decoration: none; color : #FF0000; }

a.mainmenu:hover { text-decoration: underline; color : #DD6900; }

Czcionka w menu (także portalu!)

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* Forum category titles */

.cattitle { font-weight: bold; font-size: 20px ; letter-spacing: 1px; color : #FF0000}

a.cattitle { text-decoration: none; color : #FF0000; }

a.cattitle:hover { text-decoration: underline; }

Czcionka nazw kategorii i np. nagłówka statystyk.

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* Forum title: Text and link to the forums used in: index.php */

.forumlink { font-weight: bold; font-size: 20px; color : #FF0000; }

a.forumlink { text-decoration: none; color : #006699; }

a.forumlink:hover { text-decoration: underline; color : #DD6900; }

Analogicznie jak wyzej, tylko dla linków do for

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */

.nav { font-weight: bold; font-size: 20px; color : #000000;}

a.nav { text-decoration: none; color : #000000; }

a.nav:hover { text-decoration: underline; }

Wygląd nawigacji stron

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* titles for the topics: could specify viewed link colour too */

.topictitle,h1,h2 { font-weight: bold; font-size: 16px; color : #FF0000; }

a.topictitle:link { text-decoration: none; color : #006699; }

a.topictitle:visited { text-decoration: none; color : #5493B4; }

a.topictitle:hover { text-decoration: underline; color : #DD6900; }

Tytuły tematów w widoku forum

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* Name of poster in viewmsg.php and viewtopic.php and other places */

.name { font-size : 18px; color : #FF0000; text-decoration: none}

Nazwa autora, w widoku skrzynki PW oraz nazwa autora posta - nick (ale tylko gościa i userów bez rang)

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* Location, number of posts, post date etc */

.postdetails { font-size : 16px; color : #FF0000; }

Czcionka opisu posta – data i czas napisania, także – opis pod avatarem – dołaczył, ilość postów i ranga słowna.

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* The content of the posts (body of text) */

.postbody { font-size : 20px; line-height: 18px }

a.postlink:link { text-decoration: none; color : #006699 }

a.postlink:visited { text-decoration: none; color : #5493B4; }

a.postlink:hover { text-decoration: underline; color : #DD6900 }

postbody- czcionka treści posta, sygnaturki, postlink - linki w postach:

2.gif

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* Quote & Code blocks */

.code {

font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;

background-color: #FAFAFA; border: #D1D7DC; 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: #444444; line-height: 125%;

background-color: #FAFAFA; border: #D1D7DC; border-style: solid;

border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;

}

Widok w poście pól kodu i cytatu

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* Copyright and bottom info */

.copyright { font-size : 20px; color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; }

a.copyright { text-decoration: none; color : #006699; }

a.copyright:hover { text-decoration: underline; color : #DD6900; }

Czcionka stopki i linku do PA

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* Form elements */

form { margin: 0; }

form { display: inline; }

input,textarea, select {

color : #000000;

font: normal 11px Verdana, Arial, Helvetica, sans-serif;

}

Wygląd formularza

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/*

The text input fields background colour */

input.post, textarea.post, select { background-color : #EFEFEF; }

input.post2, textarea.post2, select { background-color : #DEE3E7; }

input { text-indent : 2px; }

Wygląd pola tekstowego (np pola szybkiej odpowiedzi)

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* The buttons used for bbCode styling in message post */

input.button {

background-color : #EFEFEF;

color : #000000;

font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;

cursor: pointer;

}

Wygląd buttonów bbcode w widoku pisania odpowiedzi, innych, np. wyślij (shoutbox)

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* The main submit button option */

input.mainoption {

background-color: #FAFAFA;

font-weight: bold;

cursor: pointer;

}

Wygląd buttonów potwierdzenia, np „zaloguj”

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* None-bold submit button */

input.liteoption {

background-color: #FAFAFA;

font-weight: normal;

cursor: pointer;

}

Wygląd buttonów z niepogrubioną czcionką,

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/*

This is the line in the posting page which shows the rollover

help line. This is actually a text box, but if set to be the same

colour as the background no one will know ;)

*/

.helpline { background-color: #FF0000; border-style: none; }

Wygląd paska pomocy w widoku odpowiedzi tuż nad polem tekstowym (podpowiedzi dla buttonów, na przykład)

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

/* Highlight bad words for moderators instead of censoring them */

span.badwordhighlight { background-color: #FFFF00; }

Kolor podświetlenia słowa ocenzurowanego, widoczny dla administracji

-------------------------------------- -------------------------------------- -------------------------------------- --------------------------------------

.table0

{

background-color : #EFEFEF;

border-bottom-color : #dedede;

border-bottom-style : solid;

border-bottom-width : 1;

border-left-color : #fefefe;

border-left-style : solid;

border-left-width : 1px;

border-right-color : #dedede;

border-right-style : solid;

border-right-width : 1px;

border-top-color : #fefefe;

border-top-style : solid;

border-top-width : 1px;

color : #000000;

font-size : 10px;

}

Opis wyglądu shoutboxa

Źródło: przemo.org/phpBB2/forum/viewtopic.php?t=83061

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
×
×
  • Create New...