تغییر لگوی صفحه ورود

[sir1 512]

با سلام

من لگوی و استایل صفحه ورود را تغییر دادم (http://www.acgih.ir/wp-login.php) ولی یه کم بهم ریختست و لگوش هم به طور کامل نشان نمیده من کدشو براتون قرار دادم لطفا ادیتش کنید برام. فونتش هم بی کودک میخام باشه. با تشکر

/* By AVA Design Group - www.avasite.ir */

body.login,html {

background: url(images/wood_pattern.jpg) repeat;

height:auto;

}

.login #login h1 a {

background: url(images/logo.png) center center repeat;

padding-bottom: 50px;

border-bottom: 1px solid #EBE6E2;

position:absolute;

z-index:50;

margin-top:100px;

margin-right:80px;

}

.login label{

display: block;

padding: 0 0 5px 2px;

cursor: pointer;

text-transform: uppercase;

font-weight: 400;

text-shadow: 0 1px 0 rgba(255,255,255,0.8);

font-size: 11px;

}

.float {

margin-top:80px;

width: 48%;

float: right;

padding-top: 15px;

}

#lostpasswordform .float {

width: 97.5%;

}

.login .float:first-of-type {

padding-right: 6px;

padding-left: 5px;

}

.login #loginform, .login #registerform, .login #lostpasswordform{

width: 340px;

height:300px;

margin: 30px auto 30px;

padding: 15px;

background: #fffaf6;

border-radius: 4px;

color: #7e7975;

box-shadow:

0 2px 2px rgba(0,0,0,0.2),

0 1px 5px rgba(0,0,0,0.2),

0 0 0 12px rgba(255,255,255,0.4);

}

.forgetmenot,#reg_passmail{

margin:10px 8px 0 0;

}

.login input[type=text], .login input[type=password]{

font-family: 'Lato', yekan;

font-size: 13px;

font-weight: 400;

display: block;

width: 100%;

padding: 5px;

margin-bottom: 5px;

border: 3px solid #ebe6e2;

border-radius: 5px;

-webkit-transition: all 0.3s ease-out;

-moz-transition: all 0.3s ease-out;

-ms-transition: all 0.3s ease-out;

-o-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;

}

.login input[type=text]:hover,

.login input[type=password]:hover {

border-color: #CCC;

}

.login input[type=text]:focus,

.login input[type=password]:focus {

border-color: #BBB;

outline: none;

}

.login input[type=submit]{

width: 330px;

height: 38px !important;

box-shadow: inset 0 1px rgba(255,255,255,0.3);

border-radius: 3px;

cursor: pointer;

font-family: byekan;

font-size: 14px;

line-height: 38px;

text-align: center;

font-weight: bold;

}

.login input[type=submit],.login input[type=submit]:hover,.login input[type=submit]:focus {

margin-left: 1%;

margin-top:1%;

background: #fbd568;

background: -moz-linear-gradient(#fbd568, #ffb347);

background: -ms-linear-gradient(#fbd568, #ffb347);

background: -o-linear-gradient(#fbd568, #ffb347);

background: -webkit-gradient(linear, 0 0, 0 100%, from(#fbd568), to(#ffb347));

background: -webkit-linear-gradient(#fbd568, #ffb347);

background: linear-gradient(#fbd568, #ffb347);

border: 1px solid #f4ab4c;

color: #996319;

text-shadow: 0 1px rgba(255,255,255,0.3);

box-shadow:none;

}

.login #nav{

color: #666;

margin:-120px 5px 0 0;

position:relative;

}

.login #backtoblog{

color: #666;

margin-right:5px;

position:relative;

}

.login #nav a ,.login #backtoblog a{

text-decoration:none;

text-shadow:none;

color:#666 !important;

}

.message,#login_error {

position:absolute;

right:38%;

left:35%;

top:1%;

}

#login_error {

top:10%;

}

.login label i {

padding-right:5px;

display: inline-block;

width: 10px;

}

.icon-user,.icon-pass{

background: url(images/ava_person.png) right 0 no-repeat;

width:8px;

height:10px;

}

.icon-pass{

background: url(images/ava_ilock.png) right 0 no-repeat;

}

.icon-email{

background: url(images/ava_email.png) right 0 no-repeat;

width:10px;

height:8px;

}

ویرایش شده اسفند 92 توسط Black_sky
longbox

[AliRezaPro 260]

کاری که خودتون روش انجام دادید دقیقا چیه ؟

[sir1 512]

من بر طبق این تاپیک رفتم جلو

http://forum.wp-parsi.com/tutorials/article/369-%d8%b4%d8%ae%d8%b5%db%8c-%d8%b3%d8%a7%d8%b2%db%8c-%d8%b5%d9%81%d8%ad%d9%87-wp-loginphp/

ولی بجای کدای custom-login.css که در پست گفته از یک استایل دیگه که در پست اول دادم استفاده کردم. حالا یکم بهم ریختست

[alimir 795]

سلام،

یه راه ساده، استفاده از افزونه زیر که استایل مشابه رو هم داره:

http://wordpress.org/plugins/blue-login-style/

طرح حال حاضر شما، شبیه طرحیه که من چند ماه پیش منتشر کرده بودم. واس تنظیم دقیقش پیشنهاد میکنم به لینک زیر مراجعه کنید:

http://alimir.ir/%D8%B7%D8%B1%D8%AD-%DA%86%D9%88%D8%A8%DB%8C-%D9%81%D8%B1%D9%85-%D9%88%D8%B1%D9%88%D8%AF-%D9%88%D8%B1%D8%AF%D9%BE%D8%B1%D8%B3/

[sir1 512]

آقا ALIMIR من نمیخام از افزونه استفاده کنم.

مطلب شما هم خوندم قبل اینکه شما بگید ولی نتونستم اونطوری که شما در پستتون توضیح دادید انجام بدم وگرنه استایل شما خیلی بهتر بود.

حالا همینو نمیتونید که این کداشو یه جوری درست کنید که جمو جور بشه؟

[alimir 795]

ببنید، این استایل جوریه که برای تنظیمش باید در برخی تگ های فایل wp-login ویرایش انجام بدید.

اگه نتونستید طبق توضیحات پیش برید، فایل پیوستی wp-login رو با فایل فعلی جایگزین و از استایل ارائه شده استفاده کنید. (در این حالت دیگه نیازی نیست که ما کد شما رو ویرایش کنیم...)

[sir1 512]

من گفتم که قبلا اموزشتونو خوندم و بر طبق اون جلو رفتم و

فایل wp-login هم جایگزین قبلی کردم. ولی لگوش مشکل داره. برای بیشتر کردن طول و عرض لگو کدوم کدو باید تغییر بدم تا به اونی که بخام برسم؟

فونتش میخام bkoodak باشه بعد زیر دکمه ورود هم نام نویسی و بازیابی رمز چسپیده به دکمه ورود اینم باید درست بشه

ویرایش شده فروردین 93 توسط sir1

[alimir 795]

سلام،

1- باید به سلکتور .login #login h1 a پروپرتی های لازم مثل width و height رو اضافه کنید.

2- میتونید با استفاده از font-face، فونت bkoodak رو فراخوانی و سپس از طریق پروپرتی font-family اقدام به تغییر فونت کنید.

[sir1 512]

آقا ALIMIR باور میشه چیزی نفهمیدم چون مبتدی هستم. اموزشی در این باره نیست که کارمو راه بنداره؟

[sir1 512]

http://www.acgih.ir/wp-login.php?action=register

الان همه چیشو درست کردم الا لگوش که در اندازه پیشفرض وردپرس هست. کسی هست که بهم بگه اندازه این لگو را چطور تغییر بدم؟

[kasra 4929]

اندازه عکس رو تغییر بدید و در کدهای css میتونید اندازه همون عکسی که قرار دادید رو وارد کنید

[sir1 512]

مشکل اندزه عکس من نیست. مشکل کدی هست که باید طوری طول و ارتفاعشو تغییر بدم که با عکس من ست بشه.

من مبتدی هستم شما بگید که چه فایلو براتون قرار بدم تا زحمشتو بکشین. یا بگید که این کدو داخل فلان فایل پیدا کن تغییرش بده تا خودم تغییراتو اعمال کنم. ممنون

[imanfakhar 26231]

کدتون رو به این شکل اصلاح کنید

.login #login h1 a {
background: url(images/logo.png) center center no-repeat;
border-bottom: 1px solid #EBE6E2;
position:relative;
min-height:100px;
display:block;
z-index:50;
margin-top:100px;
margin-right:80px;
}

در این کد فرض شده ارتفاع لوگوی شما 100 پیکسل باشه با تغییر 100px می تونید ارتفاع را به مقدار دلخواه تغییر دهید

در

min-height:100px;

[sir1 512]

این کد بدترش کرد

لگوی به بالای کادر سفید رفت و طولش هم اصلا نمیتونی تغییر بدی مثل اول هست

[sir1 512]

سلام،

1- باید به سلکتور .login #login h1 a پروپرتی های لازم مثل width و height رو اضافه کنید.

2- میتونید با استفاده از font-face، فونت bkoodak رو فراخوانی و سپس از طریق پروپرتی font-family اقدام به تغییر فونت کنید.

تازه فهمیدیم چی گفتین

خب ادرس اون فایلو بهم میگفتید که برم اونجا تغییراتو بدم.

لگو خودش height داره و من در کنارش فقط width را اضاف کردم. ولی هر چقد من به width برحسب پیکسل عدد میدم پهنای لگو هیچ تغییری نمیکنه میشه بگید چرا پهناش بیشتر نمبشه.

ولی برای ارتفاعش هر عددی بدم تغییر میکنه.