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

[vahid66 3]

سلام برای تغییر رنگ هدر کدوم روش بهتره؟ خود قالب تنظیماتی که داره اعمال نمیشه !
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:#رنگ موردنظرتون;
}
سوال بعدی هم اینکه چطوری مثل  لینک ها تنها برای اعضای سایت قابل نمایش است.   ی بنر تبلیغی رو اون پایین صفحه بزارم که هم توی موبایل هم دسکتاپ نشون داده بشه (میخام ابعادش دقیقا مثل این 
سایت باشه و بعد کلیک روی ی صفحه دیگه باز بشه(بازکردن پیوند در زبانه تازه)

[vahid66 3]

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

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

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

[Masih 6,279]

درود.

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

 

[vahid66 3]

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

 

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