كود عرض الصور والفيديوهات فى المواضيع بشكل جميل
كود عند الضغط على الصور تكبر الصورة بشكل جميل جدا
ودة صور توضح نتيجة الكود
قبل
بعد
نتيجى بقى للكود
ضع رد ليظهر لك الكود
- الكود:
-
[hide] <script>
<!--
document.write(unescape("%3Cstyle%3E%0A%0A%0A.fancybox-tmp%20iframe%2C.fancybox-tmp%20object%7Bvertical-align%3Atop%3Bmargin%3A0%3Bpadding%3A0%7D%0A.fancybox-wrap%7Bposition%3Aabsolute%3Btop%3A0%3Bleft%3A0%3Bz-index%3A1002%7D%0A.fancybox-outer%7Bbackground%3A%23f9f9f9%3Bcolor%3A%23444%3Btext-shadow%3Anone%3B-webkit-border-radius%3A4px%3B-moz-border-radius%3A4px%3Bborder-radius%3A4px%3Bmargin%3A0%3Bpadding%3A0%7D%0A.fancybox-opened%7Bz-index%3A1003%7D%0A.fancybox-opened%20.fancybox-outer%7B-webkit-box-shadow%3A0%2010px%2025px%20rgba%280%2C0%2C0%2C0.5%29%3B-moz-box-shadow%3A0%2010px%2025px%20rgba%280%2C0%2C0%2C0.5%29%3Bbox-shadow%3A0%2010px%2025px%20rgba%280%2C0%2C0%2C0.5%29%7D%0A.fancybox-inner%7Bwidth%3A100%25%3Bheight%3A100%25%3Bposition%3Arelative%3Boutline%3Anone%3Boverflow%3Ahidden%3Bmargin%3A0%3Bpadding%3A0%7D%0A.fancybox-error%7Bcolor%3A%23444%3Bfont%3A14px/20px%20%22Helvetica%20Neue%22%2CHelvetica%2CArial%2Csans-serif%3Bmargin%3A0%3Bpadding%3A10px%7D%0A.fancybox-image%2C.fancybox-iframe%7Bdisplay%3Ablock%3Bwidth%3A100%25%3Bheight%3A100%25%3Bborder%3A0%3Bvertical-align%3Atop%3Bmargin%3A0%3Bpadding%3A0%7D%0A.fancybox-image%7Bmax-width%3A100%25%3Bmax-height%3A100%25%7D%0A%23fancybox-loading%7Bposition%3Afixed%3Btop%3A50%25%3Bleft%3A50%25%3Bmargin-top%3A-21px%3Bmargin-left%3A-21px%3Bwidth%3A42px%3Bheight%3A42px%3Bbackground%3Aurl%28http%3A//i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif%29%3Bopacity%3A0.8%3Bcursor%3Apointer%3Bz-index%3A1010%7D%0A.fancybox-close%2C.fancybox-prev%20span%2C.fancybox-next%20span%7Bbackground-image%3Aurl%28http%3A//i48.servimg.com/u/f48/16/58/89/73/fancyb10.png%29%7D%0A.fancybox-close%7Bposition%3Aabsolute%3Btop%3A-18px%3Bright%3A-18px%3Bwidth%3A36px%3Bheight%3A36px%3Bcursor%3Apointer%3Bz-index%3A1004%7D%0A.fancybox-prev%2C.fancybox-next%7Bposition%3Aabsolute%3Btop%3A0%3Bwidth%3A40%25%3Bheight%3A100%25%3Bcursor%3Apointer%3Bbackground%3Atransparent%20url%28http%3A//i48.servimg.com/u/f48/16/58/89/73/blank10.gif%29%3Bz-index%3A1003%7D%0A.fancybox-prev%7Bleft%3A0%7D%0A.fancybox-next%7Bright%3A0%7D%0A.fancybox-prev%20span%2C.fancybox-next%20span%7Bposition%3Aabsolute%3Btop%3A50%25%3Bleft%3A-9999px%3Bwidth%3A36px%3Bheight%3A36px%3Bmargin-top%3A-18px%3Bcursor%3Apointer%3Bz-index%3A1003%7D%0A.fancybox-prev%20span%7Bbackground-position%3A0%20-36px%7D%0A.fancybox-next%20span%7Bbackground-position%3A0%20-72px%7D%0A.fancybox-prev%3Ahover%20span%7Bleft%3A20px%7D%0A.fancybox-next%3Ahover%20span%7Bleft%3Aauto%3Bright%3A20px%7D%0A.fancybox-tmp%7Bposition%3Aabsolute%3Btop%3A-9999px%3Bleft%3A-9999px%3Boverflow%3Avisible%3Bvisibility%3Ahidden%3Bpadding%3A0%7D%0A%23fancybox-overlay%7Bposition%3Aabsolute%3Btop%3A0%3Bleft%3A0%3Boverflow%3Ahidden%3Bdisplay%3Anone%3Bz-index%3A%20999%3Bbackground%3A%23000%7D%0A.fancybox-title%7Bdisplay%3Anone%7D%0A.fancybox-title-float-wrap%7Bposition%3Aabsolute%3Bbottom%3A0%3Bright%3A50%25%3Bmargin-bottom%3A-35px%3Bz-index%3A%20999%3Btext-align%3Acenter%7D%0A.fancybox-title-float-wrap%20.child%7Bdisplay%3Ainline-block%3Bmargin-right%3A-100%25%3Bbackground%3Argba%280%2C0%2C0%2C0.8%29%3B-webkit-border-radius%3A15px%3B-moz-border-radius%3A15px%3Bborder-radius%3A15px%3Btext-shadow%3A0%201px%202px%20%23222%3Bcolor%3A%23FFF%3Bfont-weight%3A700%3Bline-height%3A24px%3Bwhite-space%3Anowrap%3Bpadding%3A2px%2020px%7D%0A.fancybox-title-outside-wrap%7Bposition%3Arelative%3Bmargin-top%3A10px%3Bcolor%3A%23fff%7D%0A.fancybox-title-inside-wrap%7Bmargin-top%3A10px%7D%0A.fancybox-title-over-wrap%7Bposition%3Aabsolute%3Bbottom%3A0%3Bleft%3A0%3Bcolor%3A%23fff%3Bbackground%3Argba%280%2C0%2C0%2C.8%29%3Bpadding%3A10px%7D%0A%23fancybox-buttons%7Bposition%3Afixed%3Bleft%3A0%3Bwidth%3A100%25%3Bz-index%3A1005%7D%0A%23fancybox-buttons.top%7Btop%3A10px%7D%0A%23fancybox-buttons.bottom%7Bbottom%3A10px%7D%0A%23fancybox-buttons%20ul%7Bdisplay%3Ablock%3Bwidth%3A170px%3Bheight%3A30px%3Blist-style%3Anone%3B-webkit-box-shadow%3A0%201px%203px%20%23000%2C0%200%200%201px%20rgba%280%2C0%2C0%2C.7%29%2Cinset%200%200%200%201px%20rgba%28255%2C255%2C255%2C.05%29%3B-moz-box-shadow%3A0%201px%203px%20%23000%2C0%200%200%201px%20rgba%280%2C0%2C0%2C.7%29%2Cinset%200%200%200%201px%20rgba%28255%2C255%2C255%2C.05%29%3Bbackground%3A%23111%200%200%2050%25%2050%25%20100%25%3Bborder-radius%3A3px%3Bmargin%3A0%20auto%3Bpadding%3A0%7D%0A%23fancybox-buttons%20ul%20li%7Bfloat%3Aleft%3Bmargin%3A0%3Bpadding%3A0%7D%0A%23fancybox-buttons%20a%7Bdisplay%3Ablock%3Bwidth%3A30px%3Bheight%3A30px%3Btext-indent%3A-9999px%3Bbackground-image%3Aurl%28http%3A//i48.servimg.com/u/f48/16/58/89/73/fancyb11.png%29%3Bbackground-repeat%3Ano-repeat%3Boutline%3Anone%7D%0A%23fancybox-buttons%20a.btnPrev%7Bwidth%3A32px%3Bbackground-position%3A6px%200%7D%0A%23fancybox-buttons%20a.btnNext%7Bbackground-position%3A-33px%200%3Bborder-right%3A1px%20solid%20%233e3e3e%7D%0A%23fancybox-buttons%20a.btnPlay%7Bbackground-position%3A0%20-30px%7D%0A%23fancybox-buttons%20a.btnPlayOn%7Bbackground-position%3A-30px%20-30px%7D%0A%23fancybox-buttons%20a.btnToggle%7Bbackground-position%3A3px%20-60px%3Bborder-left%3A1px%20solid%20%23111%3Bborder-right%3A1px%20solid%20%233e3e3e%3Bwidth%3A35px%7D%0A%23fancybox-buttons%20a.btnToggleOn%7Bbackground-position%3A-27px%20-60px%7D%0A%23fancybox-buttons%20a.btnClose%7Bborder-left%3A1px%20solid%20%23111%3Bwidth%3A38px%3Bbackground-position%3A-57px%200%7D%0A%23fancybox-buttons%20a.btnDisabled%7Bopacity%3A0.5%3Bcursor%3Adefault%7D%0A.fancybox-prev%3Ahover%2C.fancybox-next%3Ahover%2C.fancybox-opened%20.fancybox-title%7Bvisibility%3Avisible%7D%0A.postbody%20img%7Bmax-width%3A350px%7D%0A.signature_div%20img%7Bmax-width%3A100%25%7D%0A.iconPlayer%7Bbackground%3Aurl%28//ssl.gstatic.com/s2/tt/images/play-overlay.png%29%20no-repeat%20scroll%20center%20center%20transparent%3Bleft%3A140px%3Bopacity%3A0.8%3Bposition%3Aabsolute%3Btop%3A-155px%3Bz-index%3A99%3Bpadding%3A40px%20%21important%7D%0A%3C/style%3E"));
//-->
</script>
<script type="text/javascript" src="http://goo.gl/YKre3"></script><br>
[/hide]
[/hide]
طريقة تركيب الكود
لوحة الادارة / عناصر اضافية /اكواد Javascript
ضع الكود وخلية على المواضيع فقط
وسجل
منقول
الموضوع الأصلي :
كود عرض الصور والفيديوهات فى المواضيع بشكل جميل المصدر :
عالم العرب الكاتب:admin