Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.
Forum gratuit: forum de suport al utilizatorilor

Forum gratuit: ajutor și asistență pentru utilizatorii Forumgratuit. Creează și administrează un forum performant. Descoperă funcţionalităţile, tutorialele și ponturile de pe Forumul de suport!

Modificare widget profil

Forum gratuit: forum de suport al utilizatorilor ::  Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Modificare widget profil

Mesaj Scris de AlexSasann Vin Dec 19, 2014 6:00 pm

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?
profil - Modificare widget profil 68v3ms


Ultima editare efectuata de catre AlexSasann in Mar Dec 23, 2014 6:21 pm, editata de 1 ori
AlexSasann

AlexSasann
Membru activ

Mesaje : 476
Varsta : 30
Data înscrierii : 06/06/2014
Mulțumiri : 3
Internet Explorer punBB

http://www.lanenicu.forum.st
AlexSasann a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Modificare widget profil

Mesaj Scris de AlexSasann Dum Dec 21, 2014 3:11 pm

UP
AlexSasann

AlexSasann
Membru activ

Mesaje : 476
Varsta : 30
Data înscrierii : 06/06/2014
Mulțumiri : 3
Internet Explorer punBB

http://www.lanenicu.forum.st
AlexSasann a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Modificare widget profil

Mesaj Scris de Vizitator Dum Dec 21, 2014 8:16 pm

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;
}
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Modificare widget profil

Mesaj Scris de AlexSasann Mar Dec 23, 2014 11:07 am

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

AlexSasann
Membru activ

Mesaje : 476
Varsta : 30
Data înscrierii : 06/06/2014
Mulțumiri : 3
Internet Explorer punBB

http://www.lanenicu.forum.st
AlexSasann a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Modificare widget profil

Mesaj Scris de Vizitator Mar Dec 23, 2014 12:29 pm

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

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Modificare widget profil

Mesaj Scris de AlexSasann Mar Dec 23, 2014 5:28 pm

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

AlexSasann
Membru activ

Mesaje : 476
Varsta : 30
Data înscrierii : 06/06/2014
Mulțumiri : 3
Internet Explorer punBB

http://www.lanenicu.forum.st
AlexSasann a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Modificare widget profil

Mesaj Scris de Vizitator Mar Dec 23, 2014 6:02 pm

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

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Modificare widget profil

Mesaj Scris de AlexSasann Mar Dec 23, 2014 6:20 pm

Rezolvat. Iti multumesc!
AlexSasann

AlexSasann
Membru activ

Mesaje : 476
Varsta : 30
Data înscrierii : 06/06/2014
Mulțumiri : 3
Internet Explorer punBB

http://www.lanenicu.forum.st
AlexSasann a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Modificare widget profil

Mesaj Scris de Cesar Mar Dec 23, 2014 6:43 pm

topic rezolvat
Cesar

Cesar
Membru onorific
Membru onorific

Mesaje : 3361
Varsta : 25
Localizare : Sinaia, Prahova
Data înscrierii : 13/09/2012
Mulțumiri : 311
Google Chrome punBB

https://help.forumgratuit.ro/
Cesar a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Forum gratuit: forum de suport al utilizatorilor ::  Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum