کد و اسکریپت

استفاده از data-toggle=”buttons”

http://fakhar-codes.ir/استفاده-از-data-togglebuttons/

کلاس btn-group کلاسیست که در بوت استراپ با آن می توان یک گروه کلید (کلاس btn) ایجاد نمود افزودن data-toggle=”buttons” به تگ این کلاس باعث مخفی شده input های چک باکس یا رادیو فرزندان btn این کلاس می شود و با افزودن و حذف نمودن خودکار کلاس active چک شدن یا نشدن فیلد نمایش داده […]


تنظیم تابع انیمیشن با Cubic Bezier

http://fakhar-codes.ir/تنظیم-تابع-انیمیشن-با-cubic-bezier/

با مقدار دهی به cubic-bezier می توان نوع حرکت را در جابجایی ها کنترل نمود. این تابع 4 مقدار می پذیرد که مقدار اول و سوم باید بین 0 و 1 باشند و مقدار دوم و چهارم هم نباید صفر باشد. مقدارهای دوم و سوم می توانند عددی منفی یا مثبت باشند مقدار صحیح آنها نیز […]


خاصیت fill-rule در svg

http://fakhar-codes.ir/خاصیت-fill-rule-در-svg/

با استفاده از خاصیت fill-rule در استایل دهی svg می توانیم اشکالی مانند ستاره های فوق (تو خالی یا تو پر) ایجاد نماییم این خاصیت هر یک از سه مقدار nonzero | evenodd | inherit را می تواند داشته باشد و مقدار پیش فرضش nonzero است  


شخصی سازی فیلد آپلود فایل

http://fakhar-codes.ir/شخصی-سازی-فیلد-آپلود-فایل/

فیلد file فیلدی است که برای بارگذاری فایلها در فرم قرار می گیرد و در حالت عادی با css قابل استایل دهی نیست ولی با کمک webkit می توان آنرا شخصی سازی نمود


اعتبار سنجی فیلدهای فرم قبل از ارسال

http://fakhar-codes.ir/اعتبار-سنجی-فیلدهای-فرم-قبل-از-ارسال/

فیلد نام: یک فیلد ساده نوشته است که صرفا الزامی شده‌است و نمی تواند خالی ارسال شود. فیلد ایمیل: فیلد الزامیست که با توجه به استانداردهای شناسایی HTML5 مانند داشتن @ و داشتن حداقل یک کارکتر قبل و بعد @ و همینطور نداشتن کاما اعتبار سنجی می‌شود فیلد نشانی سایت: فیلدی اختیاریست که در صورت […]


اعتبارسنجی نشانی ایمیل

http://fakhar-codes.ir/اعتبارسنجی-نشانی-ایمیل/

اعتبار سنجی نشانی ایمیل همزمان با تایپ نشانی در فیلد


ساخت فهرست درختی با بوت‌استراپ

http://fakhar-codes.ir/ساخت-فهرست-درختی-با-بوت‌استراپ/

لیست‌های تو در تو که به صورت کشویی باز و بسته می شوند برای نمایش گزینه‌ها به صورت مادر و فرزندی


اسکلتبندی و ساختار کلی قالب های وردپرس

http://fakhar-codes.ir/اسکلتبندی-و-ساختار-کلی-قالب-های-وردپرس/

پیش نیاز های ضروری برای طراحی قالب وردپرس آشنایی کامل با HTML HTML مخفف کلمه زبان نشانه گذاری فرا متنی است. برذای یادگیری این زبان منابع زیادی موجود است که تقریبا همه برنامه نویسان جهان مدرسه آنلاین کنسرسیوم جهانی وب w3c را ارزنده ترین منبع رایگان یادگیری این زبان می دانند www.w3schools.com


نقشه مناطق 22 گانه تهران 3

http://fakhar-codes.ir/نقشه-مناطق-22-گانه-تهران-3/

نقشه علامت خورده 22 منطقه تهران فایل kml برای ایمپورت نمودن نقشه در گوگل مپ شخصی tehran.zip (فایل را از زیپ خارج نموده و بعد ایمپورت نمایید)


نقشه مناطق 22 گانه تهران 2

http://fakhar-codes.ir/نقشه-مناطق-22-گانه-تهران-2/

نقشه کشیده شده همه مناطق تهران با استفاده از polyline – svg و html5


نقشه مناطق 22 گانه تهران 1

http://fakhar-codes.ir/نقشه-مناطق-22-گانه-تهران-1/

تصویر شهر تهران لینک شده به یک مپ و هر منطقه در یک تگ area علامت خورده است (HTML 4.5)


اجرای یک کد جی کوئری بعد از تکمیل اجرای کد قبلی

http://fakhar-codes.ir/اجرای-یک-کد-جی-کوئری-بعد-از-تکمیل-اجرای/

گاهی نیاز است تابعی را به وسیله جی کوئری پس از اجرای کامل تابعی دیگر فراخوانی نماییم این کد اینکار را برای ما میسر می کند


کلاس های progress و progress-bar در بوت استراپ

http://fakhar-codes.ir/کلاس-های-progress-و-progress-bar-در-بوت-استراپ/

بوت استراپ با پنج ترکیب رنگی: primary, info, success, warning,danger و چهار کلاس: پیشفرض – striped – animated – tacked می تواند پروسس بار دلخواه را بسازد


اعمال تغییرات دلخواه در تگ progress

http://fakhar-codes.ir/اعمال-تغییرات-دلخواه-در-تگ-progress/

تگ progress از تگهای اعتبار یافته در html5 می باشد که رنگبندی و شکل ظاهری آن ثابت است و کدهای استایل بندی پیوست با استفاده از وب کیت امکان شخصی ساز آنرا فراهم می آورند


ساعت آنلاین

http://fakhar-codes.ir/ساعت-آنلاین/

نمایش آنلاین یک ساعت دیجیتال با استفاده از ساعت سیستم و جاوا اسکریپت