بعضی از سایت ها خیلی به زیبایی سایت خودشون رسیدگی میکنند. از قبیل تغییر شکل موس، بارش برف در سایت، پرنده های متحرک داخل سایت و … ولی تنها کاری که تا کنون جایی ندیدم کج کردن سایت بود(البته دیدم ولی در شوخی گوگل). امروز برای شما کدی رو آماده کردم که با آن میتوانید سایت خود را به زوایای مختلف کج کنید و به سایت خود جلوه ای خاص ببخشید.
این از دو قسمت تشکلی شد و حجم آن نیز بسیار کم است.
عکس دمو این کد در تصویر همین پست وجود دارد که بر روی سایت پی سی دی ال اعمال شده است.
طریقه استفاده از کد :
ابتدا تگ body را در سایت خود پیدا کرده و کد زیر را در زیر آن تگ قرار دهید.
1 2 | <div style="transform: rotate(3deg)"> <h2><a href="http://pi3idl.com" style="position:fixed; top:-1000%">کد زیبا سازی وبلاگ</a></h2> |
اگر میخواهید سایت شما بیشتر کج شود عدد 3 را بیشتر و اگر میخواهید کمتر کج شود عدد 3 را کم تر کنید. در صورتی هم که میخواهید مخالف این جهت یعنی از سمت چپ به راست کج شود این عدد را منفی کنید.
سپس تگ body بسته را پیدا کرده و کد زیر را در بالای آن قرار دهید.
1 | </div> |
در صورتی که نتوانستید این کار را کنید میتوانید از اینجا برای من یک تیکت ارسال کرده تا برای شما انجام دهم.
سلام
بسیار متشکرم از این راهنمایی
این مورد میتونه در جاهایی فوق العاده پرکاربرد باشه
بعنوان مثال در میان صفحه جدولی داریم که میخواهیم کج نشان داده بشه
یا عکسی که با این شیوه میشه براحتی کج کرد
فقط کافیست کد div محصور بشه به اون بخشی که میخوایم کج کنیم
بازم از مطلب بسیار خوبتون متشکرم و آرزوی موفقیت براتون میکنم
نظر لطفتون هست. همین نظرات شما باعث دلگرمی ما و فعالیت بیشتر ما میشه