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

توجه: این کد، از دستورات اشکال نمیگیره و از نظر املایی دستورات، فقط اشکال میگیره

اینم کد (توجه: باید کد زیر را بلافاصبه قبل از </script> قرار دهید):

شمات با استفاده از خاصیت contenteditable میتوانید،به کاربر خود این امکان را بدهید که شئ مورد نظرتان را بصورت عادی بتواند ویرایش کند

نکته:

اگر مقدار، برابر true باشد، کاربر میتواند شئ مورد نظر شما را ویرایش کند...

اگر مقدار، برابر با false باشد، کاربر نمیتواند شئ مورد نظر را ویرایش کند...که اگر میخواهید این طور باشد، هیچ چیزی را قرار ندهید، زیرا به صورت پیشفرض، کاربر دسترسی به تغییر صفحه را ندارد...

توجه:

در مرورگر موزیلا (یا فایر فاکس) یک گزینه با عنوان "Inspect Element" وجود دارد که کاربر میتواند با آن صفحه را تغییر دهید...

با "inspect Element" و "contenteditable" نمیتوان سورس صفحه (کدهای صفحه) را به طور کلی تغییر داد، هر تغییر برای خود شخص میباشد و ضرری برای سایت ندارد...

سلام

این بار کد آموز برای شما یه ابزار ساخته که با اون میتونید برای سایت خود iframe یا همون آیفریم بسازید

iframe به چه دردی میخورد؟

یک تگ برای وقتی که شما میخواهید عیناً یک صفحه را درون قالب خود قرار دهید، آن موقع با آیفریم میتوانید این کار را عملی کنید

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

توجه: این قابلیت برای سایتتون ضرر داره چون رتبه سایتتون رو منفجر میکنه و به رتبه سایت مقصد اضافه میکنه...ولی اگه خیلی نیازتون هست، میتونید از ابزار مربوطه، استفاده کنید

سلام این بار کد آموز برای شما یه ابزار ساخته که با اون میتونید کاری کنید که وقتی کاربر وارد سایت شما شد، پیغام دلخواهتون رو بهش برسونین مثل:سلام به سایت من خوش اومدید

اسم این ابزار، ابزار ساخت کد خوش آمد گویی به کاربره...این ابزار در حین ساده بودن، بسیار کار آمده و اگه ازش استفاده کنین، سایت شما به یه سایت حرفه ای تبدیل خواهد شد...هر چند من توصیه میکنم که از این کد استفاده نکنید چون واسه ی وب یکم مضره...

سلام

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

در پست های قبلی، فقط افکت های آماده ای وجود داشت که شما باید از اونا استفاده میکردید ولی در این پست، با استفاده از این ابزار، میتونید افکت دلخواهتون رو برای تصاویر بسازید

سلام

این بار کد آموز برای شما یک قالب جدید (قالب 404) آورده

شما با استفاده از این قالب  404 میتوانید به کاربران خود زیبایی خاصی ببخشید. این قالب نیمه ریسپانسیو هست و پس زمینه بعضی قسمت های اون از انیمیشن (در CSS) ساخته شده

این قالب زمانی کار میکند که کاربر شما، صفحه ای را در وب شما وارد میکند، ولی آن صفحه، وجود ندارد، آن وقت این قالب به نمایش در می آید

دموی قالب

پشتیبانی این مرورگر ها از این قالب:

این با کد آموز برای شما یه افکت دیگه ساخته

شما با این افکت میتوانید به تصاویر خود زیبایی خاصی ببخشید که با رفتن نشانگر ماوس بر روی آن ها عکس کاملا گرد میشود و یک سایه‎‌ی قرمز زیبا زیر آن می افتد تمام این کار ها در یک ثانیه انجام میشود و وقتی نشانگر ماوس را از روی آن برمیدارید در عرض 0.5 ثانیه عکس به حالت اول باز میگردد

دموی کد:

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

ما میخوایم در css داخلی و یا خارجی بدون استفاده از class و id به چیز هایی که مد نظر داریم، استایل بدیم

آموزش: ما با استفاده از [ ] میخوایم بدون استفاده از class و یا id به چیز هایی که مد نظر داریم، استایل بدیم. نیازی به توضیح نمیبینم، خودتون به کد زیر نگاه کنید و اون رو تجزیه کنید، و ببینید که هر متنی چرا اینجوری شده

این مثال ها به شما در یادگیری این مطلب کمک میکند:

حتما در خیلی از سایت ها دیده اید که وقتی نشانگر موشواره تان را روی یکی از عکس های آن سایت می برید شکل آن عکس تغییر میکند، حالا ما این کد را در اختیار شما قرار دادیم و شما با استفاده از این کد میتوانید عکس های وبلاگ یا وب سایت خود را با این افکت زیبا کنید

دمو:

تنظیم میزان شفافیت با خاصیت opacity

به کمک خاصیت opacity میتوان میزان شفافیت عکس را مشخص کرد. عدد 1 برای این خصوصیت، مشخص می کند که عکس کاملا ناشفاف و بصورت طبیعی باشد و مقدار 0، عکس را کاملا شفاف و نامرئی می کند

نکته: اعداد بین 0 تا 1 بصور اعشاری میزان شفافیت را در این خاصیت مشخص می کند

این مثال ها یه شما در یادگیری این خاصیت کمک میکند:

ایجاد تو رفتگی با text-indent

در ادبیات همیشه اول بند جدید، به اندازه یک کلمه تو رفتگی به جمله میدهیم، برای ایجاد خودکار تو رفتگی از خاصیت text-indent استفاده کنید

این مثال به شما در یادگیری مبحث کمک میکند:

وقتی نشانگر موشواره یا mouse خود را روی قسمت های مختلف ویندوزتان نگاه میدارید، اشکال مختلفی را میبینید، گاهی اوقات به شکل یک دست می شود و گاهی اوقات به شکل یک ساعت شنی و...، حالا میخواهیم این قابلیت را روی صفحه وبمان فعال کنیم که مثلا وقتی کاربر روی عنوان نوشته آمد نشانگر موشواره از حالت عادی به حالت دست تبدیل شود

این تغییر نشانگر موشواره به کمک خصوصیت cursor امکان پذیر است، برخی از مقادیری که این خصوصیت میگیرد، عبارتند از: