رفتن به مطلب

شناور کردن دکمه


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

سلام دوستان کسی کدی میشناسه که داخل html کد ها رو در وب سایت شناور کنه مثل اینکه نماد اعتماد الکترونیک را به صورت شناور در وب سای قرار بدیم چند کد در اینترنت پیدا کردم اما روی تمامی تگ ها div وب سایت تاثیر میزاشتن ممنون میشم راهنمایی کنید

لینک به ارسال

کدها رو با یک کلاس خاص به آبجکت مورد نظرتون باید اختصاص بدید . 

مثلا  نماد الکترونیک رو در div با کلاس namad قرار بدید و اون استایل ها رو در css به اون کلاس اختصاص بدید

لینک به ارسال

کد  html به این صورت میشه : 

<div class="namad">
کد نماد یا هر چیزی که میخواید شناور بشه 
</div>

کد css هم فرمودید پیدا کردید فقط باید با همین کلاس باشن به عنوان مثال کد زیر در کلاس namad قرار گرفته ، حالا بر اساس نوع شناوری عنصر میتونه css متفاوت تر و حتی html بیشتری داشه باشه 

.namad {
 position: fixed;
    width: 200px;
    height: 100px;
    background: #FF9A9B;
    border: 1px solid #999;
    top: 8px;
    left: 8px;
}

یک نمونه ساده برای شناوری هم در آموزش های 7learn هست 

https://www.7learn.com/tutorials/css-part6-float-clear-and-vertical-align

یا برای درک بهتر position  ها لینک زیر رو مطالعه کنید : این آموزش کاملا درباره انواع مختلف شناور شدن عناصر توضیح داده 

https://webgoo.ir/156/کاربرد-ویژگی-position-و-float-در-css

 

لینک به ارسال

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

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

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

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

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

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

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

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

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