Style .Css Kodların Anlamları

MiRaT · 29 Ocak 2018

-/* This is used on tables that should just have a border around them. */--
-.tborder---
-{---
-border: 1px solid #5371AD;---
-background-color: #ffffff;---

-cevap: ansayfadi tabloların arasındaki çizgi rengi================================================== ============================0----
/* Alternating backgrounds for posts, and several other sections of the forum. */-
.windowbg-
{-
color: #FFFFFF;-
background-color: #333366;-
}-
.windowbg2-
{-
color: #FFFFFF;-
background-color: #333366;-
}-
.windowbg3-
{-
color: #FFFFFF;-
background-color: #333366;-
}-

cevap: windbog : on.gif on32gif. of.gif gibi resimlerin çerçeve rengini belirler.-
================================================== ===========================-
windbog 2 : anasayfada görülen şu ksımın rengni belirler -
---Son mesaj Gönderen: Efsane Geri Döndü---
Message Icon Ynt: Radyo İle İlgili So...-
Ocak 09, 2007, 10:24:42 ÖÖ-
================================================== =================0-
windbog 3 : şu kısmı alt bölümler (color: #FFFFFF

şu kısım ise tablonun ta kendisi . (background-color: #333366

================================================== ====================-

/* A quote, perhaps from another post. */-
.quote-
{-
color: #CCCCCC;-
background-color: #ff0000;-
border: 1px solid #ff0000;-
margin: 1px;-
padding: 1px;-
font-size: x-small;-
line-height: 1.4em;-
}-

cevap: mesaj yazılan yerin arkapılan rengi filan ayarlanıldğı yer.================================================== ========-

/* Normal, standard links. */-
a:link?-

CEVAP: CLOR RENGİ: LİNKİN TIKLANMADAN ÖNCEKİ HALİ-
================================================== ========================-

a:visited-
{-
color: #000000;-
text-decoration: none; -

cevap:LİNKİN TIKLANDIKTAN SONRAKİ HALİ-

================================================== ==================-

/* Navigation links - for the link tree. */-
.nav, .nav:link, .nav:visited-
{-
color: #0000cc;-
text-decoration: none;-
} -

cevap : ANASAYFADAKİ KÖKDİZİN LİNKLERİNİN RENGİ-
================================================== =====000-
a.nav:hover-
{-
color:#ff0000;-
text-decoration: underline;-
}-

CEVAP : BUDA TIKLADIKTAN SONRAKİ HALİNİ BELİRLER.-
================================================== ============================-

/* By default (td, body..) use verdana in black. */-
body, td, th , tr-
{-
color: #ff0000;-
font-size: small;-
font-family: verdana, sans-serif;-

cevap ROFİL ALANınındaki yazı renkelrini belirler-

================================================== ==================-

/* The main body of the entire forum. */-
body-
{-
background-color: #000000;-
margin: 0px;-
padding: 12px 30px 4px 30px;-
}-

cevap:ARKA PILAN RENGİni belirler-

================================================== ======================-

/* Input boxes - just a bit smaller than normal so they align well. */-
input, textarea, button-
{-
color: #ff0000;-
font-family: verdana, sans-serif;-
}-

cevap: BUTUN RENGİ (ÖRNEK ARA BUTUNU )-

================================================== =========-

/* Selects are a bit smaller, because it makes them look even better 8). */-
select-
{-
font-size: 90%;-
font-weight: normal;-
color: #ff0000;-
font-family: verdana, sans-serif;-
}-

cevap: GİTMEK İSTEDİĞİNİZ YER (forumun en altında)-

================================================== =================-

/* Standard horizontal rule.. ( , etc.) */-
hr, .hrcolor-
{-
height: 1px;-
border: 0;-
color: #ff0000;-
background-color: #666666;-
}-

cevap: DEĞİŞTİR SİL BUTUNLARININ OLDUĞU BÖLGESDEKİ ÇİZGİ RENGİ -

================================================== ==================-

/* definitions for the main tab, active means the tab reflects which page is displayed */-
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last-
{-
background-position: left bottom;-
color: white;-
text-transform: uppercase;-
vertical-align: top;-

}-
.maintab_back, .maintab_active_back-
{-
color: white;-
text-decoration: none;-
font-size: 10px;-
vertical-align: top;-
text-align:center;-
padding: 2px 6px 6px 6px;-
font-family: tahoma, sans-serif;-
font-weight: bold;-
}-

.maintab_first-
{-
background-image: url('images/maintab_first.gif');-
background-repeat: no-repeat;-
width: 10px-
}-
.maintab_back-
{-
background-image: url('images/maintab_back.gif');-
background-repeat: repeat-x-
}-
.maintab_last-
{-
background-image: url('images/maintab_last.gif');-
background-repeat: no-repeat;-
width: 8px-
}-
.maintab_active_first-
{-
background-image: url('images/maintab_active_first.gif');-
background-repeat: no-repeat;-
width: 6px-
}-
.maintab_active_back-
{-
background-image: url('images/maintab_active_back.gif');-
background-repeat: repeat-x-
}-
.maintab_active_last-
{-
background-image: url('images/maintab_active_last.gif');-
background-repeat: no-repeat;-
width: 8px-
}-

/* how links behave in main tab. */-
.maintab_back a:link, .maintab_back a:visited, .maintab_active_back a:link, .maintab_active_back a:visited-
{-
color: white;-
text-decoration: none;-
}-

.maintab_back a:hover, .maintab_active_back a:hover-
{-
color: #e0e0ff;-
text-decoration: none;-
}-
/* definitions for the mirror tab */-
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last-
{-
background-position: left top;-
color: white;-
text-transform: uppercase;-
vertical-align: top;-

}-
.mirrortab_back, .mirrortab_active_back-
{-
color: white;-
text-decoration: none;-
font-size: 9px;-
vertical-align: bottom;-
padding: 6px 6px 2px 6px;-
font-family: tahoma, sans-serif;-
font-weight: bold;-
}-

.mirrortab_first-
{-
background-image: url('images/mirrortab_first.gif');-
background-repeat: no-repeat;-
width: 10px-
}-
.mirrortab_back-
{-
background-image: url('images/mirrortab_back.gif');-
background-repeat: repeat-x-
}-
.mirrortab_last-
{-
background-image: url('images/mirrortab_last.gif');-
background-repeat: no-repeat;-
width: 6px-
}-
.mirrortab_active_first-
{-
background-image: url('images/mirrortab_active_first.gif');-
background-repeat: no-repeat;-
width: 6px-
}-
.mirrortab_active_back-
{-
background-image: url('images/mirrortab_active_back.gif');-
background-repeat: repeat-x-
}-
.mirrortab_active_last-
{-
background-image: url('images/mirrortab_active_last.gif');-
background-repeat: no-repeat;-
width: 8px-
}-

/* how links behave in mirror tab. */-
.mirrortab_back a:link, .mirrortab_back a:visited, .mirrortab_active_back a:link, .mirrortab_active_back a:visited-
{-
color: white;-
text-decoration: none;-
}-

.mirrortab_back a:hover, .mirrortab_active_back a:hover-
{-
color: #e0e0ff;-
text-decoration: none;-
}-

--
-cevapo: burdan butun yapısını üzerine gelince hangi renk çıksın ü-zerine gelemden önce hangi renkte olsun resimin adresi.yeni konu, yanıtla, yeni anket okunmadı say......-
böülümünün rengi üzerine gelince hangi renk gelmeden önce hangi renk olduğu yaarlanır. eğer resim kullanmadan butunu göstermek istiyorum diyosanız örnek olaa (background-image: url('images/mirrortab_active_last.gif') ) bu kısmı siliyoruz bütün hepsinin resim url kısmını siliyoruz daha sonrada renk-
ayarlaması yapıyoruz örneğin. clor: yaznın rengi width: yazının genişliğ , font size yaznın büyüklüğü . şu kısım(font-family: tahoma, sans-serif yaznın türü(arial gibi)---

-================================================== ===========================--

-/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */---
-.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td---
-{---
-color: white;---
-font-style: normal;---
-background-color: #FF8F3D;---
-background-image: url('images/titlebg.jpg');---
-border-bottom: 1px solid #9BAEBF;---
-border-top: 1px solid #B22222;---
-background-repeat: repeat-x;---
-padding-left: 10px;---
-padding-right: 10px---
-}---
-.titlebg, .titlebg a:link, .titlebg a:visited---
-{---
-font-weight: bold;---
-color: white;---
-font-style: normal;---
-}---

-.titlebg a:hover---
-{---
-color: #404040;---
-}---
-/* same as titlebg, but used where bold text is not needed */---
-.titlebg2 a:link, .titlebg2 a:visited---
-{---
-color: white;---
-font-style: normal;---
-text-decoration: underline;---
-}---

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

-/* This is used for categories, page indexes, and several other areas in the forum.---
-.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/---
-.catbg, tr.catbg td, .catbg3, tr.catbg3 td---
-{---
-background-image: url('images/catbg.jpg');---
-background-color: #000000;---
-color: #ffffff;---
-padding-left: 10px;---
-padding-right: 10px---
-}---
-.catbg2, tr.catbg2 td---
-{---
-background-image: url('images/catbg2.jpg');---
-background-color: #A1BFD9;---
-color: #ffffff;---
-padding-left: 10px;---
-padding-right: 10px---
-}---
-.catbg, .catbg2, .catbg3---
-{---
-border-bottom: solid 1px #375576;---
-background-repeat: repeat-x;---
-}---
-.catbg, .catbg2---
-{---
-font-weight: bold;---
-}---
-.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited---
-{---
-font-size: 95%;---
-color: white;---
-text-decoration: none;---
-}---
-.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited---
-{---
-color: white;---
-text-decoration: none;---
-}---
-.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover---
-{---
-color: #ffff66;---

Style .Css Kodların Anlamları

MiRaT

MiRaT