Board IT - New site about IT

Board IT - totul despre IT, WWW, Graphic & Web design


Nu sunteti conectat. Conectati-va sau inregistrati-va

IPB Dropdown Profile

In jos  Mesaj [Pagina 1 din 1]

1IPB Dropdown Profile Empty IPB Dropdown Profile la data de 06.12.14 20:31

Kames

Kames
Administrator fondator
Administrator fondator
Nume cod: IPB Dropdown profile
Ce face el(efect): dropdown la profil
Amplasare: veti vedea in tutorial
Versiune: toate
Alte detalii(daca e cazul): sa fiti atenti
Cod:

Pentru inceput mergeti in overall_header, si cautati:
Cod:
/profile?mode=editprofile&page_profil=preferences
si inlocuiti cu:
Cod:
href="/profile?mode=editprofile&page_profil=preferences"
onclick="jQuery('#perfil').fadeToggle(); return false;"

Foarte bine. Tot aici adaugam la sfarsit:
Cod:
<style>#link_user{font-size:12px;color:white;padding:0 12px;height:36px;line-height:36px;display:inline-block;margin-right:15px;outline:0}</style>
<style>.ipsHeaderMenu.boxShadow {box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3)}.boxShadow {box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58)}
.ipsHeaderMenu {background: -moz-linear-gradient(center top , #FFF 0%, #F6F6F6 70%, #EDEDED 100%) repeat scroll 0% 0% transparent;padding: 10px;border-radius: 0px 0px 6px 6px;overflow: hidden;width: 340px;z-index: 9 !important;}</style>
 
                        <script> $(document).ready($("a#user_link").click(function(){
        $("a#user_link").toggleClass("opened");
      }));</script>
                        <style>a#user_link.opened {
      background: #ffffff;
      color: #555;
      }</style>
                        
<div id="perfil" style="display: none;"><div id="user_link_menucontent" class="ipsHeaderMenu boxShadow" style="position: absolute; z-index: 9999; top: 32px; left: 750px;"><a href="/{USERNAME}" title="Your Profile" class="ipsUserPhotoLink left"><div id="avatar"></div></a><div class="left">
<ul id="links">
<li id="user_name" style="width: 100%;font-weight: bold;padding-bottom: 5px;">{USERNAME}</li>
<li id="user_profile"><a href="/profile?mode=editprofile" title=""> Edit Profile </a></li>
<li id="user_ucp"><a href="/profile?mode=editprofile&page_profil=preferences" title=""> Personal Settings</a></li>
<li id="user_content"><a href="/spa/{USERNAME}" title=""> My Forum Posts </a></li><li id="user_content"><a href="/st/{USERNAME}" title=""> My Topics </a></li>
<li id="user_content"><a href="/search?search_id=watchsearch" title=""> Content to Follow</a></li>
<li id="user_pm"><a href="/profile?mode=editprofile&page_profil=friendsfoes"> My Friends & Foes </a></li>
 <li id="user_pm"><a href="/profile?mode=editprofile&page_profil=preferences"> My Preferences </a></li>
<li id="user_pm"><a href="/search?search_id=favouritesearch"> My Favourites Topics</a></li>
</ul></div></div></div>
<script>
jQuery(document).ready(function(){
jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
    link = jQuery('.frm dl dd img', data).attr('src');
    if(link){
  jQuery('#avatar').html('<a href="/profile?mode=editprofile&page_profil=avatars"><img src="'+link+'" alt="" /></a>');
    }else{
      jQuery('#avatar').html('');
    }
 });
});
 </script>
<style>
#avatar img {
height: 50px;
width: 50px;
padding: 1px;
border: 1px solid #f2f2f2;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
#avatar img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
#user_link_menucontent>div {
margin-left: 15px;
width: 265px;
text-align: left;
top: 50px;
}
#user_link_menucontent #links li {
width: 50%;
float: left;
margin: 3px 0;
text-shadow: 0px 1px 0 rgba(255,255,255,1);
white-space: nowrap;
}
</style>

Foarte bine,acum merge in Gestiunea codurilor JS, si facem un script nou:


Il amplasam pe toate paginile si ii punem un titlu oarecare.

Dacă aveti probleme va asteptam in sectiunea de ajutor.

IPB Dropdown Profile 2ic8ojb

http://boardit.forumz.ro

2IPB Dropdown Profile Empty Re: IPB Dropdown Profile la data de 07.01.15 23:18

gRaFer

gRaFer
Membru
Membru
Mersu . De script

Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum