Image Reflexion

07‏/07‏/2010






عند وضع اي شيئ فوق زجاج مسطح فسوف ترى انعكاسه مع السطح


أي سيتم تشكيل صورة مماثلة لدالك الجسم


الظل الذي يتكون فوق زجاج 



و  المسافة الفاصلة بين الجسم ستكون غير واضحة بشكل متزايد


اليوم سنطبق تلك الخدعة في القالب ! بحيث يبدو أكثر إثارة للاهتمام. 


دعونا نحاول تطبيق هذا تأثيرفي القالب و نرى رد فعله في الموضوع




مثال (Demo)









أولا : من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم ثم تصميم   " تحرير HTML "
 

ثانيا : قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة. 

ثالثا : ضع علامة في خانة توسيع القوالب .
 


ثم ابحث عن هذا الكود 





</head>




و ضع فوقه او اسفله هدا الكود 





<script src='http://blogspacetech.googlecode.com/files/reflex.pack.js' type='text/javascript'/>
 




أخيرا :  استعرض مدونتك ثم احفظ قالبك.





شرح كيفية الإستخدام



قم بكتابة تدوينتك بالطريقة المعتادة



و عندما تأتي للسطر الذي سوف تريد وضع فيه هته الخاصية,


أنتقل لوضع تحرير HTML و قم بوضع الكود بهذه الطريقة





<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirdUEIr2XhKHNQBm-0wQrZqojY6Rh_FSMEjiGPd3yH9EahTVkT5r5DBQkqdGzHPeVcuj_kcYRWN55AcdTSe14qX9wpIP6-Fn_B1EHwFGyEBEY2bZYcc4fmeqYU3nWif8tY62pjLUla7pI/s1600/710498426.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" class="reflex idistance5 itiltright iopacity25 iborder3 icolorFFFFFF" id="BLOGGER_PHOTO_ID_3016835841583801413" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirdUEIr2XhKHNQBm-0wQrZqojY6Rh_FSMEjiGPd3yH9EahTVkT5r5DBQkqdGzHPeVcuj_kcYRWN55AcdTSe14qX9wpIP6-Fn_B1EHwFGyEBEY2bZYcc4fmeqYU3nWif8tY62pjLUla7pI/s500/710498426.jpg" style="cursor: pointer; display: block; height: 240px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a>








شكر خاص لChristian Effenberger