جابجا کردن لوگو

[fidoman 3]

سلام و درود

من لوگوی سایت رو اندازشو تغییر دادم و بزرگ شدش اما لوگو اومدش پایین

میدونم باید از css جابجا بشه اما پیدا نکردم کدوم فایل و کدوم خط را ویرایش کنم

ممنون میشم راهنمایی بفرمایید

سایت

ویرایش شده مرداد 96 توسط fidoman

[وحید محمدی 292]

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

شکل و حالت 1: اینجا فقط و فقط خود عکس میره بالا


در فایل template-green.css خط 654  برای تگ a که دارای کلاس logo هست، تغییرات زیر را انجام بده

position: relative;
z-index: 5;
margin: 15% 0 0; این خط کلاً حذف شود
display: block;
margin-top: -36px;

شکل و حالت 2: اینجا عکس مستقل میشه و علاوه بر اینکه خودش میره بالا، مزاحم سایر قسمت ها هم نیست و اونها هم به جای خودشان بر می گردند

همان مسیر بالا ولی کدها را به صورت زیر تغییر بده

position: absolute;
z-index: 5;
margin: 15% 0 0;این خط کلاً حذف شود
display: block;
margin-top: -36px;

در کل علاوه بر تغییراتی که گفته شد یا باید اندازه عکس را کوچک کنی که در کادر سبز جا بشه یا اینکه اندازه کادر سبز را بزرگ کنیم که عکسه توش جا بشه چون اصلاً جلوه خوبی نداره

تصمیم با خود شماست.

ویرایش شده مرداد 96 توسط bashka

[fidoman 3]

بر ۱۳۹۶/۵/۳۱ ه‍.ش. at 14:31 , bashka گفت:

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

شکل و حالت 1: اینجا فقط و فقط خود عکس میره بالا


در فایل template-green.css خط 654  برای تگ a که دارای کلاس logo هست، تغییرات زیر را انجام بده

position: relative;
z-index: 5;
margin: 15% 0 0; این خط کلاً حذف شود
display: block;
margin-top: -36px;

شکل و حالت 2: اینجا عکس مستقل میشه و علاوه بر اینکه خودش میره بالا، مزاحم سایر قسمت ها هم نیست و اونها هم به جای خودشان بر می گردند

همان مسیر بالا ولی کدها را به صورت زیر تغییر بده

position: absolute;
z-index: 5;
margin: 15% 0 0;این خط کلاً حذف شود
display: block;
margin-top: -36px;

در کل علاوه بر تغییراتی که گفته شد یا باید اندازه عکس را کوچک کنی که در کادر سبز جا بشه یا اینکه اندازه کادر سبز را بزرگ کنیم که عکسه توش جا بشه چون اصلاً جلوه خوبی نداره

تصمیم با خود شماست.

 

سلام و درود بر شما

خدا پیدرتون رو بیامرزه که با حوصله و با شرح تصویر راهنمایی کردید

متاسفانه تغییری نکرد با راه حلی که گفتید

البته تصویر لوگو رو هم کوچیکش کردم

اما مشکل همچنان باقیست

[وحید محمدی 292]

5 ساعت قبل, fidoman گفت:

 

سلام و درود بر شما

خدا پیدرتون رو بیامرزه که با حوصله و با شرح تصویر راهنمایی کردید

متاسفانه تغییری نکرد با راه حلی که گفتید

البته تصویر لوگو رو هم کوچیکش کردم

اما مشکل همچنان باقیست

سلام 
دوست عزیز شما می فرمایید تغییر نکرده اینکه عکس سایت شماست!!!! و لوگو را بردید بالا،  حتماً کش مرورگرتان را خالی کنید از مرورگرهای دیگر نیز استفاده کنید، تغییر می دید ولی تغییرات را نمی بینید


لوگو هم اگر بخواهید کوچک کنید مثل عکس زیر


کافیه در فایل template-green.css  و در خط 654 یا 885 دنبال کدهای زیر بگردید و تغییرات زیر را اعمال کنید
 

a.logo ima{
width: 161px;
height: 136px;
}

اگر خطوط و کدهای بالا را نتونستید پیدا کنید در همان فایل template-green.css در هر جایی که دوست دارید کدهای زیر را وارد کنید
 

a.logo ima{
width: 161px !important;
height: 136px !important;
}

نکنه1: لوگو را با استفاده از کدهای css کوچک کردم و اعدادی که برای عرض و ارتفاع دادم اختیاری هست خودتون می توانید بر اساس دلخواه اعداد را تغییر دهید.

نکته2: این قالب های جدید معمولا دارای فایل های less هستند و این فایل های less فایل های css را تولید می کنند بنابراین در تنظیمات قالب اگر جایی نوشته compile less این گزینه باید خیر باشه اگر این گزینه بله باشه باید تغییرات را در فایل less اعمال کنید چون اگر روی بله باشه و تغییرات را در فایل css اعمال کنید با ذخیره کردن قالب و ایجاد فایل های جدید css تغییرات شما هم می پره و از بین میره


اگر به هر دلیلی نتوانستید تغییرات را اعمال کنید دسترسی کامل در پیغام خصوصی بهم بدید تا تغییرات را برایتان اعمال کنم.

ویرایش شده شهریور 96 توسط bashka