Post Top Ad

Your Ad Spot

الجمعة، 10 أبريل 2015

كيفية جعل شعار المدونة اوعنوان المدونة يتحرك بشكل دائرى Effect Roll Logo

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


شرح اضافة تاثير على شعار او عنوان المدونة :

 قبل اضافة اى اكواد او التعديل علية يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML















الان قم بالبحث عن هذا الكود :
]]></b:skin>
فقط ضع قبلة مباشرة هذا الكود :
#header-inner{
 -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
#header-inner:hover{
-moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
بالاخير اضغط على حفظ التغيرات .
اذهب الأن الى صفحة المدونة وشاهد النتيجة ستجد اسم المدونة او عنوان المدونة او شعار المدونة يتحرك بشكل جذاب عند وضع مؤشر الماوس عليها .
اتمنى ان هذه الاضافة البسيطة اعجبتكم وانتظرونى باضافة اخرى جديدة .

هناك تعليقان (2):

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

Post Top Ad