Skocz do zawartości
Serdecznie witamy na Katujemy.eu - Serwery CS 1.6, CS:GO

STARY STYL ŻEGNAMY, WITAMY NOWY!

Zapoznaj się z możliwościami nowego

Zobacz temat

TRWA KONKURS TOP3# SIERPIEŃ

Zapraszamy wszystkich do udziału!

Zobacz temat

FACEBOOK KATUJEMY!

Zapraszamy wszystkich do polubienia naszego fanpage!

Zobacz temat

FILM PROMUJĄCY SIEĆ

Zapraszamy do obejrzenia filmu promującego naszą sieć!

Zobacz temat

Partnerzy

Zaloguj się, aby obserwować  
UltraHD

[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ć  

×
×
  • Utwórz nowe...