NIMBUZZ TOOLS FORUM-2016
Kєяλℓλ-ßυzZ ►☻◄ ƒøяυλ⁄(-2016

✽✽✽✽✽✽✽✽✽✽✽✽ нι gυєѕт ✽✽✽✽✽✽✽✽✽✽✽✽✽✽

♚♚♚♚ωєℓ¢σмє тσ ♚kєяαℓα♕ßυzz♚ zσηє♚♚♚♚

ρℓєαѕє яєgιѕтєя тσ gєт ƒυℓℓ α¢¢єѕѕ αη∂ ∂σωηℓσα∂ ѕтυƒƒ . σηℓү яεgιsтεяε∂ мεмвεя αℓℓσωε∂ vιεω sρεcιαℓ zσηε αη∂ ∂σωηℓσα∂ sтυғғ.

тнαηк уσυ

вαℓυ кяιsнηα !
Latest topics
hacked any id facebook with my new soft Sat Apr 21, 2018 5:38 amkoko777new codes for flood and frezz rooms amd id maker just for programer Mon Apr 16, 2018 11:16 pmkoko777flood for Android too speed برنامج فلود رومات نيمبوز 2018 للاندرويدFri Apr 13, 2018 12:58 amkoko777هديه للجميع 500 نك فلوود قديم شغالين 500 old ids flood freeWed Apr 11, 2018 6:19 pmafndena_7200new soft frezz any id and room wonderfulllllllllllllllllllllllllllll جديدنا تجميد اي نك نيمبوز او شات بلاس بالاضافة لتجميد رومات النيمبوزThu Apr 05, 2018 7:42 pmkoko777new soft flood brocking server 2018 فلود رومات جديد بعد التحديث Sat Mar 31, 2018 12:42 amkoko777 Kbz: id maker newFri Mar 09, 2018 4:49 pmshakir0 Server: 24/7 Server botsTue Mar 06, 2018 8:23 pmmoh000madDeathly add flooder all room chat+ professionalTue Feb 27, 2018 1:06 pm.3madvideo : Break the room protection chatp + nimbuzz / فيديو كسر حماية غرف الشات بلس ونمبوزSat Feb 24, 2018 12:57 pm.3madFlooder Sender Dc Chat+ 2018 (beta)Sun Feb 11, 2018 5:55 pm.3madWolF Flooder Chatp+ 2018 V.2 / فلود لشات بلس الاصدار الثانيFri Feb 09, 2018 3:04 pm.3madnew flooder so strong after last update فلود جديد بعد التحديث الاخير للنيمبوزSat Jan 27, 2018 7:19 pmafndena_7200Flooder 2018Fri Jan 19, 2018 6:28 pm.3madRun 2 official Nimbuzz apps in a androidFri Jan 12, 2018 7:21 pmprince-chillingChating-H.S_v1.0 شات جديد يعمل على حسابات النيمبوز الجديده و القديمهThu Nov 30, 2017 4:56 pmwathk00server xbotThu Nov 16, 2017 5:55 pmishraq7Auto Flood For Sale 20.000 Nimbukz By Captcha Not banned and Not KickedFri Oct 27, 2017 4:31 pm.3madNew Flood Killer room1 after last updateTue Oct 24, 2017 5:00 pmwathk00 Server: f*ck nimbuzz all bot servers now online continuously And continuous updatingFri Oct 20, 2017 11:29 pm.3mad
Top posters
330 Posts - 27%
284 Posts - 23%
127 Posts - 10%
107 Posts - 9%
69 Posts - 6%
54 Posts - 4%
53 Posts - 4%
53 Posts - 4%
51 Posts - 4%
Top posting users this week
Top posting users this month
5 Posts - 83%
1 Post - 17%

Share
Go down
avatar
KßZ ►☻◄ ƒøяυλ⁄(-αđмιиιѕтяαтσя
KßZ ►☻◄ ƒøяυλ⁄(-αđмιиιѕтяαтσя
Male
BALU KRISHNA
AGE : 29
POSTS : 330
REPUTATION : 47
KBZ TEAM POINTS : 923
JOIN DATE : 2013-12-04
BIRTHDAY : 1988-05-15
LOCATION : India , kerala
View user profilehttp://kbzteam.forums1.net

Tutorial: Mouseover Profile info v2

on Sat Nov 28, 2015 7:48 am


Tutorial: Mouseover Profile info v2

An improved version of previous Mouseover Profile info.


--> Tutorials, tips and tricks <--
Mouseover Profile info v2



- Javascript
Placement In all pages

Code:
jQuery(document).ready(function() {
        $('.tcr a[href*="/u"]').mouseover(function() {
            $(this).parents('strong').css('position', 'relative');
            $('.cp_geral').remove();
            $(this).parents('.tcr').css('overflow', 'visible');
            $(this).before('<a href="' + $(this).attr('href') + '"><div class="cp_geral" style="position:absolute;"><div class="cp_box"> <div class="cp_capa"> <div class="cp_capa-avatar"><img src="http://i.imgur.com/1rHWZUQ.gif" /></div> <div class="cp_capa-nick"> <strong>' + $(this).html() + '</strong> <span class="span_capa-nick"></span> </div> </div> <div class="cp_info"> <div class="cp_info-botoes"> <div class="cp_info-botoes-post"><strong></strong><span>posts</span></div> <div class="cp_info-botoes-rep"><strong></strong><span>reputation</span></div> <div class="cp_info-botoes-data"><strong></strong><span>join date</span></div> </div> </div> <div class="cp_icones"> <div class="cp_mp"><a href="/privmsg?mode=post&u=' + $(this).attr('href').replace('/u', '') + '">PM</a></div> <div class="cp_perfil"><a href="' + $(this).attr('href') + '">PROFILE</a></div> </div></div> </div></a>');
            $.get($(this).attr('href'), function(cps) {
                $('.span_capa-nick').html($('#profile-advanced-right .main-content.clearfix.center:eq(0)', cps).html());
                $('.cp_capa-avatar').html($('#profile-advanced-right .main-content.clearfix.center:eq(0)', cps).html());
                $('.cp_info-botoes-data strong').html($('#field_id-4 dd div', cps).html());
                $('.cp_info-botoes-post strong').html($('#field_id-6 dd div', cps).html());
                $('.cp_info-botoes-rep strong').html($('#field_id-14 dd div', cps).html());

            });

            $('.cp_geral').mouseleave(function() {
                $(this).remove();
            });



        });
    });


- ADMIN PANEL -> DISPLAY -> COLORS -> CSS STYLESHEET

Add this code end of Your CSS stylesheet

Code:
    .cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#263340 url(http://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #263340; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; } .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:25px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:12px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; }


- Preview



  • Forum Creator :  balu♥krishna

    *  How do I change my settings?
    *  How do I add a signature to my post?
    *  How do I show an image below my username?
    *  How do I change my rank?
    *  How do I post a topic in a forum?
    *  Can I post Images?

    IF YOU HAVE ANY DOUBTS LIKE THIS THEN [You must be registered and logged in to see this link.]
    OR ADD ME ON [You must be registered and logged in to see this link.]
    CHEERZ...
    [You must be registered and logged in to see this link.]


Back to top
Permissions in this forum:
You cannot reply to topics in this forum