Ajustar o código das informações do membro

Detalhes da questão

Endereço do fórum: http://cricket.goodforum.net
Versão do fórum: phpBB3

Descrição

Olá,

eu preciso de uma correção do painel de controle da página inicial. parece que o conteúdo não está na perfeição possível. veja a imagem abaixo. conteúdo (Ranks, PMs, Reputations) não estão sob a seção "Geral". alguma correção para isso? eu quero conteúdo em "Geral" aqui VOCÊ vê o problema
https://i.servimg.com/u/f75/20/29/09/97/20210122.png

Código:

<style>
#right,
#left {
  display: block!important;
}
 
#content-container #container {
  margin-right: 200px;
}
</style> <style type="text/css">#userProfile { font-size:11px; position:relative; margin-top:30px; margin-bottom:10px; padding:3px; }
#userProfile .leftCol { float:left; text-align:center; width:20%; }
#userProfile .rightCol { float:left; width:25%; }
#userName { background:#D7F0B7; color:#0076B1; font-weight:bold; font-family:"Trebuchet MS", Verdana, Arial, Sans-serif; border-radius:3px 3px 0 0; position:absolute; left:3px; top:-18px; padding:0 12px; line-height:18px; }
#userName span { font-weight:normal }
#userAvatar img { max-width:100px }
#userAvatar { display:inline-block; overflow:hidden; min-height:100px; min-width:100px; }
#userProfile .title { color:#0076B1; font-weight:bold; border-bottom:1px solid #0076B1; padding-bottom:3px; margin-bottom:3px; width:90%; }
#userProfile .statLabel { display:inline-block; width:85px; font-weight:bold; text-align:right; margin-right:6px; }</style><script type="text/javascript">// <![CDATA[
(function(J, U, L) {
  var main = document.getElementById('main-content'),
      homepage = J('.introduction', main)[0],
      profil;
  
  if (U.session_logged_in) {
    profil = document.createElement('DIV');
    profil.id = 'userProfile';
    profil.className = 'panel introduction';
    profil.innerHTML = '<div id="userName"><span>Logged in as </span>' + U.username + '</div><div class="leftCol"><span id="userAvatar">' + U.avatar + '</span></div><div class="rightCol"><div class="title">General</div><div><span class="statLabel">Rank : </span>' + L.rank_title + '</div><div><span class="statLabel">' + L.Posts + ' : </span>' + U.user_posts + '</div><div><span class="statLabel">' + L.PMs + ' : </span>' + U.user_nb_privmsg + '</div><div><span class="statLabel">' + L.Reputation + ' : </span>' + U.point_reputation + '</div></div><div class="rightCol"><div class="title">Profile</div><div><a href="/u' + U.user_id + '">' + L.See_my_profile + '</a></div><div><a href="/profile?mode=editprofile">' + L.Edit_profile + '</a></div><div><a href="/privmsg?folder=inbox">' + L.All_PMs + '</a></div><div><a href="/profile?mode=editprofile&page_profil=notifications">' + L.Notif_see_all + '</a></div></div><div class="rightCol"><div class="title">Search</div><div><a href="/sta/' + U.username + '">' + L.All_Topics + '</a></div><div><a href="/spa/' + U.username + '">' + L.All_Messages + '</a></div><div><a href="/search?search_id=watchsearch">' + L.js_topics_followed + '</a></div><div><a href="/search?search_id=newposts">View new posts</a></div></div><div class="clear"></div>';
    main.insertBefore(profil, homepage);
  }
  // par ange tuteur
})(jQuery, _userdata, _lang);
//]]></script>
<center>
      Hello <strong>{USERNAME}</strong>,  Please feel free to make topics in a right section. Our staff will try to support you and when your request is complete, please mark it as solved, thanks for understanding.
</center>

Olá @Hossain,

Altere o seu código para:

Código:

        <style>
        #right,
        #left {
          display: block!important;
        }
       
        #content-container #container {
          margin-right: 200px;
        }
#userProfile + .introduction {
    display: none;
}
        </style> <style type="text/css">#userProfile { font-size:11px; position:relative; margin-top:30px; margin-bottom:10px; padding:3px; }
        #userProfile .leftCol { float:left; text-align:center; width:20%; }
        #userProfile .rightCol { float:left; width:25%; }
        #userName { background:#D7F0B7; color:#0076B1; font-weight:bold; font-family:"Trebuchet MS", Verdana, Arial, Sans-serif; border-radius:3px 3px 0 0; position:absolute; left:3px; top:-18px; padding:0 12px; line-height:18px; }
        #userName span { font-weight:normal }
        #userAvatar img { max-width:100px }
        #userAvatar { display:inline-block; overflow:hidden; min-height:100px; min-width:100px; }
        #userProfile .title { color:#0076B1; font-weight:bold; border-bottom:1px solid #0076B1; padding-bottom:3px; margin-bottom:3px; width:90%; }
        #userProfile .statLabel { display:inline-block; width:85px; font-weight:bold; text-align:right; margin-right:6px; }</style><script type="text/javascript">// <![CDATA[
        (function(J, U, L) {
          var main = document.getElementById('main-content'),
              homepage = J('.introduction', main)[0],
              profil;
       
          if (U.session_logged_in) {
            profil = document.createElement('DIV');
            profil.id = 'userProfile';
            profil.className = 'panel introduction';
            profil.innerHTML = '<div id="userName"><span>Logged in as </span>' + U.username + '</div><div class="leftCol"><span id="userAvatar">' + U.avatar + '</span></div><div class="rightCol"><div class="title">General</div><div><span class="statLabel">Rank : </span>' + L.rank_title + '</div><div><span class="statLabel">' + L.Posts + ' : </span>' + U.user_posts + '</div><div><span class="statLabel">' + L.PMs + ' : </span>' + U.user_nb_privmsg + '</div><div><span class="statLabel">' + L.Reputation + ' : </span>' + U.point_reputation + '</div></div><div class="rightCol"><div class="title">Profile</div><div><a href="/u' + U.user_id + '">' + L.See_my_profile + '</a></div><div><a href="/profile?mode=editprofile">' + L.Edit_profile + '</a></div><div><a href="/privmsg?folder=inbox">' + L.All_PMs + '</a></div><div><a href="/profile?mode=editprofile&page_profil=notifications">' + L.Notif_see_all + '</a></div></div><div class="rightCol"><div class="title">Search</div><div><a href="/sta/' + U.username + '">' + L.All_Topics + '</a></div><div><a href="/spa/' + U.username + '">' + L.All_Messages + '</a></div><div><a href="/search?search_id=watchsearch">' + L.js_topics_followed + '</a></div><div><a href="/search?search_id=newposts">View new posts</a></div></div>    <div class="clear"></div><br /><br />        <hr> <div class="wrap"><p style="margin-bottom: 0 !important;padding-top: .75em;padding-bottom: .75rem;">Hello <strong>{USERNAME}</strong>,  Please feel free to make topics in a right section. Our staff will try to support you and when your request is complete, please mark it as solved, thanks for understanding. </p> </div> ';
            main.insertBefore(profil, homepage);
          }
          // par ange tuteur
        })(jQuery, _userdata, _lang);
        //]]></script>       
<center>
</center>

Atenciosamente,
pedxz.

Ola,

vejo dois problemas. Primeiramente, o conteúdo da seção "Geral" foi movido para a direita e, em segundo lugar, grande lacuna entre as informações do usuário e a mensagem de boas-vindas (saudação) para mais esclarecimentos, veja ISTO abaixo
https://i.servimg.com/u/f75/20/29/09/97/20210123.png

Isso acontece porque o senhor usa um diapositivo móvel, altere para:

Código:

                <style>
                #right,
                #left {
                  display: block!important;
                }
             
                #content-container #container {
                  margin-right: 200px;
                }
        #userProfile + .introduction {
            display: none;
        }
                </style> <style type="text/css">#userProfile { font-size:11px; position:relative; margin-top:30px; margin-bottom:10px; padding:3px; }
                #userProfile .leftCol { float:left; text-align:center; width:20%; }
                #userProfile .rightCol { float:left; width:25%; }
                #userName { background:#D7F0B7; color:#0076B1; font-weight:bold; font-family:"Trebuchet MS", Verdana, Arial, Sans-serif; border-radius:3px 3px 0 0; position:absolute; left:3px; top:-18px; padding:0 12px; line-height:18px; }
                #userName span { font-weight:normal }
                #userAvatar img { max-width:100px }
                #userAvatar { display:inline-block; overflow:hidden; min-height:100px; min-width:100px; }
                #userProfile .title { color:#0076B1; font-weight:bold; border-bottom:1px solid #0076B1; padding-bottom:3px; margin-bottom:3px; width:90%; }
                #userProfile .statLabel { display:inline-block; width:85px; font-weight:bold; text-align:right; margin-right:6px; }</style><script type="text/javascript">// <![CDATA[
                (function(J, U, L) {
                  var main = document.getElementById('main-content'),
                      homepage = J('.introduction', main)[0],
                      profil;
             
                  if (U.session_logged_in) {
                    profil = document.createElement('DIV');
                    profil.id = 'userProfile';
                    profil.className = 'panel introduction';
                    profil.innerHTML = '<div id="userName"><span>Logged in as </span>' + U.username + '</div><div class="leftCol"><span id="userAvatar">' + U.avatar + '</span></div><div class="rightCol"><div class="title">General</div><div><span class="statLabel">Rank : </span>' + L.rank_title + '</div><div><span class="statLabel">' + L.Posts + ' : </span>' + U.user_posts + '</div><div><span class="statLabel">' + L.PMs + ' : </span>' + U.user_nb_privmsg + '</div><div><span class="statLabel">' + L.Reputation + ' : </span>' + U.point_reputation + '</div></div><div class="rightCol"><div class="title">Profile</div><div><a href="/u' + U.user_id + '">' + L.See_my_profile + '</a></div><div><a href="/profile?mode=editprofile">' + L.Edit_profile + '</a></div><div><a href="/privmsg?folder=inbox">' + L.All_PMs + '</a></div><div><a href="/profile?mode=editprofile&page_profil=notifications">' + L.Notif_see_all + '</a></div></div><div class="rightCol"><div class="title">Search</div><div><a href="/sta/' + U.username + '">' + L.All_Topics + '</a></div><div><a href="/spa/' + U.username + '">' + L.All_Messages + '</a></div><div><a href="/search?search_id=watchsearch">' + L.js_topics_followed + '</a></div><div><a href="/search?search_id=newposts">View new posts</a></div></div>    <div class="clear"></div><hr> <div style="margin-left: auto;margin-right: auto;width: 90%;"><p style="margin-bottom: 0 !important;padding-top: .75em;padding-bottom: .75rem;">Hello <strong>{USERNAME}</strong>,  Please feel free to make topics in a right section. Our staff will try to support you and when your request is complete, please mark it as solved, thanks for understanding. </p> </div> ';
                    main.insertBefore(profil, homepage);
                  }
                  // par ange tuteur
                })(jQuery, _userdata, _lang);
                //]]></script>     
        <center>
        </center>

bom, tudo bem agora. resolvido obrigado pedro

Tópico resolvido Movido para "Questões resolvidas".