Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

لودینگ

باسلام خدمت دوستان عزیز.

چند وقت پیش توی سایت گشتم و یک ابزار با عنوان

ابزار ساخت کد میله سبز رنگ - لودینگ ویندوز (تگ progress)

دیدم.البته اون ابزار هم خیلی خوب بود ولی من یک نسخه دیگش رو دست کردم که امکانات دیگه ای مثل نشان دادن میزان پیشرفت میله سبز رنگ به درصد و یک بخش info رو هم داره و یکم جمع و جورتره.

درباره تگ progress هم این رو بگم که یک تگ جدید از HTML5 هست. که برای نشان دادن میزان پیشرفت یک محتوی ساخته شده.

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

آموزش ساخت این تگ :

مثل سایر تگ ها تصویر اول پست

به تگ دوتا attribute میدیم.

یکی default که مقدار پیش فرض میله هست.یعنی میله چند درصد بره جلو و سبز بشه.

و دیگری max هست که میگه حداکثر میله میتونه تا چه مقداری پیش روی کنه.که معمولا بهتره 100 بزاریم.

البته هر چی دوست دارید هم میتونید بزارید.

مثل یک مدل سادش اینه:

تصویر دوم پست

باتشکر

ادامه مطلب

امروزه با آمدن ورژن 3 از زبان متفاوت css باعث شده است که کدنویس ها به جای استفاده از گرافیک و حجم بالای تصاویر در صفحه از کدها استفاده کنند. از این رو استفاده از لودینگ های سی اس اس نیز در چنین شرایطی علاوه بر سرعت لود بالاتر نسبت به عکس زیبایی و قابلیت انعطاف بسیار زیادی را دارد.

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

ادامه مطلب

شما با استفاده از این ابزار می توانید میله ی سبز رنگی را که موقع نصب نرم افزار ها ، کپی پیست کردن ، منتقل کردن فایل ها و ... در ویندوز های معروف می بینید را در وب خود یا هر جای دیگری بگذارید.

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

ساپورت کردن مرورگر ها

Internet Explorer Firefox Opera Safari

این کد در مرورگر های Internet Explorer 10, Firefox, Opera, and Safari 6 پشتیبانی می شود. لطفا به ورژن آنها دقت کنید.

برای نمونه به میله های زیر دقت کنید (در صورت مشاهده نکردن چیزی مرورگر شما قادر به پشتیبانی از این کد نیست):

your browser does not suport progress tag.

your browser does not suport progress tag. your browser does not suport progress tag. your browser does not suport progress tag.

your browser does not suport progress tag.

ادامه مطلب

این کد بر خلاف آن چیزی که شما فکر می کنید لود شدن صفحه را نشان نمی دهد و بعد از لود شدن صفحه ( کدستان - لودینگ ) شروع به عمل می کند و نه زمانی که صفحه در حال لود شدن است. در کل این فقط یک کد نمادین است که مثلا شما می توانید در آجاکس ها از آن استفاده کنید.


دمو: لودینگ کد لودینگ ادامه مطلب
loading 50%
همانطور که در بالا می بینید شک کد لودینگ قرار داده شده است که البته یک دمو می باشد و در اینجا کار نمی کند.
شما با استفاده از این آموزش می تونید در وب خودتون کد لودینگی را قرار دهید که در اون شما می تونید درصد لود شدن صفحه رو بزنید. ادامه مطلب
    کلاس های آنلاین فعال

    برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

    مدرس: محمد و اقبال
    آموزش PHP - جلسه اول
    پنجشنبه 04 تیر 1394 - 17:00
    هیچ کلاس فعالی موجود نیست.
    کاربران آنلاین
    آمار
    مطالب : 792
    نظرات : 4408
    تعداد اعضا : 36819
    افراد آنلاین : 6
    بازدید امروز : 604
    بازدید دیروز : 2,760
    گوگل امروز : 12
    گوگل دیروز : 50
    بازدید هفته : 9,081
    بازدید ماه : 21,752
    بازدید سال : 115,268
    بازدید کلی : 10,896,970