رفتن به مطلب

سوال در مورد تغییر رنگ هدر و گذاشتن تبلیغ در فوتر


vahid66

پست های پیشنهاد شده

سلام برای تغییر رنگ هدر کدوم روش بهتره؟ خود قالب تنظیماتی که داره اعمال نمیشه !
1- این کد رو داخل فوتر بزارم

<script>document.getElementById("header-menu-wrapper").style.backgroundColor='#fff';</script>
2-این کد رو داخل custom.css بزارم

#ipsLayout_header header
    padding: 10px 0 125px 0;
    margin-bottom: -115px;
    background-color:#رنگ موردنظرتون;
}
سوال بعدی هم اینکه چطوری مثل  لینک ها تنها برای اعضای سایت قابل نمایش است.   ی بنر تبلیغی رو اون پایین صفحه بزارم که هم توی موبایل هم دسکتاپ نشون داده بشه (میخام ابعادش دقیقا مثل این 
سایت باشه و بعد کلیک روی ی صفحه دیگه باز بشه(بازکردن پیوند در زبانه تازه)
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 4 ساعت قبل، vahid66 گفته است :

padding: 10px 0 125px 0; margin-bottom: -115px; background-color:#رنگ موردنظرتون; }

البته این 2 تا کدی که بالا گذاشتم رنگ هدر رو تغییر نداد!

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

درود.

در 6 ساعت قبل، vahid66 گفته است :

سلام برای تغییر رنگ هدر کدوم روش بهتره؟ خود قالب تنظیماتی که داره اعمال نمیشه !

هر دو روش در نهایت یک کار رو قراره انجام بدن. در روش script، رنگ مورد نظر از طریق کدنویسی جاوا اسکریپت به المان مورد نظر داده میشه.

روش دوم که حالت استاندارد CSS هست.

اگر رنگ ها اعمال نمیشن، بهتره خاصیت رو به صورت important قرار بدید. مثلا :

#header {background: #414141 !important}

 

نقل قول

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

چیزی که لینک دادید، تصویر نیست. بلکه یک DIV هست که با CSS تمام عرض شده و رسپانسیو هم هست. یعنی در اندازه های صفحه نمایش مختلف، تمام عرض بودن خودش رو حفظ می کنه.

برای داشتن چنین چیزی، کد زیر رو داخل فوتر قرار بدید :

<div class="notifbar">
	<a href="آدرس" class="notilink" target="_blank"> متن لینک را اینجا وارد کنید </a>
</div>

 

و این کد رو هم داخل یک فایل CSS که داخل سایت لود میشه قرار بدید:

.notifbar {z-index:9999;background:linear-gradient(135deg,#ff7cd4 0,#44e5f9 100%);color:#fff;text-align:center;width:100%;position:fixed;bottom:0px;}
.notilink {font-family: B Yekan, Tahoma;font-size:15px;padding:10px 0;width:100%;text-shadow: 0 1px #ff3e00;display:block;color:#fff;}

 

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

در 5 ساعت قبل، Masih گفته است :

درود.

هر دو روش در نهایت یک کار رو قراره انجام بدن. در روش script، رنگ مورد نظر از طریق کدنویسی جاوا اسکریپت به المان مورد نظر داده میشه.

روش دوم که حالت استاندارد CSS هست.

اگر رنگ ها اعمال نمیشن، بهتره خاصیت رو به صورت important قرار بدید. مثلا :


#header {background: #414141 !important}

 

چیزی که لینک دادید، تصویر نیست. بلکه یک DIV هست که با CSS تمام عرض شده و رسپانسیو هم هست. یعنی در اندازه های صفحه نمایش مختلف، تمام عرض بودن خودش رو حفظ می کنه.

برای داشتن چنین چیزی، کد زیر رو داخل فوتر قرار بدید :


<div class="notifbar">
	<a href="آدرس" class="notilink" target="_blank"> متن لینک را اینجا وارد کنید </a>
</div>

 

و این کد رو هم داخل یک فایل CSS که داخل سایت لود میشه قرار بدید:


.notifbar {z-index:9999;background:linear-gradient(135deg,#ff7cd4 0,#44e5f9 100%);color:#fff;text-align:center;width:100%;position:fixed;bottom:0px;}
.notilink {font-family: B Yekan, Tahoma;font-size:15px;padding:10px 0;width:100%;text-shadow: 0 1px #ff3e00;display:block;color:#fff;}

 

آقا عالی عالی .
لطف میکنید هربار ما رو راهنمایی می کنید

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

بایگانی شده

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

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...