كود css تكبير صورة مصغرة بشكل مختلف
صفحة 1 من اصل 1
كود css تكبير صورة مصغرة بشكل مختلف
كود html
- الكود:
<div class="thumb">
<a href="#">
<img src="ضع صورة هنا1" alt="miniature Inachis-Io" />
<img src="ضع صورة هنا2
" alt="Inachis-io" class="grand" />
</a>
<a href="#">
<img src="ضع صورة هنا1
" alt="miniature Machaon" />
<img src="ضع صورة هنا2
" alt="Machaon" class="grand" />
</a>
<a href="#">
<img src="ضع صورة هنا1
" alt="miniature Polyommatus-icarus" />
<img src="ضع صورة هنا2
" alt="Polyommatus-Icarus" class="grand" />
</a>
</div>
- الكود:
body {
background-color:black;
color:white;
height:500px;
}
img {
border:1px solid black;
}
.thumb {
position:relative;
top:0;
left:0;
}
.thumb a {
margin:0;
text-decoration:none;
}
.thumb a:hover {
background-color:black;
}
.thumb a .grand {
display:block;
position:absolute;
width:0;
}
.thumb a:hover .grand {
position:absolute;
top:80px;
left:0;
width:300px;
height:225px;
}
طريقة الوضع : -
الكود يوضع بورقة الــــcss
لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css
مواضيع مماثلة
» كود css يجعل الصور فى منتداك بشكل رائع !!!
» [كود] تكبير حجم الخط بما يناسبك في مواضيع المنتدى
» كود تكبير الصورة عند مرور الماوس عليها
» كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS
» حل مشكلة صور في المواضيع لا تظهر بشكل سريع
» [كود] تكبير حجم الخط بما يناسبك في مواضيع المنتدى
» كود تكبير الصورة عند مرور الماوس عليها
» كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS
» حل مشكلة صور في المواضيع لا تظهر بشكل سريع
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
الإثنين 22 نوفمبر 2021 - 14:58 من طرف prunez
» مجموعة بروونز للإستشارات الأكاديميه و الدراسات
الأربعاء 4 سبتمبر 2019 - 12:28 من طرف prunez
» شركة هنتمدز للخدمات الطبية
الثلاثاء 27 فبراير 2018 - 18:38 من طرف prunez
» برنامج korg wavestation بصوت عربي (خاص-flstudio )
الخميس 1 يناير 2015 - 21:10 من طرف abdellah
» مجموعة بروونز للإستشارات الأكاديميه و الدراسات PRUNEZ Research
الثلاثاء 13 أغسطس 2013 - 14:21 من طرف prunez
» إذا سألتك كم الساعة؟ هل تعرف تجاوبني ؟
الجمعة 26 أبريل 2013 - 12:47 من طرف lilou84
» مفاتيح نود 32 لغاية 05.08.2017
الخميس 7 مارس 2013 - 13:39 من طرف idris yamaha
» كسر حماية كارت سيم لهاتف [Débloquer] Samsung Galaxy Teos et Naos
الإثنين 11 فبراير 2013 - 20:41 من طرف hchipaf
» Dj's From 25 - Staifi Chaoui Mix 2012
الأربعاء 21 نوفمبر 2012 - 11:19 من طرف hchipaf