سورس مگ
📌 آموزش ایجاد افکت چرخش تصویر هنگام رفتن ماوس روی آن 🔹 زبان کدنویسی : HTML و CSS ساختار HTML ای که در اینجا مورد استفاده قرار داده ایم، بسیار ساده است. توضیحات تکمیلی کلاس و ایدی در کانال آموزش طراحی وب هست؛ مطالعه کنید. <p class="rotate-360"> …
🔺 توضیحات تکمیلی :
🔹 توی قسمت HTML یه تگ p داریم که کلاس 360-rotate براش تعریف کردیم، در کانال آموزش طراحی وب مبحث آیدی و کلاس کامل توضیح داده شده. میتونی توی اینجا بجای تگ p، از div یا هر تگ دیگه‌ای که موردنظرته استفاده کنی.
توی این دستور، نیاز نیس حتما از تگ p باشه. با توضیحاتی که گفتیم، میتونی کد بالا رو به دلخواه خودت تغییر بدی. تنها قسمتی که مهمه، تصویر موردنظرت داخل یه در بر گیرنده با کلاس rotate-360 قرار داره تا CSS ای که در ادامه میدیم به درستی کار کنه، پس اگه نام کلاس توی تگ تغییر دادی، باید توی CSS هم تغییر بدی.
توضیح تیکه کد شماره 1 توی CSS : میگه هر کدومش با سرعت 0.8 ثانیه 360 درجه بچرخه توی مروگرها مختلف و باز به جا اولیش برگرده.
توضیح تیکه کد شماره 2 توی CSS : تیکه کد دومی وقتی که موس رو عکس بره توی مروگرها مختلف 360 درجه میچرخه و وقتی موس از رو عکس میره کنار دوباره به جا خودش برمیگرده.
╭─┅─═ঊঈঊঈ═─┅─╮
♨️ @sourcemags
╰─┅─═ঊঈঊঈ═─┅─╯
🔹 توی قسمت HTML یه تگ p داریم که کلاس 360-rotate براش تعریف کردیم، در کانال آموزش طراحی وب مبحث آیدی و کلاس کامل توضیح داده شده. میتونی توی اینجا بجای تگ p، از div یا هر تگ دیگه‌ای که موردنظرته استفاده کنی.
توی این دستور، نیاز نیس حتما از تگ p باشه. با توضیحاتی که گفتیم، میتونی کد بالا رو به دلخواه خودت تغییر بدی. تنها قسمتی که مهمه، تصویر موردنظرت داخل یه در بر گیرنده با کلاس rotate-360 قرار داره تا CSS ای که در ادامه میدیم به درستی کار کنه، پس اگه نام کلاس توی تگ تغییر دادی، باید توی CSS هم تغییر بدی.
توضیح تیکه کد شماره 1 توی CSS : میگه هر کدومش با سرعت 0.8 ثانیه 360 درجه بچرخه توی مروگرها مختلف و باز به جا اولیش برگرده.
توضیح تیکه کد شماره 2 توی CSS : تیکه کد دومی وقتی که موس رو عکس بره توی مروگرها مختلف 360 درجه میچرخه و وقتی موس از رو عکس میره کنار دوباره به جا خودش برمیگرده.
╭─┅─═ঊঈঊঈ═─┅─╮
♨️ @sourcemags
╰─┅─═ঊঈঊঈ═─┅─╯
📌 سورس کد صفحه کلید
🔹 زبان کدنویسی : HTML و CSS
🔺 در این مطلب با یکی دیگر از سورس‌های برنامه نویسی با سورس کد صفحه کلید با HTML و CSS از بخش سورس html در خدمت شما دوستان عزیز هستیم.
این صفحه کلید زیبا با استفاده از HTML و CSS طراحی شده است.
همچنین در این سورس کد برای فونت‌ها از API گوگل فونت خانواده CSS Nunito نیز استفاده شده است.
نکته: برای ویرایش کدها نیازی به استفاده از برنامه حجیم نیست، با +Notepad می‌توانید کدها را ویرایش و شخصی سازی کنید.
+ منبع : سورس سافت
╭─┅─═ঊঈঊঈ═─┅─╮
♨️ @sourcemags
╰─┅─═ঊঈঊঈ═─┅─╯
🔹 زبان کدنویسی : HTML و CSS
🔺 در این مطلب با یکی دیگر از سورس‌های برنامه نویسی با سورس کد صفحه کلید با HTML و CSS از بخش سورس html در خدمت شما دوستان عزیز هستیم.
این صفحه کلید زیبا با استفاده از HTML و CSS طراحی شده است.
همچنین در این سورس کد برای فونت‌ها از API گوگل فونت خانواده CSS Nunito نیز استفاده شده است.
نکته: برای ویرایش کدها نیازی به استفاده از برنامه حجیم نیست، با +Notepad می‌توانید کدها را ویرایش و شخصی سازی کنید.
+ منبع : سورس سافت
╭─┅─═ঊঈঊঈ═─┅─╮
♨️ @sourcemags
╰─┅─═ঊঈঊঈ═─┅─╯
📌 ساخت کد امنیتی Captcha
🔹 زبان کدنویسی : PHP
🔺 وارد کردن کد امنیتی (کپچا) در وبسایت‌ها، گاها برای کاربران واقعی، کاری بسیار دشوار و آزار دهنده است. jReply یک اسکریپت برای نمایش کد امنیتی در وبسایت دسخط برای کاربران هست، که در عین راحتی در نوشتن برای کاربران واقعی، از ورود ربات‌ها هم جلوگیری می‌کند.
کد نوشته شده نیز به منظور راحتی در تطبیق و تغییر آن ساده و قابل درک نوشته شده است.
کد زیر همان کد استفاده شده در اسکریپت تصویر امنیتی ساده (کپچا) است. توجه کنید که کد زیر به تنهایی کار نمیک‌ند و نیازمند فونت و لیست لغات است که به صورت کامل ضمیمه شده.
╭─┅─═ঊঈঊঈ═─┅─╮
♨️ @sourcemags
╰─┅─═ঊঈঊঈ═─┅─╯
🔹 زبان کدنویسی : PHP
🔺 وارد کردن کد امنیتی (کپچا) در وبسایت‌ها، گاها برای کاربران واقعی، کاری بسیار دشوار و آزار دهنده است. jReply یک اسکریپت برای نمایش کد امنیتی در وبسایت دسخط برای کاربران هست، که در عین راحتی در نوشتن برای کاربران واقعی، از ورود ربات‌ها هم جلوگیری می‌کند.
کد نوشته شده نیز به منظور راحتی در تطبیق و تغییر آن ساده و قابل درک نوشته شده است.
کد زیر همان کد استفاده شده در اسکریپت تصویر امنیتی ساده (کپچا) است. توجه کنید که کد زیر به تنهایی کار نمیک‌ند و نیازمند فونت و لیست لغات است که به صورت کامل ضمیمه شده.
╭─┅─═ঊঈঊঈ═─┅─╮
♨️ @sourcemags
╰─┅─═ঊঈঊঈ═─┅─╯