Jump to content

Adaugare UserINFOPANE in Branding

Daniel H.

By +Daniel H.
in IP.Board 3.x

 Share

Recommended Posts

FNATIC Apprentice

FNATIC

Posted
Posted

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...

BebeGFX Mentor

+BebeGFX

Posted
Posted

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
Daniel H. Rising Star

+Daniel H.

Posted
  • Author
Posted

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 ):

 

Hidden Content

Apoi adaugi in ipb_style.css la final asta :

 

Hidden Content

Da dar acum nu imi mai apare branding-ul ... 

Daniel H. Rising Star

+Daniel H.

Posted
  • Author
Posted (edited)
 

 

Da dar acum nu imi mai apare branding-ul ... 

Gata am rezolvat eu ... trebuia sa pastrezi si ce aveai inainte si editai doar asta

<div id='branding'>

cu 

<div id='branding'><div class='wrapper'>

si pastrezi ce aveai inainte si adaugi in continuare !

Edited by Dang3r
FNATIC Apprentice

FNATIC

Posted
Posted

Gata am rezolvat eu ... trebuia sa pastrezi si ce aveai inainte si editai doar asta

<div id='branding'>

cu 

<div id='branding'><div class='wrapper'>

si pastrezi ce aveai inainte si adaugi in continuare !

multumesc!

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
 Share
Go to topic listing
×
×
  • 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.