رفتن به مطلب

ایجاد کادر و متن در بالای سایت


Abolfazl20

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

سلام

به این عکس نگاه کنید به قسمتی که با رنگ قرمز مشخص کردم نگاه کنید

میخوام مثل این عکس یه کادر آبی در بالای سایتم باشه پیام خوش آمد بنویسم دقیقا مثل این عکس باشه

ضمنا پوسته سایتمHamyarWPlkonik هست

post-5908-0-30465900-1399362625_thumb.pn

لینک به ارسال

با سلام،

این کد رو تو قالبتون بعد از <body> قرار بدید :

<div class="kadrbala">
<p> متن شما </p>
</div>

و کد زیر رو توی استایلتون قرار بدید :

.kadrbala {
width:100%;
height:25px;
position:fixed;
top:0;
}
.kadrbala p { text-align:center}

  • امتیاز 3
لینک به ارسال

اگه بخوایم وقتی صفحه اسکرول میخوره این کادر باهاش بیاد پایین، چه کدی باید بهش اضافه کنیم

لینک به ارسال

استاد فکر کنم اشتباه گفتید چون به نظر من کد دوم باید در قالب باشه نه کد اولی !!!

ضمنا استایل کجاست؟

لینک به ارسال

اگه بخوایم وقتی صفحه اسکرول میخوره این کادر باهاش بیاد پایین، چه کدی باید بهش اضافه کنیم

http://www.7learn.com/tutorials/create-sticky-menu-with-css-and-jquery

استاد فکر کنم اشتباه گفتید چون به نظر من کد دوم باید در قالب باشه نه کد اولی !!!

ضمنا استایل کجاست؟

ایشون درست گفتن کد استایل باید در فایل style.css قالبتون بزارید و کد html اولی رو باید در تگ body قالب جایگذاری کنید.

  • امتیاز 1
لینک به ارسال

آقا ممنون

فقط میخوام رنگ کادر با رنگ قالب یکی نباشه مثل عکسی که ضمیمه کردم متفاوت باشه چیکار کنم؟

post-5908-0-89664700-1399372909_thumb.pn

لینک به ارسال

این کد رو


background: #6c00ff;

به کد استایل عبدالماجد اضافه کن که نتیجه میشه


.kadrbala {
width:100%;
height:25px;
position:fixed;
top:0;
background: #6c00ff;
}
.kadrbala p { text-align:center}

البته رنگش میشه آبی مثل همون سایت ولی برای تغیرر رنگ کد رنگ مورد نظرت رو جایگزین این

6c00ff

کد رنگ کن

ویرایش شده توسط hamidwi
لینک به ارسال

خییییییییییییییلی ممنون فقط یه مشکل دیگه : وقتی نوار صفحه رو پایین می کشم مطالب روی پیام خوش آمد گویی رو میگیره و میاد پایین و بد میشه به این فیلم نگاه کنید تا مشکل رو بفهمید در حالی که من میخوام مثل سایت www.doostiha.ir وقتی صفحه رو پایین میکشم پیام خوش آمد گویی فقط در بالای نوار بمونه اول به فیلم نگاه کنید بعد به سایت گفته شده یعنی دوستی ها برید متوجه منظورم بشید

بی نهایت سپاس گزارم

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

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



ورود به حساب کاربری
×
×
  • اضافه کردن...