SP-Design

Seja bem-vindo ao SP-Design. Aqui, lhe ajudaremos com o tema de seu Fórum/Blog/site, vocês poderão solicitar e fornecer ajuda a outros usuários sobre o design e estrutura, tanto grafica, tanto em css e templantes.


Regulamento e informações:      
Equipe SP-Design
Regras do fórum
Como entrar na equipe Staff		 Seções do fórum:
Pedidos Graficos
Pedidos de Códigos
SP-Design e você		 Antes de postar uma dúvida:
Função busca
Perguntas e respostas frequêntes
Tutoriais, dicas e astúcias
Feliz ano novo para você!
Leia a carta de boas festas da equipe SPD.
Área Vip, os códigos mais inovadores
Obtenha os códigos mais inovadores de nosso fórum, atraves de pontos de Cash.
Leia as Regras do SP-Design
Acabou de chegar? Para se "enturmar" rapidamente leia as regras desse fórum.
Tutoriais e Dicas
Veja aqui nossos tutoriais inéditos, e muitos outros tutoriais sobre Design.
Publique no SPublicidade
Publique, peça opinião de pessoas experientes, divulgue o seu trabalho com o SPublicidade
Modifique o visual do seu fórum
Dúvidas sobre códigos HTML, CSS, BBCode e JQuery. Também, poderá tirar dúvidas sobre Templantes.
Faça Pedidos Gráficos para seu fórum
Este é um serviço gratuito para customização e criação de banners, logos, avatares, ícones...
Novo Administrador na comunidade
Pro Administradores adicionam novo administrador na equipe SPD.

SP-Design » SP-Design »   » Tutoriais e Dicas[Tutorial] Perfil tipo Windows.

[Tutorial] Perfil tipo Windows.

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

UchiraDeath

UchiraDeath
sou nível 12

Qua 09 Jan 2013, 5:07 pm

[Tutorial] Perfil tipo Windows. Theme [Tutorial] Perfil tipo Windows. ENDERECO_DA_IMAGEM
Perfil tipo Windows.

Versão: Punbb.
Descrisão: Esse tutorial ensina a como personalizar o perfil igual ao
"Windows".

1º - Tutorial
Painel de Controle --> Visualizações --> viewtopic_body


Subistitua todo o conteudo por esse:
Código:
    <script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
    $(function(){
        _atc.cwait = 0;
        $('.addthis_button').mouseup(function(){
            if ($('#at15s').css('display') == 'block') {
                addthis_close();
                addthis_close();
            }
        });
    });
    //]]>
    </script>

    <table width="100%" border="0" cellspacing="2" cellpadding="0">
        <tr>
            <td align="left" valign="middle" nowrap="nowrap">
                <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
                </span>
            </td>
   
            <td align="right" valign="bottom" nowrap="nowrap" width="100%">
                <span class="gensmall bold">
                    <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
                    |
                    <script type="text/javascript">
                    //<![CDATA[
                    insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                    //]]>
                    </script>
                </span>
            </td>
        </tr>
    </table>

    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr align="right">
            <td class="catHead" colspan="3" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
               
                        <td align="center" nowrap="nowrap" class="t-title"><h1 class="cattitle">
                        <font color="blue"> <!-- google_ad_section_start -->{TOPIC_TITLE}<!-- google_ad_section_end --></font></h1></td>
                        <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                    </tr>
                </table>
            </td>
        </tr>
        <!-- BEGIN topicpagination -->
        <tr>
            <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
        </tr>
        <!-- END topicpagination -->
        {POLL_DISPLAY}
   


    <tr>
            <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
            <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
        </tr>
        <!-- BEGIN postrow -->
        <!-- BEGIN displayed -->






        <tr class="post">
          <td class="row1" valign="top" width="185px"><table cellpadding="0" cellspacing="0" width="185px" align="center"><tr><td><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/tcat_l10.jpg" alt="" /></td><td style="background: url(http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/tcat_c10.jpg) repeat-x top left" width="100%"><table cellpadding="0" cellspacing="0" width="100%" align="left"><tr><td align="left" style="padding: 12px 0px 0px 0px;"><table cellpadding="0" cellspacing="0" align="left" width="100%"><tr><td><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/tcat_t10.jpg" alt="" /></td><td class="tcat" style="background: url(http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/tcat_t11.jpg) repeat-x top left" width="75%" align="left"><Span class="secondarytitle"><font color=Green>{postrow.displayed.POSTER_RANK}</font></span></td><td width="300"><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/tcat_t12.jpg" alt="" /></td></tr></table></td><td align="right"><a style="float:right" href="#top"><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/close110.jpg" alt="" border="0" /></a></td></tr></table></td><td><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/tcat_r10.jpg" alt="" /></td></tr><tr><td style="background: url(http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/scale_10.jpg) repeat-y top left" valign="bottom"> </td><td style="background: transparent;" width="100%"><table width=100%><tr><td class="thead2"><center><center><span class="smallfont"><span class="name"></center><span class="smallfont"><font size="2">
    <marquee behavior=alternate>{postrow.displayed.RANK_IMAGE}</marquee></font> 
                </span><br></center><center><!--
    BEGIN-----AVATAR --><table cellSpacing="0" cellPadding="0" border="0" style="width:auto"><td style="padding: 0px"><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/bgavat10.png"></td><td style="padding: 0px" background="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/bgavat11.png"></td><td style="padding: 0px"><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/bgavat12.png"></td></tr><tr><td valign="top" style="padding: 0px" background="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/bgavat13.png"><td style="padding: 0px; background-color: #232323" bgColor="#232323"><span class="postdetails poster-profile">
                    {postrow.displayed.POSTER_AVATAR}</span></td><td style="padding: 0px" background="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/bgavat14.png"></td></tr><tr><td style="padding: 0px"><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/bgavat15.png"></td><td style="padding: 0px" background="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/bgavat16.png"></td><td style="padding: 0px"><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/bgavat17.png"></td></table><!--
    END-----AVATAR --></center></td></tr><tr><td>

    <table width=100%><tr><td style="border:0px dashed #195cd2;padding:2px" cellspacing="1px" cellpadding="1px"><span class="smallfont"><fieldset><legend><span style=width:100;height:30;text-align:center;color:black;filter:glow(color=##56CDE0)><b></b> <strong>{postrow.displayed.POSTER_NAME}</strong></span></a> </strong></span></legend> <table cellspacing="1" cellpadding="0" border="0" onclick="if(this.getElementsByTagName('td')[1].style.display == 'none'){ this.getElementsByTagName('td')[1].style.display = '';this.getElementsByTagName('td')[2].style.display = 'none'; }else{ this.getElementsByTagName('td')[1].style.display = 'none';this.getElementsByTagName('td')[2].style.display = '';}" style="cursor: pointer;"><tr><td><span class="genmed"></td></tr><tr><td class="smallfont" style="display: '';">Click để biết chi tiết!</td><td style="display: none;">  <span class="postdetails poster-profile"><span style="white-space:nowrap;"><span style="color:#0593FF;"></span></span>
                    <!-- BEGIN profile_field -->




    {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                    <!-- END profile_field -->     



    </span>  </td></tr></table></fieldset></span>
    </td></tr></table>

    <table width=100%><tr><td style="border:0px dashed #195cd2;padding:2px" cellspacing="1px" cellpadding="1px"><table cellspacing="0" cellpadding="0"><tr><td><div class="genmed"> </div></td><td style="background: url(http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/offlin10.png) ;height: 23px;width: 90px;border: 0px;">{postrow.displayed.ONLINE_IMG}</td></tr></table></td></tr></table><table width=100%><tr><td style="border:1px dashed #195cd2;padding:2px" cellspacing="1px" cellpadding="1px"><table cellspacing="0" cellpadding="1" width=100%><tr><td valign=middle>{postrow.displayed.PROFILE_IMG}{postrow.displayed.PM_IMG}{postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field -->
                            {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></td></tr></table></td></tr></table></span></td></tr></table><td style="background: url(http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/scale_11.jpg) repeat-y top right" valign="bottom"> </td></tr><tr><td><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/footer10.jpg" alt="" /></td><td style="background: url(http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/footer11.jpg) repeat-x top left" width="100%"> </td><td><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/footer12.jpg" alt="" /></td></tr></table>


     
   

    </td>
            <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                    </tr>
                    <tr>
                        <td>
                 
                  <table width="650" align="center"><tr><td width="30"><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/blast_first.gif"height="56" width="30"></td><td class="blast" height="56" width="610" align="center">{postrow.displayed.POSTER_HUMOR}</td></tr></table>
                   

    </td>
                    </tr>
                    <tr>
                        <td class="hr">
                            <hr />
                        </td>
                    </tr>
                    <tr>
                        <td>

          <div class="postbody">

                                <div><table cellSpacing="0" cellPadding="0" border="0" style="width:auto"><tr><td style="padding: 0px"><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/admin_24.gif"></td><td width="99%" style="padding: 0px" background="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/admin_25.gif"></td><td style="padding: 0px"><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/admin_26.gif"></td></tr><tr><td valign="top" style="padding: 0px" background="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/admin_27.gif"><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/admin_11-1.png"></td><td style="padding: 0px; background-color: transparent" bgColor="#transparent"><!--
    google_ad_section_start --><div class="postbody">{postrow.displayed.MESSAGE}<br>




    <!-- BEGIN switch_attachments -->
                                <dl class="attachbox">
                                    <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                                    <dd>
                                        <!-- BEGIN switch_post_attachments -->
                                        <dl class="file">
                                            <dt>
                                                <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                                <!-- BEGIN switch_dl_att -->
                                                <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                                <!-- END switch_dl_att -->

                                                <!-- BEGIN switch_no_dl_att -->
                                                {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                                <!-- END switch_no_dl_att -->
                                            </dt>

                                            <!-- BEGIN switch_no_comment -->
                                            <dd>
                                                <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                            </dd>
                                            <!-- END switch_no_comment -->

                                            <!-- BEGIN switch_no_dl_att -->
                                            <dd>
                                                <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                            </dd>
                                            <!-- END switch_no_dl_att -->

                                            <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                        </dl>
                                        <!-- END switch_post_attachments -->
                                    </dd>
                                </dl>
                                <!-- END switch_attachments -->




    <div class="clear"></div><div class="clear"></div></div></td><td style="padding: 0px" background="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/admin_28.gif"></td></tr><tr><td style="padding: 0px"><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/admin_29.gif"></td><td style="padding: 0px" background="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/admin_30.gif"></td><td style="padding: 0px"><img src="http://i913.photobucket.com/albums/ac332/battuvuong/baivongforum/admin_31.gif"></td></tr></table></div>
    <!-- google_ad_section_end -->


                                <div>
    <span class="smallfont"><fieldset><legend><span style=width:100;height:30;text-align:center;color:black;filter:glow(color=##56CDE0)><b></b></span></a> </strong></span></legend> <table cellspacing="1" cellpadding="0" border="0" onclick="if(this.getElementsByTagName('td')[1].style.display == 'none'){ this.getElementsByTagName('td')[1].style.display = '';this.getElementsByTagName('td')[2].style.display = 'none'; }else{ this.getElementsByTagName('td')[1].style.display = 'none';this.getElementsByTagName('td')[2].style.display = '';}" style="cursor: pointer;"><tr><td><span class="genmed"></td></tr><tr><td class="smallfont" style="display: '';"> <strong>{postrow.displayed.POSTER_NAME}</strong></td><td style="display: none;">  <span class="postdetails poster-profile"><span style="white-space:nowrap;"><span style="color:#0593FF;"></span></span>
             
    <font color=white>{postrow.displayed.POSTER_RPG}</font>

    </span>  </td></tr></table></fieldset></span>

    <fieldset class="signature"><legend class="signtop">



    <span style=width:100;height:30;text-align:center;color:black;filter:glow(color=##56CDE0)><b>Firma del miembro:</b>  <strong></strong></span></strong></legend><div style="overflow: auto; max-height: 200px;"><div align="center">
    <div style="margin:auto;text-align:center;width:100%">{postrow.displayed.SIGNATURE} </div></div><!--
    show inventory --></fieldset></span><span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
     
                    </div>

     

            <div style="margin-top: 10px" align="right">
            </div>
            <div align="right"><div align="right" width="100%">









    {postrow.displayed.THANK_IMG}
                {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG}  {postrow.displayed.EDIT_IMG}  {postrow.displayed.DELETE_IMG}  {postrow.displayed.IP_IMG}  {postrow.displayed.REPORT_IMG}

    <html xmlns="http://www.w3.org/1999/xhtml"
          xmlns:fb="http://www.facebook.com/2008/fbml">
   
      <body>
   
        <p><fb:like></fb:like></p>

        <div id="fb-root"></div>
        <script>
          window.fbAsyncInit = function() {
            FB.init({appId: '142213709150968', status: true, cookie: true,
                    xfbml: true});
          };
          (function() {
            var e = document.createElement('script');
            e.type = 'text/javascript';
            e.src = document.location.protocol +
              'https://connect.facebook.net/vi_VN/all.js';
            e.async = true;
            document.getElementById('fb-root').appendChild(e);
          }());
        </script>
      </body>
    </html>

    <br>
   
    <!-- BEGIN switch_vote_active -->

    <!-- BEGIN switch_vote -->

    <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" target="_blank">
    <span onmouseover="showtip('Mình thích bài viết này<br><img src=http://baivong.us.to/users/1911/13/87/62/album/th/cs0_1119.png>');" onmouseout="hidetip();" style="float: right;"><img src="http://i28.servimg.com/u/f28/15/58/32/42/t-1010.png" border="0" />  </a></span> 
   
    <!-- END switch_vote -->  {postrow.displayed.switch_vote_active.L_VOTE_TITLE}  <!-- END switch_vote_active -->


                 
    </div></div>
        <!-- message, attachments, sig -->
    <!-- Code Blog poster --><div align="left">
    <left>
    <table>
    <TR>
    <TD>


    <textarea style="background: #2D2D2D url(http://i67.servimg.com/u/f67/14/67/90/38/cs0_9510.gif);color: #0033FF;font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;" rows="1" cols="100" readonly="readonly" onclick="this.select()">{TOPIC_TITLE} - http://css-world.superforo.net{TOPIC_URL}</textarea>
    </TD></TR>
    </table>
    </left>
    </div>

    <!-- / Code Blog poster -->



   
   
                     

                            </div>
                            <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                            <p>                   
                            <strong><font color=#00bfff><img src=http://i66.servimg.com/u/f66/15/26/55/24/i_icon10.gif> Da gracias por sus mensajes {postrow.displayed.POSTER_NAME} haciendo clic en el  "</font></strong><img src="http://baivong.us.to/users/1911/13/87/62/album/th/t-10.png"><strong><font color=#00bfff>"  </font></strong>
                          </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
       


            </td>
            <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td valign="middle">
                            <p align="right">







    </td>
                    </tr>
                </table>
            </td>
        </tr>
        <!-- BEGIN first_post_br -->
    </table>


    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr>
            <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
            <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
        </tr>
        <!-- END first_post_br -->
        <!-- END displayed -->
        <!-- BEGIN hidden -->
        <tr>
            <td class="postdetails {postrow.displayed.ROW_CLASS}" colspan="2" align="center">{postrow.displayed.MESSAGE}</td>
        </tr>
        <!-- END hidden -->
        <!-- END postrow -->
        <!-- BEGIN no_post -->
        <tr align="center">
            <td class="row1" colspan="2" height="28">
                <span class="genmed">{no_post.L_NO_POST}</span>
            </td>
        </tr>
        <!-- END no_post -->
        <tr align="right">
            <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="9%" class="noprint" bgcolor="#FFFFFF"> </td>
                        <td align="center" nowrap="nowrap" class="t-title" bgcolor="#FFFFFF">
                        </td>
                        <td align="right" nowrap="nowrap" width="9%" class="browse-arrows" bgcolor="#FFFFFF">
       









    </td>
                    </tr>
                    <tr>
                        <td width="9%" class="noprint"><font color="#FFFFFF"><b>Tiêu
                        đề</b></font></td>
                        <td align="center" nowrap="nowrap" class="t-title">
                        <font color="#FFFFFF"><a name="bottomtitle"></a></font><h1 class="cattitle">
                        <font color="blue">{TOPIC_TITLE}</font></h1></td>
                        <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    <table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr>
            <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
            <!-- BEGIN topicpagination -->
            <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
            <!-- END topicpagination -->
        </tr>
        <!-- BEGIN switch_user_logged_in -->
        <!-- BEGIN watchtopic -->
        <tr>
            <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
        </tr>
        <!-- END watchtopic -->
        <!-- END switch_user_logged_in -->
        <tr>
            <td class="row2" colspan="2" align="center" style="padding:0px">
                <font size="2" face="tahoma" color="green"><center><div align="center">
        <center>
            <table id="table16">
                <tr>
                    <td>
                        </td>
                </tr>
            </table>
        </center>
    </div><div align="center">
        <center>
            </center>
    </div><div align="center">
        <center>
    <!-- BEGIN switch_user_logged_in --><a name="quickreply"></a>{QUICK_REPLY_FORM}

                <!-- END switch_user_logged_in -->
            </td>
        </tr>
        <tr>
            <td style="margin:0; padding: 0;" colspan="2">
                <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                    <tbody>
            <!-- BEGIN show_permissions -->
            <tr>
                <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
                <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
            </tr>
            <!-- END show_permissions -->
            <tr>
                <td class="catBottom" colspan="2" height="28">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                   



    <td align="left" valign="middle" nowrap="nowrap">
                <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
                </span>
            </td>
   






                            <!-- BEGIN show_permissions -->
                            <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                            <!-- END show_permissions -->
                        </tr>
                    </table>
                </td>
            </tr>
        </tbody>
                </table>
            </td>
        </tr>
        <tr>
            <td style="margin:0; padding: 0;" colspan="2">
                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                    <tbody>
            <tr>
                <td class="catBottom" colspan="2" height="28">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                 






    <td align="left" valign="middle" nowrap="nowrap">
                <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
                </span>
            </td>
     



                            <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </tbody>
                </table>
            </td>
        </tr>
    </table>

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
        <tr>
            <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
                <span class="nav">
                    <!-- BEGIN switch_user_authpost -->
                    <!-- END switch_user_authpost --><!-- BEGIN switch_user_authreply -->
                    <!-- END switch_user_authreply -->
                </span>
            </td>
            <!-- BEGIN viewtopic_bottom -->
            <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
            <!-- END viewtopic_bottom -->
            <!-- BEGIN moderation_panel -->
            <td align="center">
                <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
            </td>
            <td align="center" width="250">
                <span class="gensmall"> </span>
            </td>
            <!-- END moderation_panel -->
        </tr>
    </table>
    </form>

    <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
        <tr>
            <td colspan="2" align="left" valign="top" nowrap="nowrap">
    {S_TOPIC_ADMIN}

                <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                    <input type="hidden" name="t" value="{TOPIC_ID}" />
                    <input type="hidden" name="sid" value="{S_SID}" />
                    <span class="gen">{L_MOD_TOOLS}
    {S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
                </form>
            </td>
        </tr>
    </table>
    <!-- END viewtopic_bottom -->

    <!-- BEGIN switch_image_resize -->
    <script>window.onload = function resizeImagesForumotion()
    {
              if (document.images.length > 0)
              {

          var maxWidth =768;
                    var imgHeight;
                    var imgWidth;
                    for (var i = 0; i < document.images.length; i++)
                  {
                            imgWidth = document.images[i].width;
                            imgHeight = document.images[i].height;
   
            if (document.images[i].width > maxWidth &&
    document.images[i].src !=
    "http://baivong.us.to/users/1911/13/87/62/album/10144610.jpg")  {
                image = new Image();
                                    image = document.images[i];

                newImage = image.cloneNode( true )  ;

                                    newImage.origHeight = image.height;
                                  newImage.origWidth = image.width;


                                  newImage.width = maxWidth ;

                                    imgHeight = imgHeight / (imgWidth/ maxWidth );
                                    newImage.height = imgHeight;
       
                newImage.style.cursor = 'pointer';


                if( image.outerHTML )
                {
   
                                      newImage.onclick = "var altHeight;
    var altWidth;  altHeight = this.height ; altWidth = this.width;
    this.width = this.origWidth;    this.height = this.origHeight;
    this.origWidth = altWidth; this.origHeight = altHeight;    ";
                } else {
                                        newImage.onclick = function () {
                      var altHeight;
                      var altWidth;
             
                      altHeight = this.height ;
                      altWidth = this.width;

                      this.width = this.origWidth;
                      this.height = this.origHeight;

                      this.origWidth = altWidth;
                      this.origHeight = altHeight;
                  };
                }

     
    if( parentNode = image.parentNode )
                {
   
                textMessage = document.createTextNode(' Hình ảnh tại
    [url=http://baivong.us.to/]http://baivong.us.to[/url] đã được thu nhỏ, click vào để xem với kích thước
    thật');

                  elem = document.createElement("td");
                  elem.setAttribute( "align", "center");
                  elem.style.backgroundColor = '#FFFFCC';
                  elem.style.color = '#000';
                  elem.style.fontSize = '10pt';

                  elem.appendChild( textMessage );
                  elem.appendChild( document.createElement("br"));
                  elem.appendChild( newImage );
             
         
                  tableRow = document.createElement("tr");
                  tableRow.appendChild(elem);
         
                  TableElem = document.createElement("table");
                  TableElem.setAttribute( "border", "0");
                  TableElem.appendChild( tableRow );

                  frag = document.createElement("div");
                  frag.appendChild( TableElem );

                  if( image.outerHTML )
                  {
                      image.outerHTML = frag.innerHTML;
                  } else {
                      parentNode.replaceChild( TableElem, image );
                  }
                }
                  } }
              }
        } </script>
        <!-- END switch_image_resize -->
    <script type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js?pub=forumotion"></script>


1º - Resultado
[/quote][Tutorial] Perfil tipo Windows. IpTo6[quote]


© Sp-design/Suporte Design e ηαтѕυ


Kronos£

Kronos£
sou nível 3

Qua 09 Jan 2013, 5:21 pm
Muito legal este perfil, obrigado por compartilhar!

UchiraDeath

UchiraDeath
sou nível 12

Qua 09 Jan 2013, 5:23 pm
Ola, De nada pesso que se o codigo lhe ajudou clique no +.

Drey

Drey
sou nível 4

Qua 09 Jan 2013, 6:52 pm
não resultou em meu fórum

Bookmarlucas654

Bookmarlucas654
sou nível 14

Qua 09 Jan 2013, 9:03 pm
Perdão minha opinião... mas EU não vou editar todo meu Viewtopic_body pra adicionar este código... Ou você edita o tópico mostrando a área exata do código... e onde pôr... ou pode atrapalhar MUITOS usuários, amigo...

Jose Hamizaki

Jose Hamizaki
Designer Grafico

Qui 10 Jan 2013, 5:17 am
Muito bom, so nao gostei do traçado em volta la embaixo dos icones.

D'Leandro™

D'Leandro™
sou nível 17

Qui 10 Jan 2013, 6:05 am
UchiraDeath Voce poderia fornecer um css que defina este estilo?
Eu quero usar esta aparencia em algumas partes de meu forum!

UchiraDeath

UchiraDeath
sou nível 12

Qui 10 Jan 2013, 1:51 pm
Olá, Leandro .-. Lamento mas não vou lhe fornecer,
Pesso que se quiser a apararencia pessa na seção de codigos.


Drey Você Publicou o Templante?

Bob,
Pesso que se tem o Minimo de conhecimento saberia onde por mas de qualquer forma sabado ou sexta editarei o topico não poderei editar agora por Motivos pessoais.



TiagoDJ-7.0

TiagoDJ-7.0
sou nível 12

Seg 18 Fev 2013, 6:51 pm
gostei mas acho que tem que modificar algumas coisa que não ficarão no posição um folha de estilo ia ajuda muito
mas tá bom esse tutorial

Tsumetai

Tsumetai
sou nível 5

Ter 19 Fev 2013, 10:39 am
Não curti pq tu fez as coisas do CSS inline, seria melho se separasse a folha de estilo do HTML. Ficaria mais editável e melhor de localizar

Nicknamev1

Nicknamev1
sou nível 6

Ter 19 Fev 2013, 11:12 am
não separei para facilitar a vida caso queira uma personalização pessa ou tenha conhecimento '-'

Tsumetai

Tsumetai
sou nível 5

Ter 19 Fev 2013, 11:18 am
Tenho conhecimento para tal, e se escreve 'peça', amigo.
Não quero pois sinceramente achei feio.
Só acho que para uma página bem organizada o javascript, o css e o HTML devem estar separados uns dos outros.

TiagoDJ-7.0

TiagoDJ-7.0
sou nível 12

Ter 19 Fev 2013, 11:26 am
eu concordo
eu tive um idéia só que nuca terminei era um página inicial do Windows para forum

Tsumetai

Tsumetai
sou nível 5

Ter 19 Fev 2013, 11:35 am
Se quiser posso lhe ajudar no projeto.
Aqui está o link de algumas páginas que desenvolvi/ ou fiz o design:
- http://narutosdestinyrpg20.forumeiros.com
- http://narutosdestinyrpg20.forumeiros.com/h1-


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Você não está conectado. Conecte-se ou registre-se

SP-Design » SP-Design »   » Tutoriais e Dicas[Tutorial] Perfil tipo Windows.



Permissões neste sub-fórum
Não podes responder a tópicos
TiagoDJ-7.0, Seg 03 Mar 2014, 3:21 pm

Tenma Hiraga, Dom 12 Jan 2014, 2:49 pm

TiagoDJ-7.0, Ter 31 Dez 2013, 5:50 pm

Crowley, Ter 31 Dez 2013, 8:42 am

TiagoDJ-7.0, Sex 27 Dez 2013, 9:33 pm

Ghost, Sex 27 Dez 2013, 6:37 pm

Crowley, Sex 27 Dez 2013, 12:53 pm

Crowley, Sex 27 Dez 2013, 12:46 pm

Destaque do Fórum
Destaque do Fórum

Carregando avatar...
Muito Obrigado
Parabens para o Membro destaque do fórum, pela sua ótima competencia em nosso fórum, um agradecimento dos Usuários e de toda a equipe a você !! Muito Obrigado !!

Quer um Widget igual a este ?
peça o seu aqui >>>

 

Atualizado com e-referrer
Publicidade | SEJA NOSSO PARCEIRO
Naruto Rpg FutureLes power infoMaster ExpShiftactifThe forum of Codes

2012 © SP-Design - Ajuda na criação de códigos e na aparência de seu Fórum™ - Design de Cyllaz - Todos os direitos reservados ®