رفتن به مطلب

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


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}

لینک به ارسال

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

لینک به ارسال

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

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

لینک به ارسال

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

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

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

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

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

لینک به ارسال

آقا ممنون

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

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 وقتی صفحه رو پایین میکشم پیام خوش آمد گویی فقط در بالای نوار بمونه اول به فیلم نگاه کنید بعد به سایت گفته شده یعنی دوستی ها برید متوجه منظورم بشید

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...