مای دیزاین را همراه با آموزش های جدید در سایت طوسی دنبال کنید: http://tooc.ir
آموزش های حرفه ای
مای دیزاین به عنوان یکی از تولید کنندگان محتوای آموزشی در زمینه طراحی وب و گرافیک به صورت تصویری، با کیفیت و اختصاصی در خدمت شما کاربران عزیز می باشد!
نرم افزار آندروید
طراحی و ساخت نرم افزار آندروید خدمت جدیدی است که در مای دیزاین ارائه میشود. داشتن نرم افزار برای گوشی های هوشمند امری جدید و هیجان انگیز می باشد!
طراحی وب و گرافیک
یکی از خدمات ما طراحی سایت های ایستا و پویا با جدید ترین متد های روز دنیاست. ساخت قالب هایی سبک و در عین حال زیبا، با استفاده از وردپرس، تخصص ماست!
قرار دادن دکمه بالای صفحه با سی اس اس

قرار دادن دکمه "بالای صفحه" با سی اس اس
سلام. روش های مختلفی برای ایجاد دکمه “بالای صفحه” وجود دارد اما از آنجا که بنده سعی در عدم استفاده از جاوا رو دادم پس آموزش ساخت این دکمه با سی اس اس رو براتون آماده کردم.
در قسمت اول باید داخل تگ body یک کد کوتاه رو اضافه کنید. تگ body بالا ترین المان نمایش داده شده در صفحه هاست پس ما آن را به عنوان “بالای صفحه” تعریف میکنیم. برای این کار کد زیر را داخل تگ اضافه کنید:

id="topscr"

مقدار topscr مقداری دلخواه است و من این متن رو به عنوان اختصار عبارت top screen انتخاب کردم.
حال باید لینک رو قرار بدیم. معمولا یک لینک پایین صفحه در قسمت فوتر سایت قرار میدهند، برای مثال من یک باکس ساده میسازم:

<a href="#topscr" style="padding:2px 5px; background-color:#2196F7; color:#FFFFFF;">بالای صفحه</a>

همون طور که میبینید یک لینک با باکس آبی رنگ و متنی سفید ساختم. نکته اصلی مقدار href است که در واقع همان ID ایست که برای body تعریف کردیم.
لینک را در محل مناسبی قرار دهید و امتحان کنید!

8 پاسخ به “قرار دادن دکمه بالای صفحه با سی اس اس”

  1. saeed گفت:

    سلام علی جان لطفا شماره تماس ات رو برام ایمیل کن

  2. mahdi گفت:

    سلام علی عاقا.
    چقدر قالب سایتتون قشنگه.
    خودتون طراحی کردین یا کمک گرفتین.
    به ماهم یاد بدین توروخدا
    تا ما هم بریم برا خودمون چیز طراحی کنیم سایت

  3. mobina گفت:

    سلام.میخوام سایت طراحی کنم.ولی نمیدونم چجوری میشه نوار منوی سایت رودرست کرد.ممنون میشم اگه جوابمو بدین

  4. مجتبی گفت:

    سلام خسته نباشید
    وقتی این کار رو میکنیم بعد از کیک روی تگ a صفحه میپره بالا وtransition نمیگیره
    میشه کاری کرد که این اتفاق با transition بیوفته؟

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

آخرین محصولات فروشگاه
برخی مطالب تصادفی مای دیزاین
آیکون های آماده رایگان آواتار
اضافه کردن ناحیه ابزارک به قالب وردپرس
فایل آماده تمام CSS تلفن هوشمند HTC
اخبار جدید مای دیزاین و خبر های مهم
فایل لایه باز برچسب تخفیف
اکشن شب