Giriş Yap
/*==================== Kullanici Giris kutusu ========================= */
.panel {
width: 530px;
margin: auto auto;
}
.panel input#nick {/*Nick iletisim kutusu*/
padding: 4px 8px 4px 34px;
border: none;
background: url(../img/giris.png) top left no-repeat;
width: 128px;
}
.panel input#nick:focus {/*Nick iletisim kutusu SECILI*/
background: url(../img/giris.png) left -24px no-repeat;
}
.panel input#sifre { /*Sifre iletisim kutusu*/
padding: 4px 8px 4px 34px;
border: none;
background: url(../img/sifre.png) top left no-repeat;
width: 128px;
}
.panel input#sifre:focus {/*Sifre iletisim kutusu SECILI*/
background: url(../img/sifre.png) left -24px no-repeat;
}
.buton {/*Giris Buton*/
width: 74px;
height: 24px;
background: url(../img/buton.png) left 0px no-repeat;
border: 0;
cursor: pointer;
}
.buton:hover { /*Giris Buton Hover*/
background: url(../img/buton.png) left -24px no-repeat;
border: 0;
}
/*============================= Sayfa Yapısı ============================== */
html {
height: 100%;
padding: 0;
margin: 0;
}
body {
background: url(../img/bg.png) top left repeat;
color: #000000;
font-family: Verdana;
font-size: 13px;
text-align: center;
line-height: 1.4;
height: 100%;
padding: 0;
}
a.logo {
display: block;
width: 556px;
height: 66px;
margin: 0 auto;
background: url(../img/logo.png) left top no-repeat;
}
a.logo:hover span{
display: block;
float:right;
width: 64px;
height: 64px;
background: url(../img/logo-hov.png) left top no-repeat;
}
.icerik {
width: 556px;
height: 336px;
background: url(../img/icerik.png) left 0px no-repeat;
margin: auto auto;
padding-top: 2cm;
}
.cizgi {
border: 0;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #fff;
width: 548px;
margin: 10px auto 10px auto;
}
.sol {text-align:left;}
.orta {text-align:center;}
.sag {text-align:right;}
/*==================== Kullanici Giris kutusu ========================= */
.panel {
width: 530px;
margin: auto auto;
}
.panel input#nick {/*Nick iletisim kutusu*/
padding: 4px 8px 4px 34px;
border: none;
background: url(../img/giris.png) top left no-repeat;
width: 128px;
}
.panel input#nick:focus {/*Nick iletisim kutusu SECILI*/
background: url(../img/giris.png) left -24px no-repeat;
}
.panel input#sifre { /*Sifre iletisim kutusu*/
padding: 4px 8px 4px 34px;
border: none;
background: url(../img/sifre.png) top left no-repeat;
width: 128px;
}
.panel input#sifre:focus {/*Sifre iletisim kutusu SECILI*/
background: url(../img/sifre.png) left -24px no-repeat;
}
.buton {/*Giris Buton*/
width: 74px;
height: 24px;
background: url(../img/buton.png) left 0px no-repeat;
border: 0;
cursor: pointer;
}
.buton:hover { /*Giris Buton Hover*/
background: url(../img/buton.png) left -24px no-repeat;
border: 0;
}
/*============================= Sayfa Yapısı ============================== */
html {
height: 100%;
padding: 0;
margin: 0;
}
body {
background: url(../img/bg.png) top left repeat;
color: #000000;
font-family: Verdana;
font-size: 13px;
text-align: center;
line-height: 1.4;
height: 100%;
padding: 0;
}
a.logo {
display: block;
width: 556px;
height: 66px;
margin: 0 auto;
background: url(../img/logo.png) left top no-repeat;
}
a.logo:hover span{
display: block;
float:right;
width: 64px;
height: 64px;
background: url(../img/logo-hov.png) left top no-repeat;
}
.icerik {
width: 556px;
height: 336px;
background: url(../img/icerik.png) left 0px no-repeat;
margin: auto auto;
padding-top: 2cm;
}
.cizgi {
border: 0;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #fff;
width: 548px;
margin: 10px auto 10px auto;
}
.sol {text-align:left;}
.orta {text-align:center;}
.sag {text-align:right;}