رفتن به مطلب

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


ارسال های توصیه شده

درود و عرض ادب

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

 

test.png

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

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

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

}

 

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

در 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;

}

 

درود

تشکر عزیز 

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

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

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

Capture5.thumb.JPG.b044b32ed0b0c94604e7b63d73046c2a.JPG

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

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

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

Capture5.thumb.JPG.b044b32ed0b0c94604e7b63d73046c2a.JPG

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

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

در 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>

 

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

در 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>

 

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

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

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

kami.png

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

بایگانی شده

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

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
×
  • اضافه کردن...

اطلاعات مهم

ما مجبور شدیم تا از کوکی ها و فناوری های مشابه برای اجرای این وب سایت استفاده کنیم تا بتوانیم تجربه بهتری در زمان استفاده از سایت برای شما ایجاد نماییم. سیاست حریم خصوصی.