الجمعة، 30 يناير، 2015

اضافة تموج صفحة المدونة بشكل دائرى اثناء التصفح - ترنح المدونة - Roll Blogger

اثناء تصفحى لأحدى المواقع الاجنبية رايت موقع اجنبى واضع خاصية ترنح الصفحات بمعنى اثناء تصفح الموقع تجد صفحات المدونة تترنح بشكل دائرى اكثر من رائع هذه الخاصية ذكرتنى بايام المنتديات الذى كنت امتلكها فى السابق عندما اضع هذه الخاصية جعل اصحاب المنتديات يتسالون عن هذا الكود وكيف يعمل الكود عبارة عن جافا سكربت ولكن انا لا انصح بهذا الكود لانة بيجعل الموقع بطيى بعض الشيى وعن تجربة وهذه مجرد نصائح فلمن يريد هذه الطريقة يتابع معى كيفية التركيب .





كيفية التركيب :

اذهب الى لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/JAVA SCRIPT









ضع هذا الكود بداخلة :

<style> @-moz-keyframes roll { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes roll { 100% { -o-transform: rotate(360deg); } } @-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); } } body{ -moz-animation-name: roll; -moz-animation-duration: 4s; -moz-animation-iteration-count: 1; -o-animation-name: roll; -o-animation-duration: 4s; -o-animation-iteration-count: 1; -webkit-animation-name: roll; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 1; } </style>
بالأخير اضغط على حفظ
الان اتجهة الى صفحة المدونة الرئيسية لتشاهد النتيجة .

صورة لشكل الاضافة :


















كما تلاحظون الشكل بعد الاضافة ستجدون بأن صفحة المدونة تتموج اثناء تصفح المدونة .
ارجو بأن هذه الاضافة اعجبتكم وانتظرونى باضافة اخرى جديدة .

ليست هناك تعليقات :

إرسال تعليق

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )