Merhaba arkadaşlar bugün nette gözüme çarptı bence çok güzel bir çalışma olmuş. Vakti ulan birisi login.css düzenleyip konu altına eklerse herkes faydalanabilir. Yazıyı ingilizce olarak ekliyorum bir zahmet onuda Türkçeleştirirmisiniz :D





How to customize it?
In order to brand your website, you need to follow the below tutorial to customize your login page,

1. First slice all the layers from .PSD files and arrange accordingly

2. Next goto wp-admin/css folder and find login.css

3. Open login.css and search for body selector and add the below code to it,
background: #f5f5f5 url(Image Path) top left repeat-x; height:620px;

4. Now we are ready to add the background to the form. Please find the form selector(next to body) and add the below css code to it,
background: url(Image Path) no-repeat;

5. Next Search for h1 a{background:url(../images/logo-login.gif) no-repeat top center; and replace with your company logo

6. Still we are pending with some more customization. Now its time to make the sharp edged input fields to rounded corners. Find #user_pass,#user_login,#user_email and add the below code,
-moz-border-radius:7px;-khtml-border-radius:7px;-webkit-border-radius:7px;border-radius:5px; (note: this rounded corner code is applicable only to Mozilla)

7. That’s It! now your wordpress login page is fully customized!!


Download