Chakira
10-30-2013, بتوقيت غرينيتش 09:29 PM
http://www.dzbatna.com/images/icons/iconrote.gif ط´ط±ط* ظƒظٹظپظٹط© ط¹ظ…ظ„ طھط£ط«ظٹط± ظˆط¶ظˆط* ط§ظ„طµظˆط± ط¨ظ…ط±ظˆط± ط§ظ„ظ…ط§ظˆط³ ط¹ظ„ظٹظ‡ط§ ط¨ط³ظ‡ظˆظ„ط© طھط§ظ…ط© (http://www.dzbatna.com/t1826662/)
شرح طريقة كيفية عمل تأثير وضوح الصور بمرور الماوس عليها بسهولة تامة
هذا الدرس مفصل يتم عمله بالجافا عن طريق وضع صورتين
واحدة مظلمة و اخرى فاتحة و لكن ال Css وفر علينا كتير الله يخليه لينا http://www.dzbatna.com/images/smilies/cupidarrow.gif
نبذة عن الدرس مفصل
عن طريق الدرس مفصل التالى سوف تقوم بجعل اى صورة شفافيتها قليلة
و عند المرور عليها تظهر واضحة 100% بسهولة تامة
مثال حى
http://www.almsmk.com/Dev/Css/Opacity.html
طريقة عمل الشرح طريقة
اولا تقوم بوضع هذا الاستايل style فى وسم Head
رمز PHP:
<code style="white-space:nowrap"> <code> <style>
a.zero img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5; border: 0px solid;}
a.zero:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; border: 0px solid;}
</style>
</head>
</code> </code>
الآن الاستايل style اسمه zero
ثم تضع كلاس الاستايل style فى اى كود code خاص بك
هكذا
لاحظ الكلاس اسمه zero
رمز Code:
<a class="zero" href="http://www.almsmk.com">
رمز Code:
<img src="Zero.Gif" alt="Zero" /></a>
و بعده كود code الصورة العادى و جرب بنفسك و شوف
شرح طريقة الكود code
Opacity
و هى نسبة الشفايفة يمكنك تغيير الرقم كما تريد و جرب التاثيرات بنفسك
الاكواد الكثيرة هى لكل متصفح واحد لفايرفوكس و اكسبلورر و ما الى ذلك
اى شىء غير واضح اتمنى تقولولى
اذا لم تستطيع كتابة الكود code افتح صفحة ال Html الموجودة فى المثال و اضغط كليك يمين
ثم View Source
وشوف محتوى الاكواد و جربها بنفسك
الموضوع الأصلى
http://www.almsmk.com/threads/110890
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/txt.gif Code.txt (http://www.traidnt.net/vb/attachments/564527d1301782928-code.txt) (3.5 كيلوبايت, عدد مرات المشاهدة 38 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
شرح طريقة كيفية عمل تأثير وضوح الصور بمرور الماوس عليها بسهولة تامة
هذا الدرس مفصل يتم عمله بالجافا عن طريق وضع صورتين
واحدة مظلمة و اخرى فاتحة و لكن ال Css وفر علينا كتير الله يخليه لينا http://www.dzbatna.com/images/smilies/cupidarrow.gif
نبذة عن الدرس مفصل
عن طريق الدرس مفصل التالى سوف تقوم بجعل اى صورة شفافيتها قليلة
و عند المرور عليها تظهر واضحة 100% بسهولة تامة
مثال حى
http://www.almsmk.com/Dev/Css/Opacity.html
طريقة عمل الشرح طريقة
اولا تقوم بوضع هذا الاستايل style فى وسم Head
رمز PHP:
<code style="white-space:nowrap"> <code> <style>
a.zero img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5; border: 0px solid;}
a.zero:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; border: 0px solid;}
</style>
</head>
</code> </code>
الآن الاستايل style اسمه zero
ثم تضع كلاس الاستايل style فى اى كود code خاص بك
هكذا
لاحظ الكلاس اسمه zero
رمز Code:
<a class="zero" href="http://www.almsmk.com">
رمز Code:
<img src="Zero.Gif" alt="Zero" /></a>
و بعده كود code الصورة العادى و جرب بنفسك و شوف
شرح طريقة الكود code
Opacity
و هى نسبة الشفايفة يمكنك تغيير الرقم كما تريد و جرب التاثيرات بنفسك
الاكواد الكثيرة هى لكل متصفح واحد لفايرفوكس و اكسبلورر و ما الى ذلك
اى شىء غير واضح اتمنى تقولولى
اذا لم تستطيع كتابة الكود code افتح صفحة ال Html الموجودة فى المثال و اضغط كليك يمين
ثم View Source
وشوف محتوى الاكواد و جربها بنفسك
الموضوع الأصلى
http://www.almsmk.com/threads/110890
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/txt.gif Code.txt (http://www.traidnt.net/vb/attachments/564527d1301782928-code.txt) (3.5 كيلوبايت, عدد مرات المشاهدة 38 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©