أرشيف انكور
(نسخة قابلة للطباعة من الموضوع)
https://archive.iinkor.com/t1129
أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

الاعلانات الادارية المميز مع تأثيرات
Admin 14-08-2020 02:04 مساءً
بسم الله الرحمن الرحيم

لمشاهدة الروابط يلزمك التسجيل
اقدم لكم كود الاعلانات الادارة المميز مع تاثيرات عند مرور الماوس عليه
الكود كان مستعمل هنا في الاشهار و في الابداع العربي
وفيه ناس كانت تسأل عليه
معاينة الكود :
16810
تركيب الكود:
ضع الكود التالي في ورقة الـ css
CODE
.rotkxlink ul {<br />
&nbsp; &nbsp; border: 0 none;<br />
&nbsp; &nbsp; list-style-type: none;<br />
&nbsp; &nbsp; padding: 0;<br />
}<br />
.rotkxlink ul li {<br />
&nbsp; &nbsp; border: 0 none;<br />
&nbsp; &nbsp; float: right;<br />
&nbsp; &nbsp; margin-bottom: 0;<br />
&nbsp; &nbsp; margin-left: auto;<br />
&nbsp; &nbsp; margin-top: 0;<br />
&nbsp; &nbsp; padding: 0;<br />
&nbsp; &nbsp; width: 100%;<br />
}<br />
.rotkxlink ul li a{background-color:#34495e;color:#fff;display:block;height:35px;line-height:35px;margin-bottom:5px;text-decoration:none;transition:all 0.7s ease 0s !important}<br />
.rotkxlink ul li a:hover{background-color:#3bafda;color:#f7f7f7;padding-right:20px;}<br />
i.fa.fa-arrow-circle-o-left {<br />
&nbsp; &nbsp; background-color: #3bafda;<br />
&nbsp; &nbsp; border-left: 1px solid #fff;<br />
&nbsp; &nbsp; color: #fff;<br />
&nbsp; &nbsp; float: left;<br />
&nbsp; &nbsp; font: 24px/35px fontawesome;<br />
&nbsp; &nbsp; text-align: center;<br />
&nbsp; &nbsp; width: 35px;<br />
}<br />
<br />

ومن ثم ضع الكود التالي اينما اردت ظهور الصندوق
CODE
<div class="rotkxlink"><ul>
<li><a href="#">هنا تضع اعلانك النصي المراد اظهاره</a></li>
</ul></div>


وفي حال اردت اضافة صناديق اكثر قم بتكرار الكود التالي فقط بين
  • و
CODE
<li><a href="#">هنا تضع اعلانك النصي المراد اظهاره</a></li>



ان شاء الله يكون عجبكم
بالتوفيق للجميع
والسلام ختام
أرشيف انكور

Copyright © 2009-2025 PBBoard® Solutions. All Rights Reserved