Modificare widget profil

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Modificare widget profil

Mesaj Scris de AlexSasann la data de Vin 19 Dec - 18:00

Cum pot pune opacitate la avatarul din widget, cum pun numarul mesajelor si numarul mesajelor private in continuarea titlui? Adica nu cu br si cum pot pune rangul inainte de Mesaje?


Ultima editare efectuata de catre AlexSasann in Mar 23 Dec - 18:21, editata de 1 ori

AlexSasann
Membru activ

masculin

Mesaje : 476
Varsta : 22
Data de inscriere : 06/06/2014
Multumiri : 3
Niciun avertisment

http://www.lanenicu.forum.st

Sus In jos

Rezolvat Re: Modificare widget profil

Mesaj Scris de AlexSasann la data de Dum 21 Dec - 15:11

UP

AlexSasann
Membru activ

masculin

Mesaje : 476
Varsta : 22
Data de inscriere : 06/06/2014
Multumiri : 3
Niciun avertisment

http://www.lanenicu.forum.st

Sus In jos

Rezolvat Re: Modificare widget profil

Mesaj Scris de Cosmin la data de Dum 21 Dec - 20:16

PA > Afisare > Template-uri : Portal > mod_login, înlocuiești template-ul cu:
Cod:
<div class="module main">
   <!-- BEGIN switch_login -->
   <div class="main-head"><h1 class="page-title">{L_LOGIN}</h1></div>
   <div class="main-content">
   <form action="{S_LOGIN_ACTION}" method="post">
   <fieldset class="frm-set login">
      <dl>
                  <dt> lalalala </dt>
         <dt><label for="username">{L_USERNAME}:</label></dt>
         <dd><input type="text" tabindex="1" name="username" id="username" size="20" maxlength="40" value="{USERNAME}" class="inputbox autowidth" /></dd>
      </dl>
      <dl>
         <dt><label for="password">{L_PASSWORD}:</label></dt>
         <dd><input type="password" tabindex="2" id="password" name="password" size="20" maxlength="25" class="inputbox autowidth" /></dd>
         <dd><a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a></dd>
      </dl>
      <dl>
         <dd><label for="autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {AUTOLOGIN_CHECKED} /> {L_AUTO_LOGIN}</label></dd>
      </dl>
      <dl>
         <dd style="text-align:center;"><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></dd>
      </dl>
                <!-- BEGIN switch_fb_connect_login -->
                <dl>
         <dd style="text-align:center;">   
                            <div class="fb_login_widget">
                                <div class="fb_or_widget">{switch_login.switch_fb_connect_login.L_OR}</div>
                                <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_login.switch_fb_connect_login.L_FB_PERMISSIONS}" class="margTop4">{switch_login.switch_fb_connect_login.L_FB_LOGIN_BUTTON}</fb:login-button>
                            </div>
                        </dd>
      </dl>
                <!-- END switch_fb_connect_login -->
   </fieldset>
   </form>
   </div>
   <!-- END switch_login -->

   <!-- BEGIN switch_login_small -->
   <div class="main-head"><h1 class="page-title">{L_LOGIN}</h1></div>
   <div class="main-content">
   <form action="{S_LOGIN_ACTION}" method="post">

   <p><label for="username"><strong>{L_USERNAME}:</strong></label></p>
   <p style="height:2em;valign:top;"><input type="text" name="username" id="username" size="15" maxlength="40" value="{USERNAME}" class="inputbox autowidth" /></p>
   <p><label for="password"><strong>{L_PASSWORD}:</strong></label></p>
   <p style="height:2em;valign:top;"><input type="password" id="password" name="password" size="15" maxlength="25" class="inputbox autowidth" /></p>
   <p><a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a></p>
        <br>
   <p><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {AUTOLOGIN_CHECKED} /><label for="autologin"> {L_AUTO_LOGIN}</label></p>
        <br>
        <p align="center"><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></p>
        <!-- BEGIN switch_fb_connect_login -->
                            <div class="fb_login_widget">
                                <div class="fb_or_widget">{switch_login_small.switch_fb_connect_login.L_OR}</div>
                                <p align="center"><fb:login-button size="small" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_login_small.switch_fb_connect_login.L_FB_PERMISSIONS}" class="margTop4">{switch_login_small.switch_fb_connect_login.L_FB_LOGIN_BUTTON}</fb:login-button>
                            </p>
                            </div>
                <!-- END switch_fb_connect_login -->
   </form>
   </div>
   <!-- END switch_login_small -->

        
   <!-- BEGIN switch_profile -->
   <div class="main-head"><h3>{USERNAME}</h3></div>
   <div class="main-content clearfix details">
   <div class="left">
      {USERNAME_AVATAR}
   </div>
   <div class="left">
             <span class="user_info">{L_MESSAGES}: <strong>{NB_MESSAGES}</strong></span><br/>
             <span class="user_info">{L_PM}: {NB_PM_UNREAD} / {NB_PM_READ}</span><br/>
      <span style="text-align: center;"><a href="{U_PROFILE}">{L_MY_PROFILE}</a></span>
   </div>
   </div>
   <!-- END switch_profile -->
</div>
        <!-- BEGIN switch_fb_widget_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_widget_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_widget_login -->
Și apoi adaugi în CSS:
Cod:
div.main-content.clearfix.details > div.left > img {
  opacity: .6;
  transition: opacity .5s;
}
div.main-content.clearfix.details > div.left > img:hover {
  opacity: 1;
}

Cosmin
Membru activ

masculin

Mesaje : 1460
Varsta : 19
Localizare : rice fields
Data de inscriere : 20/05/2013
Multumiri : 122
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

Rezolvat Re: Modificare widget profil

Mesaj Scris de AlexSasann la data de Mar 23 Dec - 11:07

A functionat. Dar se poate adauga iconite inaintea textului Mesaje, mesaje private si Profil? Sau sa le despart cu o linie?

AlexSasann
Membru activ

masculin

Mesaje : 476
Varsta : 22
Data de inscriere : 06/06/2014
Multumiri : 3
Niciun avertisment

http://www.lanenicu.forum.st

Sus In jos

Rezolvat Re: Modificare widget profil

Mesaj Scris de Cosmin la data de Mar 23 Dec - 12:29

Atunci înlocuiește template-ul cu:
Cod:
<div class="module main">
   <!-- BEGIN switch_login -->
   <div class="main-head"><h1 class="page-title">{L_LOGIN}</h1></div>
   <div class="main-content">
   <form action="{S_LOGIN_ACTION}" method="post">
   <fieldset class="frm-set login">
      <dl>
                  <dt> lalalala </dt>
         <dt><label for="username">{L_USERNAME}:</label></dt>
         <dd><input type="text" tabindex="1" name="username" id="username" size="20" maxlength="40" value="{USERNAME}" class="inputbox autowidth" /></dd>
      </dl>
      <dl>
         <dt><label for="password">{L_PASSWORD}:</label></dt>
         <dd><input type="password" tabindex="2" id="password" name="password" size="20" maxlength="25" class="inputbox autowidth" /></dd>
         <dd><a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a></dd>
      </dl>
      <dl>
         <dd><label for="autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {AUTOLOGIN_CHECKED} /> {L_AUTO_LOGIN}</label></dd>
      </dl>
      <dl>
         <dd style="text-align:center;"><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></dd>
      </dl>
                <!-- BEGIN switch_fb_connect_login -->
                <dl>
         <dd style="text-align:center;">   
                            <div class="fb_login_widget">
                                <div class="fb_or_widget">{switch_login.switch_fb_connect_login.L_OR}</div>
                                <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_login.switch_fb_connect_login.L_FB_PERMISSIONS}" class="margTop4">{switch_login.switch_fb_connect_login.L_FB_LOGIN_BUTTON}</fb:login-button>
                            </div>
                        </dd>
      </dl>
                <!-- END switch_fb_connect_login -->
   </fieldset>
   </form>
   </div>
   <!-- END switch_login -->

   <!-- BEGIN switch_login_small -->
   <div class="main-head"><h1 class="page-title">{L_LOGIN}</h1></div>
   <div class="main-content">
   <form action="{S_LOGIN_ACTION}" method="post">

   <p><label for="username"><strong>{L_USERNAME}:</strong></label></p>
   <p style="height:2em;valign:top;"><input type="text" name="username" id="username" size="15" maxlength="40" value="{USERNAME}" class="inputbox autowidth" /></p>
   <p><label for="password"><strong>{L_PASSWORD}:</strong></label></p>
   <p style="height:2em;valign:top;"><input type="password" id="password" name="password" size="15" maxlength="25" class="inputbox autowidth" /></p>
   <p><a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a></p>
        <br>
   <p><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {AUTOLOGIN_CHECKED} /><label for="autologin"> {L_AUTO_LOGIN}</label></p>
        <br>
        <p align="center"><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></p>
        <!-- BEGIN switch_fb_connect_login -->
                            <div class="fb_login_widget">
                                <div class="fb_or_widget">{switch_login_small.switch_fb_connect_login.L_OR}</div>
                                <p align="center"><fb:login-button size="small" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_login_small.switch_fb_connect_login.L_FB_PERMISSIONS}" class="margTop4">{switch_login_small.switch_fb_connect_login.L_FB_LOGIN_BUTTON}</fb:login-button>
                            </p>
                            </div>
                <!-- END switch_fb_connect_login -->
   </form>
   </div>
   <!-- END switch_login_small -->

        
   <!-- BEGIN switch_profile -->
   <div class="main-head"><h3>{USERNAME}</h3></div>
   <div class="main-content clearfix details">
   <div class="left">
      {USERNAME_AVATAR}
   </div>
   <div class="left">
             <span class="user_info messages">{L_MESSAGES}: <strong>{NB_MESSAGES}</strong></span><br/>
             <span class="user_info pms">{L_PM}: {NB_PM_UNREAD} / {NB_PM_READ}</span><br/>
      <span class="user_info profile style="text-align: center;"><a href="{U_PROFILE}">{L_MY_PROFILE}</a></span>
   </div>
   </div>
   <!-- END switch_profile -->
</div>
        <!-- BEGIN switch_fb_widget_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_widget_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_widget_login -->

Și adaugă în CSS:
Cod:
div.main-content.clearfix.details .left {
  width: 100%;
}
.user_info + br {
  display: none;
}
.user_info {
  display: block;
  padding: 2px 0 2px 0;
  border-bottom: 1px dashed lightgrey;
}
span.user_info {
  padding-left: 18px;
  background-repeat: no-repeat;
  background-position: 0% 50%;
}
span.user_info.messages {
  background-image: url(IMAGINE MESAJE);
}
span.user_info.pms {
  background-image: url(IMAGINE MP);
  background-repeat: no-repeat;
  padding-left: 18px;
}
span.user_info.profile {
  background-image: url(IMAGINE PROFIL);
  border-bottom: none;
}
Înlocuiești IMAGINE MESAJE / MP / PROFIL cu imaginea dorită. De preferat să fie 16x16.

Cosmin
Membru activ

masculin

Mesaje : 1460
Varsta : 19
Localizare : rice fields
Data de inscriere : 20/05/2013
Multumiri : 122
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

Rezolvat Re: Modificare widget profil

Mesaj Scris de AlexSasann la data de Mar 23 Dec - 17:28

Inca ceva si este rezolvat:
Cum pot face textul ingrosat la numarul mesajelor private si textul Profilul meu?

AlexSasann
Membru activ

masculin

Mesaje : 476
Varsta : 22
Data de inscriere : 06/06/2014
Multumiri : 3
Niciun avertisment

http://www.lanenicu.forum.st

Sus In jos

Rezolvat Re: Modificare widget profil

Mesaj Scris de Cosmin la data de Mar 23 Dec - 18:02

Adaugă:
Cod:
span.user_info.pms,
span.user_info a {
  font-weight: 900;
}

Cosmin
Membru activ

masculin

Mesaje : 1460
Varsta : 19
Localizare : rice fields
Data de inscriere : 20/05/2013
Multumiri : 122
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

Rezolvat Re: Modificare widget profil

Mesaj Scris de AlexSasann la data de Mar 23 Dec - 18:20

Rezolvat. Iti multumesc!

AlexSasann
Membru activ

masculin

Mesaje : 476
Varsta : 22
Data de inscriere : 06/06/2014
Multumiri : 3
Niciun avertisment

http://www.lanenicu.forum.st

Sus In jos

Rezolvat Re: Modificare widget profil

Mesaj Scris de Cesar la data de Mar 23 Dec - 18:43

topic rezolvat

Cesar
Membru activ

masculin

Mesaje : 3264
Varsta : 17
Data de inscriere : 13/09/2012
Multumiri : 293
Niciun avertisment

http://www.wolffighterz.com/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum