sir1

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

15 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

با سلام

من لگوی و استایل صفحه ورود را تغییر دادم (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;

}

ویرایش شده در توسط Black_sky
longbox
0

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

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 که در پست گفته از یک استایل دیگه که در پست اول دادم استفاده کردم. حالا یکم بهم ریختست

0

به اشتراک گذاری این پست


لینک به پست

سلام،

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


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/

2

به اشتراک گذاری این پست


لینک به پست

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

1

به اشتراک گذاری این پست


لینک به پست

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

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

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

ویرایش شده در توسط sir1
0

به اشتراک گذاری این پست


لینک به پست

سلام،

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

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

1

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

2

به اشتراک گذاری این پست


لینک به پست

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

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

0

به اشتراک گذاری این پست


لینک به پست

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


.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;

2

به اشتراک گذاری این پست


لینک به پست

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

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

0

به اشتراک گذاری این پست


لینک به پست

سلام،

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

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

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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

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


ورود به حساب کاربری