Skocz do zawartości

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

Polecane posty

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 icon_wink.gif 
*/ 
.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: http://www.przemo.org/phpBB2/forum/viewtopic.php?t=83061

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Gość
Temat jest zablokowany i nie można w nim pisać.
Zaloguj się, aby obserwować  

  • Kto przegląda   0 użytkowników

    Brak zalogowanych użytkowników przeglądających tę stronę.

Dlaczego Jesteśmy legendą?

Katujemy.eu to sieć serwerów Counter Strike nieustannie rozwijająca się dla was od 2014 r. Oferujemy w pełni dopracowane i stabilne serwery, odpowiedzialną oraz zorganizowaną administrację, dzięki której nasze serwery, jak i forum cieszy się bardzo dużą renomą. Dysponujemy ogromną ilością wszelakich trybów rozgrywki co pozwala wam wybrać coś dla siebie. Nie czekaj i dołącz do nas, abyśmy wspólnie tworzyli jedną społeczność graczy.

×
×
  • Utwórz nowe...