ط§ط¶ط§ظپظ‡ طھط§ط«ظٹط± css ظ„ط²ط± طھط³ط¬ظٹظ„ ط§ظ„ط¯ط®ظˆظ„






بسم الله الرحمن الرحيم

اقتباس
اضافه تاثير css لزر تسجيل الدخول لـ XenForo - :: Traidnt.Net ::



[ اسم الكود code ] : اضافه تاثير css لزر تسجيل الدخول
[ وصف الكود code ] : تاثير توهج على زر التسجيل
[ يتوافق مع اي اصدار ] : جميع الاصدارات
[ موقع مبرمج الكود code ] : Breathing Sign Up Button | XenForo Community
[ مثال مباشر ] : سيمو لخدمات الويب المتكاملة - منتدى دعم xenforo


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




مثال مصور



التركيب install
افتح قالب template
EXTRA.css

اضف بداخله

رمز PHP:
<code style="white-space:nowrap"> <code> /* SIGN UP BOX */@-webkit-keyframes redPulse {from { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; } 50% { background-color: #e33100; -webkit-box-shadow: 0 0 18px #e33100; } to { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; } }@-moz-keyframes redPulse {from { background-color: #bc330d; -moz-box-shadow: 0 0 9px #333; } 50% { background-color: #e33100; -moz-box-shadow: 0 0 18px #e33100; } to { background-color: #bc330d; -moz-box-shadow: 0 0 9px #333; } }@-o-keyframes redPulse {from { background-color: #bc330d; -o-box-shadow: 0 0 9px #333; } 50% { background-color: #e33100; -o-box-shadow: 0 0 18px #e33100; } to { background-color: #bc330d; -o-box-shadow: 0 0 9px #333; } }@keyframes redPulse {from { background-color: #bc330d; box-shadow: 0 0 9px #333; } 50% { background-color: #e33100; box-shadow: 0 0 18px #e33100; } to { background-color: #bc330d; box-shadow: 0 0 9px #333; } }#SignupButton {border: none !important;background: transparent !important;}#SignupButton .inner {-webkit-animation-name: redPulse;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;-moz-animation-name: redPulse;-moz-animation-duration: 2s;-moz-animation-iteration-count: infinite;-o-animation-name: redPulse;-o-animation-duration: 2s;-o-animation-iteration-count: infinite;animation-name: redPulse;animation-duration: 2s;animation-iteration-count: infinite;background: none repeat scroll 0% 0% #750606 !important;}#SignupButton:hover .inner { background: #e33100 !important;}/* END SIGN UP BUTTON*/
</code> </code>










©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©