06-09-2015, 11:22 AM
Evet arkadaşlar Style.css dosyasındaki kodların ne işe yaradıklarını açıklamaya çalıştım.
/* Normal, standard links. */
a:link
{
color: #xxxxxx;
text-decoration: none;
}
a:visited
{
color: #xxxxxx;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
color: #xxxxxx;
}
link= forumda yazılan linklerin rengi
visited= link tıklandıktan sonraki rengi
hover= mause link'in üstündeyken rengi
bunlara renkgini degiştirmek için ( color: #xxxxxx ) kısmını değiştiriyoruz.
text-decoration: yazıların altını, üstünü, üzerini çizmek veya çizmemek için kullanılan özellik.
- underline > Altı çizili yazı
- overline > Üstü çizili yazı
- line-through > Üzeri çizili yazı
- none > çizgili olmayan yazı
-blink >Üzerine gelince yanıp sönen yazı
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #000000;
text-decoration: none;
}
a.nav:hover
{
color: #cc3333;
text-decoration: underline;
}
Buradaki kodları link ağacının özelliklerini değiştirmek için kullanıyoruz.
/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
color: #000000;
font-size: small;
font-family: verdana, sans-serif;
}
/* The main body of the entire forum. */
body
{
background-color: #E5E5E8;
margin: 0px;
padding: 12px 30px 4px 30px;
}
Bu kodlarda ise forumun genel ayarlarını yapıyoruz.(Genişlik,arkaplan,yazı rengi vb.)
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
color: #000000;
font-family: verdana, sans-serif;
}
input, button
{
font-size: 90%;
}
textarea
{
font-size: 100%;
color: #000000;
font-family: verdana, sans-serif;
}
/* All input elements that are checkboxes or radio buttons. */
input.check
{
}
/* Selects are a bit smaller, because it makes them look even better . */
select
{
font-size: 90%;
font-weight: normal;
color: #000000;
font-family: verdana, sans-serif;
}
Bu kısım ise forumumuzda kullandıgımz input, textarea, buttonların özelliklerini değiştirdiğimiz kısımdır.
/* Normal, standard links. */
a:link
{
color: #xxxxxx;
text-decoration: none;
}
a:visited
{
color: #xxxxxx;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
color: #xxxxxx;
}
link= forumda yazılan linklerin rengi
visited= link tıklandıktan sonraki rengi
hover= mause link'in üstündeyken rengi
bunlara renkgini degiştirmek için ( color: #xxxxxx ) kısmını değiştiriyoruz.
text-decoration: yazıların altını, üstünü, üzerini çizmek veya çizmemek için kullanılan özellik.
- underline > Altı çizili yazı
- overline > Üstü çizili yazı
- line-through > Üzeri çizili yazı
- none > çizgili olmayan yazı
-blink >Üzerine gelince yanıp sönen yazı
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #000000;
text-decoration: none;
}
a.nav:hover
{
color: #cc3333;
text-decoration: underline;
}
Buradaki kodları link ağacının özelliklerini değiştirmek için kullanıyoruz.
/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
color: #000000;
font-size: small;
font-family: verdana, sans-serif;
}
/* The main body of the entire forum. */
body
{
background-color: #E5E5E8;
margin: 0px;
padding: 12px 30px 4px 30px;
}
Bu kodlarda ise forumun genel ayarlarını yapıyoruz.(Genişlik,arkaplan,yazı rengi vb.)
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
color: #000000;
font-family: verdana, sans-serif;
}
input, button
{
font-size: 90%;
}
textarea
{
font-size: 100%;
color: #000000;
font-family: verdana, sans-serif;
}
/* All input elements that are checkboxes or radio buttons. */
input.check
{
}
/* Selects are a bit smaller, because it makes them look even better . */
select
{
font-size: 90%;
font-weight: normal;
color: #000000;
font-family: verdana, sans-serif;
}
Bu kısım ise forumumuzda kullandıgımz input, textarea, buttonların özelliklerini değiştirdiğimiz kısımdır.
xoxox, proud to be a member of Support.10TL.NET(Genel Destek Platformu) since Jun 2015.