گذاشتن عکسی در هدر کنار لوگو

[Hamsafar 7]

درود و عرض ادب

ببخشید میخواستم عکسی یا بنری رو در هدر کنار لوگو بزارم که در فایل پیوست مکانش رو مشخص کرده م از اساتید کسی میتونه راهنمائی م کنه ( قالب بنده پیشفرض است )

 

[Arash.Ranjbar 11]

شما با افزونه میتونین عکس رو در هدر قالب قرار بدین اما اگر منظورتون به صورت تبلیغات بنری هستش باید کد اون عکس یا تصویر مثل کد زیر در costum.css قرار بدین:

#ipsLayout_header>Header{background: #046092 url('https://www.usima.ir/uplodas/...') 
repeat 50% 50%;
background-repeat: no-repeat;
background-size: cover;

}

 

[Hamsafar 7]

در 8 ساعت قبل، Arash.Ranjbar گفته است :

شما با افزونه میتونین عکس رو در هدر قالب قرار بدین اما اگر منظورتون به صورت تبلیغات بنری هستش باید کد اون عکس یا تصویر مثل کد زیر در costum.css قرار بدین:

#ipsLayout_header>Header{background: #046092 url('https://www.usima.ir/uplodas/...') 
repeat 50% 50%;
background-repeat: no-repeat;
background-size: cover;

}

 

درود

تشکر عزیز 

اما کدی که شما بزرگوار داده ئید برای کاور هدر هست عزیز که بنده کاور نمی خوام . میخوام بنر تبلیغی بزارم در هدر

[CHRIS-7 1009]

سلام ، بسته به بنر تبلیغاتی که می خواهید بگذارید مربوطه که اکثر اکثر بنرها از اندازه ی 468x60  بهره می برند. شما یه هم چنین چیزی مثل تصویر زیر میخواید درسته ؟

[Hamsafar 7]

در 6 دقیقه قبل، CHRIS-7 گفته است :

سلام ، بسته به بنر تبلیغاتی که می خواهید بگذارید مربوطه که اکثر اکثر بنرها از اندازه ی 468x60  بهره می برند. شما یه هم چنین چیزی مثل تصویر زیر میخواید درسته ؟

بله دوست عزیزم

[CHRIS-7 1009]

در 32 دقیقه قبل، Farzin گفته است :

بله دوست عزیزم

یک کد معمولی البته ریسپانسیو نوشتم ببینید میتونید انجام بدید.

ابتدا این کد های استایل رو در custom.css قرار بدید

@media screen and (max-width: 767px){.adschris{display:block;margin-left:auto;margin-right:auto;width:100%}}@media screen and (max-width: 979px){.adschris{display:block;margin-left:auto;margin-right:auto;width:100%}}

سپس کد زیر را بعد از متغیر لوگو قرار بدید یعنی بعد از کد واقع در قالب global Template

					{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}}

این رو قرار بدید که بجای yourimagelink لینک کامل عکس تبلیغتون رو قرار بدید

<span class="adschris"><img src="yourimagelink" alt="adschris"></span>

 

[Hamsafar 7]

در 11 دقیقه قبل، CHRIS-7 گفته است :

یک کد معمولی البته ریسپانسیو نوشتم ببینید میتونید انجام بدید.

ابتدا این کد های استایل رو در custom.css قرار بدید

@media screen and (max-width: 767px){.adschris{display:block;margin-left:auto;margin-right:auto;width:100%}}@media screen and (max-width: 979px){.adschris{display:block;margin-left:auto;margin-right:auto;width:100%}}

سپس کد زیر را بعد از متغیر لوگو قرار بدید یعنی بعد از کد واقع در قالب global Template

					{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}}

این رو قرار بدید که بجای yourimagelink لینک کامل عکس تبلیغتون رو قرار بدید

<span class="adschris"><img src="yourimagelink" alt="adschris"></span>

 

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

فقط یک سوال : پیوست کردم خدمتتون

چطوری می تونم کمی تصویر رو ببرم سمت چپ ؟ ( همون وسط چین ) ؟