CEL MAI NOU CONCURS Concursul este inca in desfasurare , va asteptam [detalii aici]. Se termina abia pe 18 ianuarie.

Nu sunteti conectat. Conectati-va sau inregistrati-va

Share this topic!

URL Direct
BBcode
HTML
IPB Dropdown Profile

IPB Dropdown Profile

avatar

Kames

Administrator fondator
Mesaje : 559
Puncte : 2290
Reputatie : 2

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.

#1 - Postat la data de 06.12.14 20:31
http://boardit.online-talk.net
avatar

gRaFer

Membru
Mesaje : 4
Puncte : 4
Reputatie : 1

Mersu . De script

#2 - Postat la data de 07.01.15 23:18

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum

Forumgratuit.ro | © PunBB | Forum gratuit de suport | Semnaleaza un abuz | Creeaza-ti un blog