Jump to content

Adaugare UserINFOPANE in Branding


Daniel H.

Recommended Posts

Bunaziua PCT . As dori si eu sa stiu cum adaug si eu acest userinfopane in branding ... ? Uitati si o imagine daca va ajuta ...  TO3v0H8.png

Acesta nu este USERINFOPANE, aceasta este USER_BAR daca nu ma gresesc...

Mar interesa si pe mine acest COD...

Sper ca o sa vina cineva in ajutor...

Link to comment
Share on other sites

Incepi de la : BRANDING STRIP LOGO si te duci pana la APPLICATION TAB ( inlocuiesti tot scriptu de la branding strip logo pana la application tab cu asta ):

<!-- ::: BRANDING STRIP: Logo and search box ::: -->
            <div id='branding'><div class='wrapper'>
<if test="memberbox:|:$this->memberData['member_id']">
<div class='gndProfileMaxWidth'>
  <div class='gndProfile'>
    <div class='avatar'>
      <a href="{parse url="showuser={$this->memberData['member_id']}" seotitle="{$this->memberData['members_seo_name']}" template="showuser" base="public"}" title='{$this->lang->words['your_profile']}'>
<img src='{$this->memberData['pp_main_photo']}'></a>
    </div>
    <div class='welcomeBar'>
      <span class='left'> Salut, <a href="{parse url="showuser={$this->memberData['member_id']}" seotitle="{$this->memberData['members_seo_name']}" template="showuser" base="public"}" title='{$this->lang->words['your_profile']}'> {$this->memberData['members_display_name']}</a> </span>  <div class='right'>
      <if test="showInboxNotify:|:! ( ! $this->memberData['member_id'] && $this->settings['force_login'] ) && !($this->settings['board_offline'] && !$this->memberData['g_access_offline'])">
                                    <if test="messengerlink:|:$this->memberData['g_use_pm'] AND $this->memberData['members_disable_pm'] == 0">
                                        <a data-clicklaunch="getInboxList" id='inbox_link' href='{parse url="app=members&amp;module=messaging" base="public"}' title='{$this->lang->words['your_messenger']}'><i class="fa fa-envelope"></i><if test="notifications:|:$this->memberData['msg_count_new']"><span class='ipsHasNotifications'>{$this->memberData['msg_count_new']}</span></if>&nbsp;</a>
                                    </if>
                                    <a data-clicklaunch="getNotificationsList" id='notify_link' href="{parse url="app=core&amp;module=usercp&amp;area=notificationlog" base="public"}" title="{$this->lang->words['notifications_at_the_top']}"><i class="fa fa-bell"></i><if test="notifications:|:$this->memberData['notification_cnt']"><span class='ipsHasNotifications'>{$this->memberData['notification_cnt']}</span></if>&nbsp;</a>
      </if>
                                                                        <a href="{parse url="app=core&amp;module=global&amp;section=login&amp;do=logout&amp;k={$this->member->form_hash}" base="public"}"><i class="fa fa-power-off"></i></a>
</div>
    </div>
    <div class='infoList'>
       <ul>
         <li>
          <i class="fa fa-comments"></i> Posts: <span class='right'>{$this->memberData['posts']}</span>
         </li>
         <li>
          <i class="fa fa-file-text"></i> Topics: <span class='right'><php>$topics=ipsRegistry::DB()->buildAndFetch(array('select'=>'count(*) as topics','from'=>'topics','where'=>"starter_id=".$this->memberData['member_id']));</php>{$topics['topics']}</span>
         </li>
         <li>
          <i class="fa fa-thumbs-up"></i> Reputation: <span class='right'>{$this->memberData['pp_reputation_points']}</span>
         </li>
         <li>
          <i class="fa fa-exclamation-triangle"></i> Warns: <span class='right'>{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $this->memberData['warn_level'] ) )"}</span>
         </li>
         <li>
          <i class="fa fa-hashtag"></i> Member ID: <span class='right'>{$this->memberData['member_id']}</span>
         </li>
         <li>
          <i class="fa fa-map-marker"></i> IP: <span class='right'>{$_SERVER['REMOTE_ADDR']}</span>
         </li>
       </ul>
    </div>
    <div class='links'>
     <ul>
                                        <li id='user_profile'><a href='{parse url="showuser={$this->memberData['member_id']}" seotitle="{$this->memberData['members_seo_name']}" template="showuser" base="public"}' title='{$this->lang->words['your_profile']}'>{$this->lang->words['my_profile']}</a></li>
                                        <li id='user_ucp'><a href="{parse url="app=core&amp;module=usercp" base="public"}" title="{$this->lang->words['cp_tool_tip']}">{$this->lang->words['your_cp']}</a></li>
                                        <li id='user_content'><a href="{parse url="app=core&amp;module=search&amp;do=user_activity&amp;mid={$this->memberData['member_id']}" base="public"}" title="{$this->lang->words['my_content_link']}">{$this->lang->words['my_content_link']}</a></li>
                                        <if test="userLikeLink:|:count( IPSLib::getEnabledApplications('like') )">
                                            <li id='user_likes'><a href='{parse url="app=core&amp;module=search&amp;do=followed" base="public"}' title='{$this->lang->words['your_likes']}'>{$this->lang->words['your_likes']}</a></li>
                                        </if>
                                        <if test="nobbyNoMates:|:$this->settings['friends_enabled'] && $this->memberData['g_can_add_friends']">
                                            <li id='user_friends'><a href='{parse url="app=members&amp;module=profile&amp;section=friends&amp;do=list" base="public"}' title="{$this->lang->words['manage_friends']}" class='manage_friends'>{$this->lang->words['manage_friends']}</a></li>
                                        </if>
                                        <li id='user_enemies'><a href='{parse url="app=core&amp;module=usercp&amp;tab=core&amp;area=ignoredusers" base="public"}' title="{$this->lang->words['manage_ignored_users']}" class='manage_enemies'>{$this->lang->words['manage_ignored_users']}</a></li>
                                        <if test="bloglink:|:$this->memberData['has_blog'] AND IPSLib::appIsInstalled('blog')">
                                            <li id='user_blog'><a href="{parse url="app=blog&amp;module=manage" base="public" template="manageblog" seotitle="false"}">{$this->lang->words['manage_blogs']}</a></li>
                                        </if>
                                        <if test="pmLink:|:$this->memberData['members_disable_pm'] != 2 && $this->memberData['g_use_pm']">
                                            <li id='user_pm'><a href="{parse url="app=members&module=messaging" base="public"}">{$this->lang->words['user_dd_go_pm']}</a></li>
                                        </if>
                                        <if test="gallerylink:|:$this->memberData['has_gallery'] AND IPSLib::appIsInstalled('gallery')">
                                            <li id='user_gallery'><a href='{parse url="app=gallery&amp;user={$this->memberData['member_id']}" base="public" seotitle="{$this->memberData['members_seo_name']}" template="useralbum"}' title="{$this->lang->words['go_to_my_gallery']}">{$this->lang->words['my_gallery']}</a></li>
                                        </if>
                                        <if test="nexuslink:|:IPSLib::appIsInstalled('nexus')">
                                            <li id='user_nexus'><a href='{parse url="app=nexus&amp;module=clients" base="public"}' title="{$this->lang->words['client_area']}">{$this->lang->words['client_area']}</a></li>
                                        </if>
                                    </ul>
    </div>
  </div>
</div>
<else />
<div class='gndGuestOptions'>
<a href='{parse url="app=core&amp;module=global&amp;section=login" base="public"}' title='{$this->lang->words['sign_in']}' id='sign_in'><i class="fa fa-sign-in"></i> Connect to an account</a>
<a href="{parse url="app=core&amp;module=global&amp;section=register" base="public"}" title='{$this->lang->words['register']}' id='register_link'><i class="fa fa-user-plus"></i> Create an account</a>
</div>
</if>
<div id='secondary_navigation' class='clearfix'>
                    
                        
                        
                 
                        </if>
                        <if test="$this->settings['showFacebook']=='yes'">
                        <li><a href="http://www.facebook.com/{$this->settings['facebookName']}" title="Visit us on Facebook"><i class="fa fa-facebook"></i></a></li>
                        </if>
                        <if test="$this->settings['showTwitter']=='yes'">
                        <li><a href="http://twitter.com/#!/{$this->settings['twitterName']}" title="Follow us on Twitter"><i class="fa fa-twitter"></i></a></li>
                        </if>
                        <if test="$this->settings['showYoutube']=='yes'">
                        <li><a href="http://www.youtube.com/user/{$this->settings['youtubeName']}" title="Watch us on YouTube"><i class="fa fa-youtube-play"></i></a></li>
                        </if>
                    </ul>
        </div>
              
                <!-- if test="canSearch:|:$this->memberData['g_use_search']">{parse template="quickSearch" group="global" params=""}</if -->
            </div></div>
            
                   
            <div id='content' class='clearfix'>

Apoi adaugi in ipb_style.css la final asta :


  
.gndProfileMaxWidth {
    display: block;
    width: 498px;
    height: 201px;
    position: absolute;
    top: 35px;
    right: 0;
    overflow: hidden;
}

.gndProfile {
    background: rgba(28,28,28,0.9);
    padding: 11px;
    border-left: 1px solid none transparent;
    position: relative;
    right: -355px;
    transition: all .5s ease-in-out;
    width: 450px;
}

.gndProfile:hover { right: -25px; }

.gndProfile .avatar {
    display: inline-block;
}

.gndProfile .avatar img {
    max-height: 190px;
}

.gndProfile .welcomeBar {
    height: 30px;
    line-height: 30px;
    width: 68%;
    position: absolute;
    right: 5px;
    top: 10px;
    border-bottom: 1px dashed rgba(255,255,255,0.1);
    color: #888;
    font-family: Calibri;
    font-size: 14px;
}

.welcomeBar .right a {
    display: inline;
}

.infoList {
    display: block;
    width: 123px;
    line-height: 23px;
    position: absolute;
    top: 45px;
    left: 145px;
}

.infoList li {
    border-bottom: 1px dashed #363636;
    color: #777;
}

.infoList ul li > span {
    color: #555;
}

.gndProfile .links {
    position: absolute;
    display: block;
    top: 45px;
    right: 10px;
}

.links ul li {
    position: relative;
    height: 15px;
    line-height: 15px;
    margin-bottom: 5px;
    font-size: 10px;
    border: 1px solid #555;
    padding-left: 25px;
    transition: all .3s ease-in-out;
    padding-right: 7px;
}

.links ul li:hover a { color: #656565; }

.links ul li:hover { border-color: dodgerblue; }

.links ul li:before {
    content: '\f007';
    font-family: 'FontAwesome';
    position: absolute;
    left: 8px;
    top: 0px;
    transition: all .3s ease-in-out;
    font-size: 8px;
}

.links ul li:hover:before { color: dodgerblue; }

.links ul li:nth-child(2):before { content:"\f013"; }
.links ul li:nth-child(3):before { content:"\f0f6"; }
.links ul li:nth-child(4):before { content:"\f164"; }
.links ul li:nth-child(5):before { content:"\f0c0"; }
.links ul li:nth-child(6):before { content:"\f235"; }
.links ul li:nth-child(7):before { content:"\f01c"; }

.gndProfile:before {
    content: "\f100";
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 17px;
    height: 40px;
    background: #252525;
    border-radius: 3px 0 0 3px;
    border: 1px solid none transparent;
    color: none transparent;
    line-height: 40px;
    padding: 0 8px;
    left: -26px;
    top: 30px;
    border-right: none;
    transition: all .4s ease-in-out;
}

.gndProfile:hover:before { background: #241E1D; }

.sbsabt{
opacity: 0.5;
transition: all 0.5s;
}

.sbsabt2, .susabt2{
background: #292929;
border: 0px;
color: #636363;
padding: 10px 14px;
cursor: pointer;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
transition: all 0.7s;
border-radius: 2px;
}
.sbsabt2:hover, .susabt2:hover{
color:white;
box-shadow: inset 150px 0px 0px #DE5723;
}


.gndStaffBar {
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 22px;
}

.gndACP {
    background: #FF000D;
    border-radius: 2px;
    color: rgba(0,0,0,0.3);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.1);
    font-family: Calibri;
    font-weight: bold;
    font-size: 13px;
    line-height: 32px;
    padding: 0 11px;
    text-align: center;
    min-width: 25px;
    display: inline-block;
    cursor: pointer;
}

.gndMCP {
    background: #76BA6D;
    border-radius: 2px;
    color: rgba(0,0,0,0.3);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.1);
    font-family: Calibri;
    font-weight: bold;
    font-size: 13px;
    line-height: 32px;
    padding: 0 11px;
    text-align: center;
    min-width: 25px;
    display: inline-block;
    cursor: pointer;
}

.gndRCP {
    background: #F37B23;
    border-radius: 2px;
    color: rgba(0,0,0,0.3);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.1);
    font-family: Calibri;
    font-weight: bold;
    font-size: 13px;
    line-height: 32px;
    padding: 0 11px;
    text-align: center;
    min-width: 25px;
    display: inline-block;
    cursor: pointer;
}

.gndACP:hover, .gndMCP:hover, .gndRCP:hover { color: rgba(0,0,0,0.3); }

.gndGuestOptions {
    position: absolute;
    right: 60px;
    top: 70px;
}

.gndGuestOptions a {
    display: block;
    background: dodgerblue;
    color: rgba(0,0,0,0.3);
    font-family: Calibri;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 8px;
    font-weight: bold;
    border-radius: 2px;
    text-align: center;
}

.gndGuestOptions a#register_link { background: #76BA6D; }

.gndSisRight { float: right }

.gndhornmsg { position: relative; }

.gndt5{
right: 10px;
}

  • Upvote 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.