arian098

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

4 پست در این موضوع قرار دارد

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

0

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


لینک به پست

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

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

1

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


لینک به پست

امکانش هست نمونه ای ازش ارسال نمایید.

0

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


لینک به پست

کد  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

 

1

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری