وسط چین کردن لوگو

[samira89 10]

میشه بپرسم چطور میتونم لوگو ی سایتم رو وسط چین کنم؟؟

[محمدامین رمرودی 29]

درود

دمو بدید تا سورس ش بررسی بشه

[samira89 10]

kpcoo.com

مچکرمــــــــ

[Masood Ashoori 232]

kpcoo.com/templates/masoko/css/custom.css

خط 12 اضافه کنید

margin-right: 400px;

عدد رو به دلخواه میتونید تغییر بدید . به جای پیکسل px میتونید از % هم استفاده کنید

[samira89 10]

ممنونــــــــــــــــــــــــم

میشه یه سوال دیگه هم بپرسم؟؟

ممکن هست منو هم همتراز با لوگو وسط چین بشه؟؟

[Masood Ashoori 232]

kpcoo.com/templates/masoko/css/layout.css

خط 23

margin-right: 112px;

[samira89 10]

مچکرم مچکرم مچکرم

[samira89 10]

راستی تو ابعاد دیگه به هم نمیریزه؟؟

یعنی تو گوشی یا تبلت جای منو یا لوگو تغییر نمیکنه؟؟

[Masood Ashoori 232]

مچکرم مچکرم مچکرم

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

[heshmati 10]

راستی تو ابعاد دیگه به هم نمیریزه؟؟

یعنی تو گوشی یا تبلت جای منو یا لوگو تغییر نمیکنه؟؟

سلام، متاسفانه وقتی به margin اندازه حقیقی می دهید در رزولوشنهای دیگه هم از همان تبعیت می کنه و همانطور که می بینید لوگوی شما در رزولوشن کوچیکتر یا دیده نمیشه و یا وسط نیست. چون margin-right لوگو 300 پیکسل ست شده. همیشه برای وسط چین کردن هر المنتی در css خود margin-right و margin-left را روی auto قرار بدید و دادن اندازه به margin-right منطقی نیست. برای وسط چین کردن لوگوی خود با توجه به کدتون لطفا مراحل زیر را انجام بدید.

در فایل custom.css کد زیر جایگزین قبلی گردد.

.custom-logo {
 width: 300px;
 height: 150px;
 background: url(../../../images/Demo/logo.png) 50% 50% no-repeat;
 background-size: contain;
 margin-right: auto;
 margin-left: auto;
}

در فایل rtl.css کد زیر پاک شود.

#logo, #logo > img, #menu {
 float: right;
}

در فایل layout.css کد زیر پاک شود.

#logo, #logo > img, #menu {
 float: left;
}

[samira89 10]

ممنونم از راهنماییتون

برای وسط چین کردن منو چیکار باید کنم؟؟ که هم تراز بشه با لوگو