Distribuiţi
Vezi subiectul anteriorIn josVezi subiectul urmator
avatar
Horrible
Mesaje : 117
Joined : 18/11/2014
Varsta : 23
Oras : Sibiu
Reputatie : 0

Punbb: Detalii membru

la data de Mier Noi 19 2014, 00:53
Nume cod: Detalii membru v2
Versiune: PunBB
Autor: Anonymous

Previzualizare:


CSS:
Cod:
#user-hoverbox{margin-left:5px;z-index:999;min-width:160px;position:absolute;padding-top:1px;display:initial!important}
#user-hoverbox #user-hoverbox-inner a{display:block;background:white;color:rgb(136,136,136);border-bottom:1px solid #aaa;padding:8px;font-size:11px;z-index:999;text-align:left;text-shadow:none !important}
#user-hoverbox-inner{background:white;width:140px;border:4px solid #000;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.31)}
#user-hoverbox #user-hoverbox-inner a:hover{background:#fafafa;color:#333}
#user-hoverbox::before{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;content:"";position:absolute;border-bottom:5px solid rgb(54,54,54);top:-4px;left:12px}
#user-hoverbox a .icon-user{background-image:url("http://i.imgur.com/o0vbztB.png")}
#user-hoverbox a .icon-comments{background-image:url("http://i.imgur.com/H1HNIqI.png")}
.pun #user-hoverbox a i{background-position:center;background-repeat:no-repeat;width:13px;height:10px;float:left;margin-top:2px;margin-right:3px;opacity:0.8}
#user-hoverbox a .icon-envelope-alt{background-image:url("http://i.imgur.com/LpRlXho.png")}
#user-hoverbox a .icon-file-alt{background-image:url("http://i.imgur.com/3tVmtX5.png")}
#user-hoverbox a .icon-folder-open{background-image:url("http://i.imgur.com/xbes4ru.png")}
.pun #user-hoverbox a:hover i{opacity:1!important}
.pun #page-body #user-hoverbox #user-hoverbox-inner a{font-weight:normal;font-style:normal}

Javascript
Titlu: Detalii membru
Amplasare: Index si subforumuri
Cod:
$(function(){$("a.gen.user[href^='/u'] ,.contenedor a[href^='/u'],.tcr a.gensmall[href^='/u'] ,.tcl.tdtopics a[href^='/u'] ,.user-ident .username  a[href^='/u']").hover(function(){var b=$(this).parent().height()-35,c=$(this).position().left-20,b=$(this).position().top-b,name=$(this).text(),id=$(this).attr("href").slice(2);$("#user-hoverbox").remove();$(this).after('
        <div id="user-hoverbox" style="left: '+c+"px; top: "+b+'px;">
        <div id="user-hoverbox-inner">
        <a href="/u'+id+'"><i class="icon-user"></i> User Profile</a>
       <a href="/privmsg?mode=post&u='+id+'"><i class="icon-comments"></i> Send Private Message</a>
       <a href="/profile?mode=email&u='+id+'"><i class="icon-envelope-alt"></i> E-mail</a>
        <a href="/spa/'+name+'"><i class="icon-file-alt"></i> Find all posts</a>
        <a href="/sta/'+name+'"><i class="icon-folder-open"></i> Find all threads</a>
        </div>
        </div>
        ');t=setTimeout(function(){$("#user-hoverbox").hide()},3E3);$("#user-hoverbox").mouseover(function(){clearTimeout(t)});$("#user-hoverbox").mouseleave(function(){$(this).remove()});return!1})});
Vezi subiectul anteriorSusVezi subiectul urmator
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum