قضايا يمنيه وعربيه
الثلاثاء, 2024-12-03, 9:32 PM
الرئيسية المدونة التسجيل RSS
أهلاً بك, ضيف
بحث
القرآن الكريم
القنوات الفضائيه
صفحة الاناشيد
متابعه عبر البريد

ادخل بريدك الالكتروني


جدنا على الفيس بوك
تابعنا على تويتر
مشاركه
تصويتنا
قيم موقعي
مجموع الردود: 19
إنشاء موقع مجاناً

إحصائية
Review //yemen-fact.ucoz.com/ on alexa.com




المتواجدون الآن: 1
زوار: 1
مستخدمين: 0
طريقة الدخول
قسم الاخبار
اعلانات
===================

الرئيسية » منتدى ucoz » إضافات uCoz » إضافات منوعه
10:31 PM
في هذا الموضوع لدينا اضافتين لعرض الصور المدرجه في الموقع وهي كالتالي :
الاضافه الاولى لعرض الصور بشكلها الطبيعي العادي وتحويلها الى شكل دائري عند وضع مؤشر الماوس فوقها .
والاضافه الثانيه لعرض الصور بشكل مستدير .
الشرح :
نلصق اكواد الستايل css في القسم العلوي للموقع فوق علامة الاغلاق /head ثم نحفظ الاضافه.
بعد ذلك عند قيامك باضافة صوره ندرج الكود الخاص بعمل الصوره في الروابط الخاصه لها وهي محدده في الاكواد بالاسفل باللون الاحمر .

لمشاهدة الاضافه اضغط هنا

الاكواد :
<style>
#container, #container img{ border: 1px;}
#container img:hover{border: 2px gold solid;border-radius: 250em;opacity: 0.7;}
</style>

===============================
<style>
#img-container, #img-container img{ border-radius: 250em;}
#img-container img:hover{opacity: 0.7;}
</style>

الستايل الاول الازرق خاص بالاضافه الاولى "استدارة الصوره بمؤشر الماوس"

والثاني لعرض الصوره الدائريه


<a id="container" href="http://yemen-fact.ucoz.com/publ"><img src="http://yemen-fact.ucoz.com/malomat/Sam-City.jpg" height="100"width="100"/></a>
========================
<a id="img-container" href="http://yemen-fact.ucoz.com/publ"><img src="http://yemen-fact.ucoz.com/malomat/Sam-City.jpg" height="500"width="500"/></a>

اللون الاحمر في الرابط الاول لـ "استدارة الصوره بمؤشر الماوس"

اللون الاخضر في الرابط الثاني للصوره الدائريه

لاتوجد اي صعوبه في طريقة الاضافه .

الى لقاء
 
 
الفئة : إضافات منوعه | مشاهده: 716 | almegtreb :بواسطة الترتيب: 0.0/0

مجموع التعليقات: 1
1 فارس  
0
السلام عليكم
ارجو ان نعرف كيف يتم وضع صورة بجانب المقال مثلما هي في موقعكم
بارك الله فيكم

إضافة تعليق يستطيع فقط المستخدمون المسجلون
[ التسجيل | دخول ]