Arkaplan rengini resme çevirme kodu
background-color: #ff3366;Bunla değiştir
background: url(images/resim.gif);Mantık bu.Mesela sitenin arkaplanı renk.Onun yerine resim eklemeye ne dersiniz?
/* The main body of the entire forum. */
body
{
background-color: #000000;
margin: 0px;
padding: 12px 30px 4px 30px;
}
/* The main body of the entire forum. */
body
{
background: url(images/resim.gif);
margin: 0px;
padding: 12px 30px 4px 30px;
}
Ve images'e resim.gif adında resim atmamız yeterli olur.
Yukarıdaki bilgileri paylaştığı için Okan'a teşekkürler.
/* 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 :PROFİ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 . */
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.. ([hr], 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;
text-decoration: underline;
}cevap :burası içinde yuakrıda anlatıklarımın aynısı isterseniz catbgleri iptal eder catbg lerin yerine sitediğiniz resmi gösteririsizn
yukarıda anlatığımcevapo: 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)================================================================================
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #BCBCBC;
padding: 1px;
}Bu kısım forum çerçevesinin rengini belirler.[/b]
Alıntıdır.
