[Css] : بنر بمناسبة حلول شهر رمضان المبارك .. بطريقة رائعة ..

[walid]

http://www.dzbatna.com/images/icons/iconrote.gif [Css] : ط¨ظ†ط± ط¨ظ…ظ†ط§ط³ط¨ط© ط*ظ„ظˆظ„ ط´ظ‡ط± ط±ظ…ط¶ط§ظ† ط§ظ„ظ…ط¨ط§ط±ظƒ .. ط¨ط·ط±ظٹظ‚ط© ط±ط§ط¦ط¹ط© .. (http://www.dzbatna.com/t1636317/)







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

أفتتح موضوعي هذأ بأيات من القرأن الكريم :
( شَهْرُ رَمَضَانَ الَّذِي أُنْزِلَ فِيهِ الْقُرْآنُ هُدًى لِلنَّاسِ وَبَيِّنَاتٍ مِنَ الْهُدَىٰ وَالْفُرْقَانِ ۚ فَمَنْ شَهِدَ مِنْكُمُ الشَّهْرَ فَلْيَصُمْهُ ۖ وَمَنْ كَانَ مَرِيضًا أَوْ عَلَىٰ سَفَرٍ فَعِدَّةٌ مِنْ أَيَّامٍ أُخَرَ ۗ يُرِيدُ اللَّهُ بِكُمُ الْيُسْرَ وَلَا يُرِيدُ بِكُمُ الْعُسْرَ وَلِتُكْمِلُوا الْعِدَّةَ وَلِتُكَبِّرُوا اللَّهَ عَلَىٰ مَا هَدَاكُمْ وَلَعَلَّكُمْ تَشْكُرُونَ )

وكما عودتكم بالجديد دائماً ..~

نطل عليكم إطلالتنا الجميلة ببنر يتميز بخاصية الـ hover بمناسبة شهر رمضان ..

أي عند مرور الماوس بتغير شكله ويصبح شكل أخر ..

للمشاهدة المثال تفضلوا :
http://forum.swalifcam.com/index.php?styleid=30 (http://forum.swalifcam.com/url.php?ref=http://forum.swalifcam.com/index.php?styleid=30)

موجود في الهيدر header ..~

والأن مع كيفية التركيب install :

أولاً نتوجه إلى لوحة تحكم المنتدى forum --> التحكم بالإستايل styleات --> إختار الإستايل style المراد التعديل عليه --> رئيسي css --> إبحث عن --> تعاريف CSS الإضافية/Additional CSS Definitions --> وضع التالي في المربع الثاني : رمز PHP:

<code style="white-space:nowrap"> <code> .buttin{
background-image:url('Ramdan.jpg');
width:720px;
height:81px;
background-position:50% top;
display:block;
margin:auto;
}
.buttin:hover{
background-image:url('Ramdan.jpg');
width:720px;
height:81px;
background-position:bottom;
}
</code> </code>



ومن ثم توجه لقالب template الـهيدر أضف أخره هذأ الكود code :
رمز PHP:

<code style="white-space:nowrap"> <code> <a href="www.xxx.com" title="كل عام وأنتم بخير بمناسبة حلول شهر رمضان المبارك ..!!
" class="buttin"></a>
</code> </code>



علماً بأن الـxxx هو رابط موقعك ..~

علماً بأن الـxxx هو رابط موقعك ..~

للتحميل الملف المفتوح والتعديل على الصورة تفضلوا :
http://www.4shared.com/photo/tcIK4B24/Ramdan.html (http://forum.swalifcam.com/url.php?ref=http://www.4shared.com/photo/tcIK4B24/Ramdan.html)

المصدر : http://forum.swalifcam.com/showthread.php?t=280

.. بالتوفيق ..







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©