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.

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

avatar

sou nível 12

em Qua 09 Jan 2013, 5:07 pm



Perfil tipo Windows.

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

- 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 +
              'http://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>


- Resultado
[/quote][quote]



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


avatar

sou nível 3

em Qua 09 Jan 2013, 5:21 pm

Muito legal este perfil, obrigado por compartilhar!

avatar

sou nível 12

em Qua 09 Jan 2013, 5:23 pm

Ola, De nada pesso que se o codigo lhe ajudou clique no +.

avatar

sou nível 4

em Qua 09 Jan 2013, 6:52 pm

não resultou em meu fórum

avatar

sou nível 14

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

avatar

Designer Grafico

em Qui 10 Jan 2013, 5:17 am

Muito bom, so nao gostei do traçado em volta la embaixo dos icones.


Staff SPD

Olá Convidado, bem vindo ao SP-Design
Aconselhamos que fique atendo a esses detalhes.
Respeite as regras e conheça a equipe.
Faça seus pedidos na Área Design.
Não pratique o Flood
Não peça suporte por MP
Experimente nosso Editor de imagens
SP-Design
avatar

sou nível 17

em 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!

avatar

sou nível 12

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



avatar

sou nível 12

em 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

avatar

sou nível 5

em 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

avatar

sou nível 6

em Ter 19 Fev 2013, 11:12 am

não separei para facilitar a vida caso queira uma personalização pessa ou tenha conhecimento '-'

avatar

sou nível 5

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

avatar

sou nível 12

em 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

avatar

sou nível 5

em 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 Voltar ao Topo  Mensagem [Página 1 de 1]

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



Permissão deste fórum:
Você não pode responder aos tópicos neste fórum

 

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 ®