Avatar em cima do nick?

Qual é minha questão:
Gostaria que o avatar desse widget fica-se em sima do nick e não ao lado...

Código:



<center>
<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>    
        
        <font size="4">{USERLINK}</font><script> 
       
 jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {




         jQuery(document).ready(function(){    
        link = jQuery('.panel dl:first img', data).attr('src');
        jQuery('#avatar').attr('src', link);
        });
        });
        </script>
        <span style="font-size: 1.2em;"><img id="avatar" align="left" width="50"></center>




      <center><b>Mensagens:</b> {USERCOUNTPOST}</center>




        <span id="friends_cook"></span>




    </span>
            <dl class="faq" style="margin-bottom: -1px !important;"><dt></dt><dd onclick="return CFAQ.display('l7', false);">
            <div style="cursor: pointer;" onclick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://i72.servimg.com/u/f72/17/35/69/53/20px-m11.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
            <a href="../profile?mode=editprofile&page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br><a href="../profile?mode=editprofile&page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onclick="return CFAQ.display('l8', false);">
            <div style="cursor: pointer;" onclick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://i72.servimg.com/u/f72/17/35/69/53/20px-g10.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
            <dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br><span style="font-size: ;"><a href="../search?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br><span style="font-size: ;"><a href="../search?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onclick="return CFAQ.display('l9', false);">
            <div style="cursor: pointer;" onclick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://i72.servimg.com/u/f72/17/35/69/53/20px-w11.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br><span style="font-size: ;"><a href="../search?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br><span style="font-size: ;"><a href="../search?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br><span style="font-size: ;"><a href="../search?search_id=newposts" target="_blank"> Novas mensagens<br></a></span></dd></dl>



Endereço do meu fórum:
http://mermoraonline.forumeiros.com

Versão do fórum:
PHPBB3

Up

Olá Vinicius,

Substitua seu antigo código por esse:

Código:


<center>
<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>   
       
        <font size="4">{USERLINK}</font><script>
     
 jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {




        jQuery(document).ready(function(){   
        link = jQuery('.panel dl:first img', data).attr('src');
        jQuery('#avatar').attr('src', link);
        });
        });
        </script>
        <span style="font-size: 1.2em;"><img id="avatar" align="up" width="50"></center>




      <center><b>Mensagens:</b> {USERCOUNTPOST}</center>




        <span id="friends_cook"></span>




    </span>
            <dl class="faq" style="margin-bottom: -1px !important;"><dt></dt><dd onclick="return CFAQ.display('l7', false);">
            <div style="cursor: pointer;" onclick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://i72.servimg.com/u/f72/17/35/69/53/20px-m11.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
            <a href="../profile?mode=editprofile&page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br><a href="../profile?mode=editprofile&page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onclick="return CFAQ.display('l8', false);">
            <div style="cursor: pointer;" onclick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://i72.servimg.com/u/f72/17/35/69/53/20px-g10.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
            <dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br><span style="font-size: ;"><a href="../search?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br><span style="font-size: ;"><a href="../search?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onclick="return CFAQ.display('l9', false);">
            <div style="cursor: pointer;" onclick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://i72.servimg.com/u/f72/17/35/69/53/20px-w11.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br><span style="font-size: ;"><a href="../search?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br><span style="font-size: ;"><a href="../search?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br><span style="font-size: ;"><a href="../search?search_id=newposts" target="_blank"> Novas mensagens<br></a></span></dd></dl>


Resulta?

Até Mais!

Não deu, ficou na frente do nome.

Olá Vinicius,

Tente esse:

Código:

<center>
<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>   
       
        <font size="4">{USERLINK}</font><script>
     
 jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {




        jQuery(document).ready(function(){   
        link = jQuery('.panel dl:first img', data).attr('src');
        jQuery('#avatar').attr('src', link);
        });
        });
        </script>
        <span style="font-size: 1.2em;"><img id="avatar" align="top" width="45"></center>




      <center><b>Mensagens:</b> {USERCOUNTPOST}</center>




        <span id="friends_cook"></span>




    </span>
            <dl class="faq" style="margin-bottom: -1px !important;"><dt></dt><dd onclick="return CFAQ.display('l7', false);">
            <div style="cursor: pointer;" onclick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://i72.servimg.com/u/f72/17/35/69/53/20px-m11.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
            <a href="../profile?mode=editprofile&page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br><a href="../profile?mode=editprofile&page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onclick="return CFAQ.display('l8', false);">
            <div style="cursor: pointer;" onclick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://i72.servimg.com/u/f72/17/35/69/53/20px-g10.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
            <dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br><span style="font-size: ;"><a href="../search?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br><span style="font-size: ;"><a href="../search?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onclick="return CFAQ.display('l9', false);">
            <div style="cursor: pointer;" onclick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://i72.servimg.com/u/f72/17/35/69/53/20px-w11.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br><span style="font-size: ;"><a href="../search?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br><span style="font-size: ;"><a href="../search?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br><span style="font-size: ;"><a href="../search?search_id=newposts" target="_blank"> Novas mensagens<br></a></span></dd></dl>

Resulta?

Até mais!

ainda não deu, quero que fique encima do USERNAME (Nick) centralizado...

Olá, já está tudo centralizado, o que gostaria que ficasse?

Atenciosamente,
Civilization.

Gostaria que o avatar fica-se sobre o nick, não que o nick fica-se ao lado do avatar vise-e-versa.

Olá!

Troque seu código por este:

Código:


        <center>
        <script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>   
              <script>
             
        jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {




                jQuery(document).ready(function(){   
                link = jQuery('.panel dl:first img', data).attr('src');
                jQuery('#avatar').attr('src', link);
                });
                });
                </script><br>
                <font size="4">{USERLINK}</font>
                <span style="font-size: 1.2em;"><img id="avatar" align="left" width="50"></center>




              <center><b>Mensagens:</b> {USERCOUNTPOST}</center>




                <span id="friends_cook"></span>




            </span>
                    <dl class="faq" style="margin-bottom: -1px !important;"><dt></dt><dd onclick="return CFAQ.display('l7', false);">
                    <div style="cursor: pointer;" onclick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://i72.servimg.com/u/f72/17/35/69/53/20px-m11.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
                    <a href="../profile?mode=editprofile&page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br><a href="../profile?mode=editprofile&page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onclick="return CFAQ.display('l8', false);">
                    <div style="cursor: pointer;" onclick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://i72.servimg.com/u/f72/17/35/69/53/20px-g10.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
                    <dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br><span style="font-size: ;"><a href="../search?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br><span style="font-size: ;"><a href="../search?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onclick="return CFAQ.display('l9', false);">
                    <div style="cursor: pointer;" onclick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://i72.servimg.com/u/f72/17/35/69/53/20px-w11.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br><span style="font-size: ;"><a href="../search?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br><span style="font-size: ;"><a href="../search?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br><span style="font-size: ;"><a href="../search?search_id=newposts" target="_blank"> Novas mensagens<br></a></span></dd></dl>


Até mais!

Continua na esquerda... Desculpe.

up

Olá!

Troque o código por este:

Código:

        <center>
        <script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>   
              <script>
             
        jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {




                jQuery(document).ready(function(){   
                link = jQuery('.panel dl:first img', data).attr('src');
                jQuery('#avatar').attr('src', link);
                });
                });
                </script><br>
                <font size="4">{USERLINK}</font>
                <span style="font-size: 1.2em;"><img id="avatar" align="left" width="50"></center>




              <center><b>Mensagens:</b> {USERCOUNTPOST}</center>




                <span id="friends_cook"></span>




            </span>
                    <br><dl class="faq" style="margin-bottom: -1px !important;"><dt></dt><dd onclick="return CFAQ.display('l7', false);">
                    <div style="cursor: pointer;" onclick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://i72.servimg.com/u/f72/17/35/69/53/20px-m11.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
                    <a href="../profile?mode=editprofile&page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br><a href="../profile?mode=editprofile&page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onclick="return CFAQ.display('l8', false);">
                    <div style="cursor: pointer;" onclick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://i72.servimg.com/u/f72/17/35/69/53/20px-g10.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
                    <dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br><span style="font-size: ;"><a href="../search?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br><span style="font-size: ;"><a href="../search?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onclick="return CFAQ.display('l9', false);">
                    <div style="cursor: pointer;" onclick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://i72.servimg.com/u/f72/17/35/69/53/20px-w11.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br><span style="font-size: ;"><a href="../search?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br><span style="font-size: ;"><a href="../search?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br><span style="font-size: ;"><a href="../search?search_id=newposts" target="_blank"> Novas mensagens<br></a></span></dd></dl>


Veja o resultado no fórum de testes: http://temasbr.forumeiros.com/

Melhores cumprimentos,
seender

Bem, pelo visto acho que esse código não é possível de se fazer, pois quando coloca para centralizar ele coloca na esquerda automaticamente. Obrigado, mas acho que não vai dar certo. VLW!