Back to Top
الدردشة
آخــر المواضـيع
التــاريخ
بواسطـة
السبت يوليو 12, 2014 8:36 pm
السبت يونيو 14, 2014 6:03 am
الخميس يونيو 12, 2014 8:01 pm
الخميس يونيو 12, 2014 8:00 pm
الخميس يونيو 12, 2014 7:59 pm
الخميس يونيو 12, 2014 7:58 pm







شاطر|

| Css | حصريا من توب استايل كود وضع الصورة الشخصية لاخر مساهم بالموضوع

ToP
الادارة
ToP
عدد المساهمات : 422
تاريخ التسجيل : 28/01/2013
| Css | حصريا من توب استايل كود وضع الصورة الشخصية لاخر مساهم بالموضوع Empty
https://top-style.0wn0.com
| Css | حصريا من توب استايل كود وضع الصورة الشخصية لاخر مساهم بالموضوع I_icon_minitime الإثنين يوليو 29, 2013 4:07 pm

 السلام عليكم ورحمه الله وبركاتة
اليوم نقدم كود حصريا css اعرف انه قديم ولكن الموجود تومبلايت وليس بهذا الشكل

صورة الكود
| Css | حصريا من توب استايل كود وضع الصورة الشخصية لاخر مساهم بالموضوع 13751064671
http://www.mobdi3ine.net/up2/13751064671.png

اكوادنا حصرية جدااا

لما تروح المؤشر على الصورة تكبر ولما تبعد المؤشر الصورة تصغر

كود رائع يتكون من css وجافا سكريبت

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

اولا توجه الى لوحة الادارة عناصر اضافية ودوس اضافة كود جافا سكريبت

وضع هذا به
واشر على علامة الصفحة الرئيسية فقط


الكود:
        $(function(){
         
            if(!window.localStorage) return;
         
            // Аватар по умолчанию
            var default_avatar= 'http://2img.net/i/fa/invision/pp-blank-thumb.png';
         
            // Время кэширования,  здесь 24 h * 60 m * 60 s * 1000 ms то есть один день
            var caching_time= 24*60*60*1000;
         
            // Время кэширования ошибки, здесь 60 s * 1000 ms то есть одна минута
            var caching_error= 60*1000;
         
            var set_avatar= function(id) {
                $('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />');
            };
         
            var get_avatar= function(id) {
                if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))
                {
                    localStorage.setItem('d_ava'+id, default_avatar);
                    $.get('/u'+id, function (d){
                        localStorage.setItem('t_ava'+id,+new Date);
                        localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);
                        set_avatar(id);
                    });
                }
                return localStorage.getItem('d_ava'+id);
            };
         
            var to_replace= {};
         
            $('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){
                to_replace[$(this).attr('href').substr(2)]= 1;
                $(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>');
            });
         
            for(i in to_replace)
            {
                set_avatar(i);
            };
         
        });

الان انتهينا من خطوة الجافا

الان نذهب الى اكواد السى اس اس css

ونضع به هذا


الكود:
.mini_ava {
          float: left;
        }
        .mini_ava img {
          width: 40px;
          height: 40px;
          margin: 0 5px;
          border-radius: 10px;
          transition: all 1s;
          -moz-transition: all 1s;
          -webkit-transition: all 1s;
          -o-transition: all 1s;
        }
        .mini_ava img:hover
        {
          width: 80px;
          height: 80px;
        }

ومبروك عليك الكود

توب استايل كل جيدد وحصرى معنا
KAZANOVA
الادارة
KAZANOVA
عدد المساهمات : 119
تاريخ التسجيل : 02/08/2013
العمر : 27
الموقع : Top-Style
| Css | حصريا من توب استايل كود وضع الصورة الشخصية لاخر مساهم بالموضوع Empty
| Css | حصريا من توب استايل كود وضع الصورة الشخصية لاخر مساهم بالموضوع I_icon_minitime السبت أغسطس 03, 2013 11:09 pm

شكرا لك جميييييييييل
عاشق حنون
عضو توب استايل
عاشق حنون
عدد المساهمات : 17
تاريخ التسجيل : 04/08/2013
| Css | حصريا من توب استايل كود وضع الصورة الشخصية لاخر مساهم بالموضوع Empty
| Css | حصريا من توب استايل كود وضع الصورة الشخصية لاخر مساهم بالموضوع I_icon_minitime الأحد أغسطس 04, 2013 5:56 pm

ما شا ء الله واصل اخي

| Css | حصريا من توب استايل كود وضع الصورة الشخصية لاخر مساهم بالموضوع

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

مواضيع مماثلة

-
» كودين جميلين لتاطير الصورة الشخصية مثل الفي بي بدون تومبلات
» Css كود وضع تاثير احترافى على الصور بالمواضيع من توب استايل
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: توب استايل للـتــقـنـيــة :: تطوير المواقع والمنتديات :: أكواد (هاكات) من تطوير توب استايل [حصرية]-
حوف نت http://www.7ooof.net/t7877-topic#ixzz34ZryIcJp