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
الادارة
avatar
عدد المساهمات : 422
تاريخ التسجيل : 28/01/2013
معاينة صفحة البيانات الشخصي للعضوhttp://top-style.0wn0.com
الإثنين يوليو 29, 2013 4:07 pm

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

صورة الكود

http://www.mobdi3ine.net/up2/13751064671.png

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

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

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

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

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

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


الكود:
        $(function(){
         
            if(!window.localStorage) return;
         
            // Аватар по умолчанию
            var default_avatar= 'http://illiweb.com/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
الادارة
avatar
عدد المساهمات : 119
تاريخ التسجيل : 02/08/2013
العمر : 21
الموقع : Top-Style
معاينة صفحة البيانات الشخصي للعضو
السبت أغسطس 03, 2013 11:09 pm

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

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

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

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