أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

منتدى شروحات ودروس منتديات PBBoard

ركب عجلة دوارة للمنتدى كما Do a Barrel Roll لمتعة المتصفحين

: ركب عجلة دوارة للمنتدى كما Do a Barrel Roll لمتعة المتصفحين

09-12-2011 01:21 صباحاً

نجم الويب

السلام عليكم ورحمة الله وبركاته،،

اعتقد ان البعض سمع بالحركة التي قامت بها محرك البحث قوقل " لفة البرميل "

اقتبـاس ،، "اليوم متعة الاستعلام ،' لفة برميل ، Do a Barrel Roll 'تم إنشاؤها بواسطة مهندس البرمجيات جوجل مع الهدف الأساسي من المستخدمين التسلية-- بينما تعرض قوة CSS3، وهي ميزة عرض المتصفحاتالحديثة. حيث يقوم الاستعلام "Do a Barrel Roll" ، والذي يجعل صفحة البحث تقوم بالدوران ، تبقى في مكانها لفترة من الوقت ".
قراءة الموضوع كاملا : اطلاق حركة مسلية من جوجل ‘Do a Barrel Roll,’

قمت بجلب الكود الذي يجعل صفحة الموقع تدور بمساعدة احد اصدقائي ..

الكود :

CODE
<style type="text/css"> @-webkit-keyframes roll { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg) } } @-moz-keyframes roll { from { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(360deg) } } @keyframes roll { from { transform: rotate(0deg) } to { transform: rotate(360deg) } } body { -moz-animation-name: roll; -moz-animation-duration: 3s; -moz-animation-iteration-count: 1; -webkit-animation-name: roll; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: 1; } </style>

لوحة التحكم »اعلانات ادسنس» اضافة إعلان ادسنس جديد: حط الكود

اين تريدها ان تعمل بالضبط ؟؟

1- في الرئيسية فقط : يظهر في اعلى المنتدى : نعم
2- في الاقسام فقط : يظهر في صفحة الأقسام :نعم
3- في المواضيع فقط : يظهر بداخل المواضيع : نعم

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

لمشاهدة الحركة :
اضغط هنا وممنوع دخول الي يدوخ بسرعة

اقتبـاس ،، (بالمناسبة، وتقول جوجل قد لا ترى أثر في المتصفحات القديمة. HTML5 أحدث منها الدعم ، وأحدث نسخة من الكود الذي يعمل على الانترنت لأظهار المحتوى.)

آحلى تقييم لو عجبتك الحركة فقط

: ركب عجلة دوارة للمنتدى كما Do a Barrel Roll لمتعة المتصفحين

09-12-2011 01:52 صباحاً [1]

omar

تسلم الايادى نجم
ههههههههههههههههههههههههههههههه
كنت لسه بفكر انزل الموضوع من شويه بس سبقتنى
وده نفس الكود بس تحطه فى اخر ملف css
بس التاثير ده مش هيشتغل غير على المتصفحات الى بتدعم css3
يعنى اكسبلورر 8 مش هيشتغل عليه التاثير
عموما ده الكود
ويتحط فى اخر ملف css فى الاستايل الى تحب تنفذ فيه هذه الحركة

CODE


@-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-duration: 4s;  
    -moz-animation-name: roll;  
    -moz-animation-iteration-count: 1;
    -webkit-animation-duration: 4s;  
    -webkit-animation-name: roll;  
    -webkit-animation-iteration-count: 1;
    -o-animation-duration: 4s;  
    -o-animation-name: roll;  
    -o-animation-iteration-count: 1;  
}

: ركب عجلة دوارة للمنتدى كما Do a Barrel Roll لمتعة المتصفحين

09-12-2011 02:30 صباحاً [2]

نجم الويب

مشكوور اخوي عمر ولا يهمك اعتبر انه موضوعك ركب عجلة دوارة للمنتدى كما Do a Barrel Roll لمتعة المتصفحين

اقتبـاس ،، ويتحط فى اخر ملف css فى الاستايل الى تحب تنفذ فيه هذه الحركة

لا انصح بوضعه في ملف css الخاص بالاستايل لانه سيعمل في جميع الصفحات مما يؤدي الى طفش المتصفحين من كثر الترجيع هههههههه

طريقة وضعه قد اسلفت في نفس الموضوع ركب عجلة دوارة للمنتدى كما Do a Barrel Roll لمتعة المتصفحين

: ركب عجلة دوارة للمنتدى كما Do a Barrel Roll لمتعة المتصفحين

09-12-2011 02:40 صباحاً [3]

omar

المشاركة الأصلية كتبت بواسطة: نجم الويب مشكوور اخوي عمر ولا يهمك اعتبر انه موضوعك

اقتبـاس ،، ويتحط فى اخر ملف css فى الاستايل الى تحب تنفذ فيه هذه الحركة

لا انصح بوضعه في ملف css الخاص بالاستايل لانه سيعمل في جميع الصفحات مما يؤدي الى طفش المتصفحين من كثر الترجيع هههههههه

طريقة وضعه قد اسلفت في نفس الموضوع

تسلم اخى هيا حركة لزيزه بس ممكن تطفش الاعضاء هههههههههههههههههههههههههه
احنا وضعنا كل الطرق وهما احرار كل واحد مسؤال عن نتيجة اختياره

: ركب عجلة دوارة للمنتدى كما Do a Barrel Roll لمتعة المتصفحين

15-12-2011 05:19 مساءً [4]

ḾЯ.ђฮṧṧฮη

حركة رووووووعة وانا طبقتها بمنتداى

http://so7abstar.elaml.info/index.php

: ركب عجلة دوارة للمنتدى كما Do a Barrel Roll لمتعة المتصفحين

15-12-2011 10:49 مساءً [5]

نجم الويب

بالتوفيق مشكور ركب عجلة دوارة للمنتدى كما Do a Barrel Roll لمتعة المتصفحين

: ركب عجلة دوارة للمنتدى كما Do a Barrel Roll لمتعة المتصفحين

25-03-2012 01:16 صباحاً [6]

m_rezk2000

رائع تم التركيب ويعمل بكفاءة تسلم ايدك وبارك الله فيك

http://www.mobaily.arbsw.info

: ركب عجلة دوارة للمنتدى كما Do a Barrel Roll لمتعة المتصفحين

25-03-2012 01:19 صباحاً [7]

m_rezk2000

رائع تم التركيب ويعمل بكفاءة تسلم ايدك وبارك الله فيك

http://www.mobaily.arbsw.info

: ركب عجلة دوارة للمنتدى كما Do a Barrel Roll لمتعة المتصفحين

26-03-2012 12:26 صباحاً [8]

نجم الويب

المشاركة الأصلية كتبت بواسطة: m_rezk2000 رائع تم التركيب ويعمل بكفاءة تسلم ايدك وبارك الله فيك

كروعة مرورك وتركيبك له
بالتوفيق

: ركب عجلة دوارة للمنتدى كما Do a Barrel Roll لمتعة المتصفحين

15-03-2013 10:18 مساءً [9]

علي العراقي

روعه كنت ابحث عنه بارك الله فيييييييييييييك

http://www.soundmakeriraq.tk/forums/