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 para baixo  Mensagem [Página 1 de 1]

Maxinho

Maxinho
sou nível 10

Sáb 10 Nov 2012, 8:06 pm

Olá Galera de novo vim aqui postar uma skin, skin ripada especialmente para felipekk.

Skin rip by: Max Kyle
Tradução: Max Kyle
Adaptação: Max Kyle
Créditos: Spdesign, Game Maker Center
Demo: Spdesign - Demos
Você pode postar isso em outro fórum desde que não remova esta parte e apenas poste essa skin com este tutorial.

Aceda á:
VISUALIZAÇÃO Seta TEMPLATES Seta GERAL

Procure pelo nome index_body clique em [Skin] RoyalFlûsh Editer apague tudo e cole isso:
Código:
{JAVASCRIPT}


<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
        <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
        <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
  </ul>
  <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
  <!-- BEGIN message_admin_titre -->
  <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
  </div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
  <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
  </div>
  <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->


<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> 
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> 
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}

  {BOARD_INDEX}



<!-- BEGIN disable_viewonline -->
<div class="tcatBar">
  <div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse">
      <h2>
      <span class="forumtitle">Situação Do Fórum</span>
      </h2>
  </div></div>
</div>
<div id="wgo" class="collapse wgo_block block">
<div class="blockbody formcontrols floatcontainer">
<div id="wgo_onlineusers" class="wgo_subblock section">
<h3 class="blocksubhead"><img src="http://i40.servimg.com/u/f40/17/50/76/58/users_10.png" alt="Currently Active Users" title="Currently Active Users"> Quem Está Online ?</h3><div><p class="gensmall"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></p></div></div><!--
 endlogged-in users --><div id="wgo_stats" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://forum.vipautopro.com/images/styles/ShinyBlue/misc/forum_stats.png" alt=" Statistics" title=" Statistics"> Estatística Do Fórum</h3><div><p class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</p></div></div>

<div id="wgo_stats2" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://i40.servimg.com/u/f40/17/50/76/58/users_10.png" alt="ALS Statistics" title="ALS Statistics"> Anivesarios</h3><div><table class="smallfont" id="dd4all"><tbody>{L_CONNECTED_MEMBERS}

                         
  {L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}</tbody></table></div></div>

<div id="wgo_legend" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://i967.photobucket.com/albums/ae153/ligerv/ligg/legend.png" alt="Legend" title="Legend">Legend . Chatbox . Icon</h3><div><p class="gensmall"><!-- BEGIN switch_chatbox_activate -->
   
            <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST} <br />
                <!-- BEGIN switch_chatbox_popup -->
                <div id="chatbox_popup"></div>
                <script type="text/javascript">
                //<![CDATA[
                insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                //]]>
                </script>
                <!-- END switch_chatbox_popup -->
            </span>
       
    <!-- END switch_chatbox_activate --></p><p class="gensmall">{GROUP_LEGEND}</p><p class="gensmall" style="margin-left:20px"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}"width="16" /> Novas Mensagens<br><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}"width="16" /> Não Há Novas Mensagens<br><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}"width="16" /> Fórum Bloqueado<br></p></div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> 
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> 
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
  <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
  </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
  </div>

Clique em salvar.

Agora procure index_box clique em [Skin] RoyalFlûsh Editer apague tudo e cole isso:
Código:
<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}" original-title="{L_INDEX}<strong>{NAV_CAT_DESC}</strong>">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">

<!-- BEGIN catrow -->
 


  <!-- BEGIN tablehead -->
  <div class="tcatBar">
  <div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse">
      <h2>
  <span class="forumtitle"><font color="#FFFFFF">{catrow.tablehead.L_FORUM}</font>
      </span>
       
     
      </h2>
    <div class="collapse tcatCollapse"><a class="thuvao" style="display:none"><img src="http://www.completevb.com/demovb4/images/styles/lifeElement/buttons/collapse_tcat.png"/></a><a class="mora"><img src="http://www.completevb.com/demovb4/images/styles/lifeElement/buttons/collapse_tcat_collapsed.png"/></a></div>
  </div></div>
</div>
  <div class="forumbitBody">
<div class="thead_bar">
  <div class="theadrow table">
      <div class="foruminfo td">
        <div class="forumdata">

            <div class="datacontainer">
            Fórum
            </div>
        </div>
      </div>
      <div class="forumactionlinks td">
         
      </div>
      <div class="forumstats td" align="center">

         
      </div>
      <div class="forumlastpost td">
        Últimos Posts
      </div>

  </div>
</div>
  <div class="main-content"><table class="table" cellspacing="1" cellpadding="5" border="0"><tbody class="statused">
                  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
                  <tr>
 <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: 62px;">
                    <span class="status" style="margin-right: -42px; margin-left: -52px ">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>







                    <h{catrow.forumrow.LEVEL} class="hierarchy">    <a class="forumtitle" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </h{catrow.forumrow.LEVEL}>
                    <br />
<!-- BEGIN switch_moderators_links -->
                   

                    <!-- END switch_moderators_links -->

 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                <span style="float: left; margin: 15px 0px 0px 10px; width: 75%;">

  {catrow.forumrow.FORUM_DESC} 

</span>



<!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->

                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>

                                                            <td class="tc2">


                                                                                      {catrow.forumrow.TOPICS}
                                      <strong> Tópicos</strong>
                      <p>{catrow.forumrow.POSTS}<strong> Mensagens</strong></p>


                    </td>
                                           
                  <td class="tcr">
                    <span>
                                                                              <div id="forums-stats">
                    <!-- BEGIN switch_topic_title -->
                                                                                <div class="test">
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                                                                                </div>
                                                                                  <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                        </div>
                                                          </span>
                                                 
                  </td>
             
              </tr>
  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
        </tbody>                                          </table> </div>
  <div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"> </div></div></div>
  </div>
  <!-- END tablefoot -->
<!-- END catrow -->

</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
                                         
                                         
                                         
                                     
 
                                          <script type="text/javascript">
$(".subforumFMvi a").each(function () {
  $(this).replaceWith('<option value="' + $(this).attr("href") + '">|-- ' + $(this).text() + '</option>');
});
$(".subforumFMvi option").each(function () {
  $(this).appendTo($(this).parent().prev())
});
$(".subforumFMvi").each(function () {
  if ($(this).text() == "") {
      $(this).prev().remove();
      $(this).remove();
  } else {
      $(this).prev().show()
  }
});
</script>
              <style>



/* bảng thống kê vbb */
.wgo_block {
margin: 0;
}
.wgo_block {
display: block;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
-moz-box-shadow: -2px 0px 2px #C8C8C8;
-webkit-box-shadow: -2px 0px 2px #C8C8C8;
box-shadow: -2px 0px 2px #C8C8C8;
margin-bottom: 0px;
}
.block {
background: transparent none;
clear: both;
padding: 0;
color: ;
font: ;
}
#forums *, #wgo *, #forumbits * {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
}
.wgo_block .blockbody {
border: 1px solid #C4C4C4;
background: #FDFEFF url(http://forum.vipautopro.com/images/gradients/gradient-greytowhite.png) repeat-x;
_background-image: none;
    width: 100%;
}
.formcontrols {
border-right: 1px solid #B9C4CD;
border-left: 1px solid #B9C4CD;
border-bottom: 1px solid #B9C4CD;
}
.wgo_block .section {
display: block;
padding: 0 0 0.5em;
font: 12px;
color: #3E3E3E;
clear: both;
width: 100%;
background: #FDFEFF url(http://forum.vipautopro.com/images/styles/ShinyBlue/style/forumRowBG.gif) repeat-x left bottom;
font-size: 9pt;
}
.formcontrols > :first-child, .formcontrols .blocksubhead + .blockrow, .formcontrols .section .blockrow:first-child {
border-top: none;
}
.wgo_block .section div, .wgo_block .section ol {
padding-left: 20px;
}
.blocksubhead {
font: normal 12px;
color: #3E3E3E;
background: #E9E9E9 none repeat-x;
padding: 4px 10px 4px 10px;
border-top: 1px solid #CECECE;
}
.wgo_block .blocksubhead {
font: normal 13px;
color: #3E3E3E;
background: transparent;
}

.floatcontainer::after, .formcontrols .blockrow::after, dl.stats::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
    }</style>
<script type="text/javascript">//<![CDATA[
$(function(){$(".mora").click(function(){$(this).hide().prev().show();$(this).parents(".tcatBar").next().slideToggle("slow").next().slideToggle("fast");});$(".thuvao").click(function(){$(this).hide().next().show();$(this).parents(".tcatBar").next().slideToggle("slow").next().slideToggle("fast");});});//]]></script>

Clique em salvar.

Dessa vez procure por overall_footer_end de novo clique em [Skin] RoyalFlûsh Editer e apague tudo cole isso:
Código:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
  <div>
      <div>
        <div>
            <div>
              <div>
                  <ul>
                    <li>
<!-- END html_validation -->
                    </li>
                  </ul>
                  <!-- BEGIN switch_footer_links -->
                  <ul>
                    <li>
                        <!-- BEGIN footer_link -->
                          <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                          {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                        <!-- END footer_link -->
                    </li>
                  </ul>
                  <!-- END switch_footer_links -->
              </div>
              <br />
              <p class="center">
                  <strong>{ADMIN_LINK}</strong>
              </p>
            </div>
            {PROTECT_FOOTER}
        </div>
      </div>
  </div>
</div>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
  if ($('a#logout'))
  {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
        document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
  }
});

$(document).ready( function() {
  $('a#logout').click( function() {
      FB.logout();
  } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
  fa_endpage();
//]]>
</script>

</body>
</html></div>
      </div></div>
      </div></div>
      </div></div>
      </div>
<div class="footerNav">
        <div class="footerNavLeft"><div class="footerNavRight">
<div class="skinSelect">
  <form action="forum.php" method="get" id="footer_select" class="footer_select">

     
        <select name="styleid" onchange="switch_id(this, 'style')">
            <optgroup label="Quick Style Chooser"><option class="hidden"></option></optgroup>
           
             
              <optgroup label=" Standard Styles">
                         
              <option value="19" class="">-- AestheticaBlue</option><option value="28" class="">---- AestheticaBlue - Fixed</option><option value="20" class="">---- Aesthetica Red</option><option value="29" class="">------ Aesthetica Red - Fixed</option><option value="21" class="">---- Aesthetica Purple</option><option value="30" class="">------ Aesthetica Purple - Fixed</option><option value="82" class="">---- Aesthetica Green</option><option value="83" class="">------ Aesthetica Green - Fixed</option><option value="7" class="">-- AnimatedArena - Red</option><option value="31" class="">---- AnimatedArena - Red - Fixed</option><option value="13" class="">---- AnimatedArena - Blue</option><option value="32" class="">------ AnimatedArena - Blue - Fixed</option><option value="14" class="">---- AnimatedArena - Green</option><option value="33" class="">------ AnimatedArena - Green - Fixed</option><option value="22" class="">-- BlissfullySimple</option><option value="47" class="">---- BlissfullySimple - Fixed</option><option value="4" class="">-- BlueDemon</option><option value="48" class="">---- BlueDemon - Fixed</option><option value="64" class="">-- CinemaIce</option><option value="67" class="">---- CinemaIce - Fixed</option><option value="65" class="">---- CinemaTang</option><option value="68" class="">------ CinemaTang - Fixed</option><option value="66" class="">---- CinemaPink</option><option value="69" class="">------ CinemaPink - Fixed</option><option value="2" class="">-- Color Theory</option><option value="49" class="">---- Color Theory - Fixed</option><option value="15" class="">-- CreativeCreature</option><option value="46" class="">---- CreativeCreature - Fixed</option><option value="5" class="">-- CrystalClean</option><option value="45" class="">---- CrystalClean - Fixed</option><option value="8" class="">-- EyeEasy</option><option value="42" class="">---- EyeEasy - Fixed</option><option value="6" class="">-- FunkyFresh</option><option value="27" class="">---- FunkyFresh - Fixed</option><option value="23" class="">-- GamerBlue</option><option value="39" class="">---- GamerBlue - Fixed</option><option value="24" class="">---- GamerGreen</option><option value="40" class="">------ GamerGreen - Fixed</option><option value="25" class="">---- GamerRed</option><option value="41" class="">------ GamerRed - Fixed</option><option value="56" class="">-- HighlightBlue</option><option value="59" class="">---- HighlightBlue - Fixed</option><option value="57" class="">---- HighlightGreen</option><option value="60" class="">------ HighlightGreen -Fixed</option><option value="58" class="">---- HighlightOrange</option><option value="61" class="">------ HighlightOrange - Fixed</option><option value="90" class="">-- Holiday</option><option value="91" class="">---- Holiday - Fixed</option><option value="70" class="">-- Life.Earth</option><option value="75" class="">---- Life.Earth - Fixed</option><option value="71" class="">---- Life.Element</option><option value="74" class="">------ Life.Element - Fixed</option><option value="72" class="">---- Life.Space</option><option value="73" class="">------ Life.Space - Fixed</option><option value="9" class="">-- OrangeTheme</option><option value="44" class="">---- OrangeTheme - Fixed</option><option value="10" class="">-- RoyalFlush</option><option value="26" class="" selected="selected">---- RoyalFlush - Fixed</option><option value="62" class="">-- Sandstorm</option><option value="63" class="">---- Sandstorm - Fixed</option><option value="50" class="">-- ShinyBlue</option><option value="51" class="">---- ShinyBlue - Fixed</option><option value="52" class="">---- ShinyGreen</option><option value="53" class="">------ ShinyGreen - Fixed</option><option value="54" class="">---- ShinyRed</option><option value="55" class="">------ ShinyRed - Fixed</option><option value="3" class="">-- Skylight</option><option value="38" class="">---- Skylight - Fixed</option><option value="11" class="">-- TimeTraveler</option><option value="37" class="">---- TimeTraveler - Fixed</option><option value="12" class="">-- TotallyPro</option><option value="36" class="">---- TotallyPro - Fixed</option><option value="16" class="">-- TwistedDark</option><option value="35" class="">---- TwistedDark - Fixed</option><option value="84" class="">-- TwistedDark Blue - Fluid</option><option value="85" class="">---- TwistedDark Blue - Fixed</option><option value="86" class="">---- TwistedDark Green - Fluid</option><option value="87" class="">------ TwistedDark Green - Fixed</option><option value="88" class="">---- TwistedDark Red - Fluid</option><option value="89" class="">------ TwistedDark Red - Fixed</option><option value="17" class="">-- UndergroundStyle</option><option value="34" class="">---- UndergroundStyle - Fixed</option><option value="18" class="">-- VisionCollision</option><option value="43" class="">---- VisionCollision - Fixed</option><option value="76" class="">-- Zen - Beauty</option><option value="79" class="">---- Zen - Beauty - Fixed</option><option value="77" class="">---- Zen - Heat</option><option value="80" class="">------ Zen - Heat - Fixed</option><option value="78" class="">---- Zen - Waves</option><option value="81" class="">------ Zen - Waves - Fixed</option>
             
              </optgroup>
                             
           
           
             
              <optgroup label=" Mobile Styles">
             
              <option value="93" class="">-- Default Mobile Style</option>
             
              </optgroup>
                             
           
        </select> 
     
     
     
  </form>
</div>

  <ul>
      <li><a href="sendmessage.php" rel="nofollow" accesskey="9">Contato</a></li>
      <li><a href="http://www.completevb.com">Demo vB4</a></li>
     
     
      <li><a href="http://makercenter.forumeiros.com/">Game Maker Center</a></li>
     
     
     
      <li><a href="forum.php?styleid=26#top" onclick="document.location.hash='top'; return false;">Top</a></li>
  </ul>
        </div></div>
      </div><div id="footerBar">
        <div class="footerBarLeft"><div class="footerBarRight">
            <a href="#" class="backTop">Voltar ao topo</a>
        </div></div>
      </div><div id="footerMain">
        <div class="copyright">
<div>
  <!-- Do not remove this copyright notice -->
  Powered by <a href="https://www.vbulletin.com" id="vbulletinlink">vBulletin®️</a> Version 4.2.0 <br>Copyright ©️ 2012 vBulletin Solutions, Inc. All rights reserved.
  <!-- Do not remove this copyright notice --> 
</div>
<div>
  <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
 
  <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
 
 
</div>
  <div><font color="green">skin rip by <a href="http://makercenter.forumeiros.com/u1">Max Kyle</a></font></div>
<div>vBulletin 4.0 skin by <a href="http://www.completevb.com" target="_blank">CompleteVB</a></div>



        </div>
        <div class="footerLogo">
            <a name="top" href="forum.php"><img src="http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/footerLogo.gif" alt="CompletevB Demo vB4 - Powered by vBulletin"></a>
        </div>
      </div>

Clique em salvar.

Por ultimo procure por overall_header e clique em [Skin] RoyalFlûsh Editer como sempre apague tudo e cole isso:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JQUERY_PATH}" type="text/javascript"></script>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

  <!-- BEGIN switch_fb_login -->
  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
  <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->

  <!-- BEGIN switch_ticker -->
  <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
  <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
  <!-- END switch_ticker -->

  <!-- BEGIN switch_ticker_new -->
  <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
  <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
        case 'top' :
            slid_vert = true;
            break;

        case 'left':
            break;

        case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

        case 'right':
            auto_dir = 'prev';
            break;

        default:
            slid_vert = true;
      }

      $(document).ready(function() {

        var width_max = $('ul#fa_ticker_content').width();
        var width_item = Math.floor(width_max / {switch_ticker.SIZE});

        if (width_max > 0)
        {
            $('#fa_ticker_content').css('display','block');

            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
              if ($(this).width() > width_item)
              {
              var ratio      = $(this).width() / width_item;
              var new_height = Math.round($(this).height() / ratio);
              $(this).height(new_height).width(width_item);
              }
            });

            if (slid_vert)
            {
              var height_max = h_perso;

              $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                    height_max = $(this).height();
                  }
              } );

              $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
              $('ul#fa_ticker_content li').height(height_max);
            }

            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
              wrap: 'circular',
              auto: {switch_ticker.STOP_TIME},
              auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
        }
        else
        {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
        }
      });
  //]]>
  </script>
  <!-- END switch_ticker_new -->

  <script type="text/javascript">
  //<![CDATA[
  $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
        ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
  });

  <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
  <!-- END switch_login_popup -->

  <!-- BEGIN switch_login_popup -->
  $(document).ready( function() {
      $(window).resize(function() {
        var windowWidth = document.documentElement.clientWidth;
        var popupWidth = $("#login_popup").width();
        var mypopup = $("#login_popup");

        $("#login_popup").css({
        "left": windowWidth/2 - popupWidth/2
            });
      });
  });
  <!-- END switch_login_popup -->
  //]]>
  </script>
  {GREETING_POPUP}
  <!-- BEGIN switch_ticker_new -->
  <style>
  .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
  }

  .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
  }

  .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
  }
  </style>
  <!-- END switch_ticker_new -->
  {HOSTING_JS}
  <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
  //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
    _gaq.push(["_trackPageview"]);
  _gaq.push(['_trackPageLoadTime']);

  <!-- BEGIN google_analytics_code_bis -->
  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
  _gaq.push(['b._trackPageview']);
  <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
      ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
      var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
    })();
  //]]>
  </script>
  <!-- END google_analytics_code -->
</head>

<body>
  <!-- BEGIN hitskin_preview -->
  <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
        <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
        </p>
      </div>
  </div>
  <!-- END hitskin_preview -->

  <!-- BEGIN switch_login_popup -->
  <div id="login_popup" class="module main">
      <div id="login_popup_title" class="main-head">
        <div class="h3">{SITENAME}</div>
      </div>
      <div class="main-content">
        {LOGIN_POPUP_MSG}
        <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
              <input type="submit" class="button2" value="{L_LOGIN}" />
              <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
              <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
        </div>
      </div>
  </div>
  <!-- END switch_login_popup -->
<div id="pageWrapper"><div class="pageBottom"><div class="pageWrap">
  <a id="top" name="top" accesskey="t"></a>

  <div class="minwidth_IE">
      <div class="layout_IE">
        <div class="container_IE">
<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header"><div class="headerWrap">
  <div><a name="top" href="forum.php" id="logo"><img src="http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/logo.gif" alt="CompletevB Demo vB4 - Powered by vBulletin" title="CompletevB Demo vB4 - Powered by vBulletin"></a></div>

 
 
 

  <div id="navbar" class="navbar">
<div class="navLeft"><div class="navRight">
  <ul id="navtabs" class="navtabs floatcontainer">
     
     
  <li id="vbtab_whatsnew">
      <a class="navtab" href="search?search_id=newposts">What's New?</a>   
 
    </li>

  <li class="selected" id="vbtab_forum">
    <a class="navtab" href="/forum">Forum</a>
     
        <ul class="floatcontainer">
           
             
                 
          <li id="vbflink_newposts"><a href="/forum">Inicio</a></li>
                 
             
           
             
                 
                    <li id="vbflink_faq"><a href="Profile?mode=edit">perfil</a></li>
                 
             
           
             
                 
                    <li id="vbflink_calendar"><a href="calendar">Calendario</a></li>
                 
             
           
             
                  <li class="popupmenu" id="vbmenu_community">
                    <a href="memberlist" class="popupctrl" id="yui-gen1">Membros</a>
                   
                  </li>
             
           
             
                  <li class="popupmenu" id="vbmenu_actions">
                    <a href="groups" class="popupctrl" id="yui-gen3">Grupos</a>
                   
                  </li>
             
           
           
        </ul>
     
  </li>
   
  </ul>

</div></div>
</div>
 
        <div class="searchBox">
<form class="navbar_search" id="navbar_search" method="get" action="/search">
       
        <input type="hidden" name="securitytoken" value="guest">
        <input type="hidden" name="do" value="process">
            <div class="boxHeading">
              <strong>Pesquisar</strong>
            </div>
            <div class="searchInputBox">
                                  <input class="searchInput" type="text" name="search_keywords"  value="">

                              </div>
            <input type="image" src="http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/searchButton_left.gif" value="Search" alt="Search">
      </form>
        </div>
 


        <div class="loginBox">
<div class="memberLogin">
<div class="memberLoginLeft"><div class="memberLoginRight">
            <div class="boxHeading">
        <!-- BEGIN switch_user_logged_out -->
                                  <a href="/register" rel="nofollow" class="notReg">Registre-se</a>
     
              <strong>Login</strong>
            </div>
      <!-- login form -->



<form action="/login.forum" method="post" name="form_login" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">

             
            <ul>           
              <li class="inputPad"><div class="loginBoxInput">
                                          <input placeholder="Nome de usuario" class="loginInput" type="text" size="20" name="username">
                                        </div></li>
              <li class="inputPad"><div class="loginBoxInput"><input placeholder="Senha" class="loginInput" type="password" size="20" name="password"></div></li>
              <li><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103"></label></li>
              <li class="searchButton"><input type="image" src="http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/loginButton.gif" value="Log in" name="login" alt="Submit" tabindex="104" accesskey="s"></li>
            </ul>
      <input type="hidden" name="securitytoken" value="guest">
      <input type="hidden" name="do" value="login">
      <input type="hidden" name="vb_login_md5password">
      <input type="hidden" name="vb_login_md5password_utf">
  </form>
        <script type="text/javascript">
        YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
        YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
        vB_XHTML_Ready.subscribe(function()
        {
        //
            YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);
            YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);
            YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);
            YAHOO.util.Event.on('navbar_password', "blur", navbar_password);
        });
       
        function navbar_username_focus(e)
        {
        //
            var textbox = YAHOO.util.Event.getTarget(e);
            if (textbox.value == 'User Name')
            {
            //
              textbox.value='';
              textbox.style.color='#000000';
            }
        }

        function navbar_username_blur(e)
        {
        //
            var textbox = YAHOO.util.Event.getTarget(e);
            if (textbox.value == '')
            {
            //
              textbox.value='User Name';
              textbox.style.color='#777777';
            }
        }
       
        function navbar_password_hint(e)
        {
        //
            var textbox = YAHOO.util.Event.getTarget(e);
           
            YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");
            YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");
            YAHOO.util.Dom.get('navbar_password').focus();
        }

        function navbar_password(e)
        {
        //
            var textbox = YAHOO.util.Event.getTarget(e);
           
            if (textbox.value == '')
            {
              YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
              YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
            }
        }
        </script>
                  <!-- END switch_user_logged_out -->
                  <!-- BEGIN switch_user_logged_in -->
Aqui aparecerar uma mensagem para o usuario logado para deletar aceda á Templates > Geral > overall_header
<!-- END switch_user_logged_in -->

      <!-- / login form -->       
</div></div>
</div>           
        </div>
</div></div>
</div>
             

              <!-- BEGIN switch_ticker_new -->
              <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                    <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                          <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                          </ul>
                        </div>
                    </div>
                  </div>
              </div>
              <!-- END switch_ticker_new -->

              <!-- BEGIN switch_ticker -->
              <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                    <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                          <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                <!-- BEGIN ticker_row -->
                                <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                <!-- END ticker_row -->
                              </div>
                          </div>
                        </div>
                    </div>
                  </div>
              </div>
              <!-- END switch_ticker -->
<div class="pun">
  <div id="contentMain">
        <div id="contentBox">
            <div class="contentBoxLeft"><div class="contentBoxRight">
              <div class="contentBoxTopLeft"><div class="contentBoxTopRight">


<div class="body_wrapper">
              <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                    <div id="outer-wrapper">
                        <div id="wrapper">
                                                                             
                          <div id="container">
                              <div id="content">
                                <div id="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                </div>
                                <div id="main">
                                    <div id="main-content">

<!-- BEGIN html_validation -->
                                    </div>
                                </div>
                              </div>
                          </div>
                        </div>
                    </div>
                  </div>
              </div>
            </div>
        </div>
      </div>
  </div></div>
      </div>
  </div></div></div>
      </div>
  </div>
</body>
</html>
<!-- END html_validation -->

Clique em salvar, provavelmente vai ficar tudo branco clique duas vezes em voltar.

Galera eu esqueci de avisar que sempre que mudar tem que clicar em [Skin] RoyalFlûsh Ajouter para poder a modificação ser feita


(Tutorial continua abaixo)

Maxinho

Maxinho
sou nível 10

Sáb 10 Nov 2012, 8:10 pm

Agora vai na folha css e cole isto:
Código:
ol, ul {
list-style: none;
}li { display: list-item; }
body {
background: white url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/pageBG.gif) repeat-x left top;
width: 990px;
min-width: 990px;
max-width: auto;
margin: 0px auto 0px auto;
font-size: 13px;
color: #3E3E3E;
line-height: 1.230;}/* Page Wrapper
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
  width:auto;
  min-width:990px;
  max-width:auto;
  margin: 0;
}
#pageWrapper {
  background:#f6fafc url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/pageBG.gif) repeat-x top left;
}
.pageBottom {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/pageBottomBG.gif) repeat-x bottom left;
 
}
.pageWrap {
  width:990px;
  margin: 0px auto 0px auto;
}

/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.doc_header {
  height:168px;
}
#headerMain {
  height:168px;
  position:relative;
}
.headerWrap {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/logoBox_left.gif) no-repeat top left;
  height:161px;

  padding:7px 0 0 263px;

  position:relative;
}
#logo {
  position:absolute;
  top:42px;
  left:7px;
}
.searchBox {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/searchBox.gif) no-repeat top left;
  width:280px;
  height:58px;

  padding:9px 0 0 11px;

  position:absolute;
  top:84px;
  left:280px
}
.searchInputBox {
  background: url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/searchInput_left.gif) no-repeat top left;
  width:236px;
  height:23px;
  float:left;
}
.searchInput {
  background:transparent;
  border:0;
  color: #666;
  padding:0 5px;
  font-size:12px;
  width:226px;
  height:23px;
  line-height:23px;
}
.loginBox {
  height:66px;
  padding-top:1px;
  padding-left:315px;
  float:left;
}
.memberLogin {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/loginBoxBG.gif) repeat-x top left;
  height:67px;
}
.memberLoginLeft {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/loginBoxLeft.gif) no-repeat top left;
  height:67px;
}
.memberLoginRight {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/loginBoxRight.gif) no-repeat top right;
  height:58px;
  padding-top:9px;
  padding-left:14px;
  position:relative;
}
.loginBox form, .searchBox form {
  margin:0;
  padding:0;
}
.loginBox ul {
  list-style:none;
  padding:0;
  margin:0;
}
.loginBox li {
  float:left;
  margin:0; 
  padding-right:5px;
}
.loginBoxInput {
  background: url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/loginBoxInput.gif) no-repeat top left;
  width:116px;
  height:23px;
}
.loginInput {
  background:transparent;
  border:0;
  color: #666;
  padding:0 5px;
  font-size:12px;
  width:106px;
  height:23px;
  line-height:23px;
}
.boxHeading {
  padding:0 0 8px 0;
}
.boxHeading a:link, .boxHeading a:visited {
color:#deecf2;
}
.boxHeading a:hover {
color:#fff;
}
.boxHeading strong, .searchBox h4 {
  color:#fff;
  font-size:12px;
  font-weight:700;
  padding:0;
  margin:0;
  text-align:left;
}
.boxHeading .notReg {
  float:right;
  margin-right:13px;
}
a.notReg, a.link.notReg, a:visited.notReg {
  color:#cae2ff;
}
a:hover.notReg {
  color:#fff;
}

/* Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contentMain {
  background:#fff;
}
#contentBox {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/contentBoxBG.gif) repeat-x top left;
}
.contentBoxLeft {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/contentBoxLeftBG.gif) repeat-y top left;
}
.contentBoxRight {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/contentBoxRightBG.gif) repeat-y top right;
}
.contentBoxTopLeft {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/contentBoxLeft.gif) no-repeat top left; 
}
.contentBoxTopRight {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/contentBoxRight.gif) no-repeat top right;
  padding:25px 15px 15px 15px;
}


/* Footer Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footerNav {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/footerNav.gif) repeat-x top left;
  height:37px;
  line-height:37px;
  font-size:14px;
}
.footerNavLeft {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/footerNavLeft.gif) no-repeat top left;
  height:37px;
}
.footerNavRight {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/footerNavRight.gif) no-repeat top right;
  height:37px;
  padding:0 9px;
}
.footerNav ul {
  list-style:none;
  padding:0;
  margin:0;
}
.footerNav li {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/footerNavSplit.gif) no-repeat top right;
  float:left;
  padding-right:2px;
}
.footerNav a:link, .footerNav a:visited {
  color:#004499;
  font-weight:700;
  padding:0 22px; 
  display:block; 
}
.footerNav a:hover {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/footerNav_Hover.gif) repeat-x top left;
  color:#ff9200;
}

/* Footer Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerBar {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/footerBarBG.gif) repeat-x top left;
  height:54px;
  line-height:50px;
}
.footerBarLeft {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/footerBarLeft.gif) no-repeat top left;
  height:54px;
}
.footerBarRight {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/footerBarRight.gif) no-repeat top right;
  height:54px;
  padding:0 26px; 
}
.backTop {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/topArrow.gif) no-repeat left;
  padding-left:28px;
  float:left;
  font-weight:700;
}
a.link.backTop, a:visited.backTop,
#footerBar a:link, #footerBar a:visited {
  color:#004499;
}
a:hover.backTop, #footerBar a:hover {
  color:#ff9200;
}
.skinSelect {
  float:right;
  padding:7px 20px;
}

/* Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerMain {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/footerBG.gif) repeat-x top left;
  height:79px;
  color:#23436a;
  font-size:11px;
  line-height:16px;
  clear:both;
}
.copyright {
  float:left;
  padding-top:3px;
  padding-left:26px;
}
.footerLogo {
  float:right;
}
#footerMain a:link, #footerMain a:visited {
  color:#004499;
}
#footerMain a:hover {
  color:#ff9200;
}

/* Global Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#searchBox {
  position:absolute;
  top:7px;
  right:25px;
}
#searchBox .textbox {
  border:1px solid #a8c3d3;
}
#searchBox .searchBox_container {
  float:left;
  display:block;
  padding-top:1px;
  padding-right:8px;
}
#searchBox .searchBox_button {
  float:left;
  display:block;
}
#searchBox .searchBox_advanced_search {
  position:absolute;
  top:40px;
  right:0;
}

/* Navbar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.navbar {
  background: url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/navBG.gif) repeat-x left top;
  position:relative;
  height:75px;
  font:  11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  color:#004499;
  width:100%;
  padding:0;
  margin:0;
}
.navLeft {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/navLeft_left.gif) no-repeat top left;
  height:75px;
}
.navRight {
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/navRight_left.gif) no-repeat top right;
  height:75px;
  padding:0 9px;
}
#navtabs li.selected ul.floatcontainer {
  margin-top:4px;
}
#navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {
  line-height:27px;
  height:27px;
}
.navbar a { color:#004499; }
.navbar a:hover { color:#004499; }

.navtabs ul li:first-child {
  text-indent: 0;
  margin-left:15px;
}
.navtabs {
  padding-left:0;
}
.navtabs ul {
  position:absolute;
  top:36px;
  left:0px;
  width:100%;
/* This is to fix RTL menu issue under Opera */
        direction:ltr;
}
.navtabs li {
  float:left;
  padding-right:2px;
  background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/navSplit.gif) no-repeat top right;
}
.navtabs li li {
  background:none;
}

.navtabs ul li {
  border-right: 0;
  position: relative;
}
.navtabs li a {
  height:36px;
  line-height:36px;
}
.navtabs li a.navtab {
  display:block;
  min-width:60px;
  width:auto !important;
  width:60px;
  _min-width:75px;
  _width:auto !important;
  _width:75px;
  text-align:center;
  color:#004499;
  font:  bold 14px arial, helvetica, sans-serif;
  text-decoration:none;
  line-height:36px;
  height:36px;
  padding:0 10px;
}
.navtabs li a.navtab:hover {
  background:#36659f url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/navBG_hover.gif) repeat-x  ;
  color:#004499;
}
.navtabs li.selected {
  color:#004499;
  height:36px;
}
.navtabs li.selected a.navtab {
  color:#004499;
  position:relative;
  top:-px;
  padding-top:px;
  z-index:10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
  text-decoration:none;
  font:  11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  line-height:27px;
}
.navtabs li.selected li {
  padding:0 5px;
}
.navtabs li.selected li li {
  padding:0 2px;
}
.navtabs li.selected li a {
  color:#cae2ff;
  font-weight:400;
  padding:2px 5px;
}

.navbar_advanced_search li {
  height:27px;
  display:block;
  clear:both;
}

.navbar_advanced_search li a {
  color:#004499;
}

.navbar_advanced_search li a:hover {
  color:#004499;
  text-decoration:none;
}

.navtabs li.selected li a:hover {
  color:#fff;
  text-decoration:none;
}
.navtabs li.selected .popupbody li > a {
  padding:0pxpx 10px;
  text-indent: 0;
  color: ;
}
.navtabs li.selected li a.popupctrl {
  -moz-border-radius:3px;
  -webkit-border-radius:3px; 
  border:solid px transparent;
  _border: none;
  background:transparent url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/misc/arrow.png) no-repeat right center;
  padding-right:15px;
        _background-image:url('http://www.completevb.com/demovb4/images/styles/RoyalFlush/misc/arrow.gif');
  color:#cae2ff;
}
.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active,
.navtabs li.selected li a:hover.popupctrl {
  color:#fff;
}

/* Breadcrumb
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.breadcrumb {
  background: url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/bcBG.gif) repeat-x left top;
  height:36pxpx;
  padding:0;
  margin-bottom:8px;
  color:#5a859b;
  font-weight:700;
  font-size:12px;
}
.bcLeft {
  background: url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/bcLeft.gif) no-repeat left top;
  height:36pxpx;
}
.bcRight {
  background: url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/bcRight.gif) no-repeat right top;
  height:28px;
  padding:8px 10px 0px 10px;
}
.breadcrumb .navbit > a, .breadcrumb .lastnavbit span {
  border:1px solid transparent;
}
.breadcrumb .navbit a:link, .breadcrumb .navbit a:visited {
  color:#5a859b;
  font-weight:700;
}
.breadcrumb .navbit a:hover {
  background:#1d4b84;
  color:#fff;
  border:1px solid transparent;
}

/* tcat Bars (Title Bars for Forum Home, Forum Display & Postbit)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tcatBar {
  background: url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/tcatBG.gif) repeat-x left top;
  float: left;
  width: 100%;
  color: #cae2ff;
  height:43px;
  clear:both;
  margin-top: 8px;
  border:0;
  position:relative;
}
.tcatLeft {
  background: url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/tcatLeft.gif) no-repeat left top;
  height:43px;
}
.tcatRight {
  background: url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/tcatRight.gif) no-repeat right top;
  height:43px;
}
.tcatBar .forumtitle {
  font-weight:700;
}
.tcatBar .tcatDesc {
  font-size:11px;
  font-weight:400;
}
.tcatBar h2 {
  padding-left:16px;
  font:  bold 12px arial, helvetica, sans-serif;
  line-height:43px;
  float:left;
}
.tcatBar a:link, .tcatBar a:visited {
  color:#cae2ff;
}
.tcatBar a:hover {

}
.tcatBar .tcatCollapse {
  position:absolute;
  top:13px;
  right:11px;
}
/* tcat Thread List Controls - Forumdisplay */
.tcat_threadlist_controls {
  float:right;
  padding-right:8px;
}
.forumdisplaypopups, #forumdisplaypopups {
  clear:both;
}
.tcat_threadlist_controls h6 {
  height:43px;
  line-height:43px;
  padding:0;
  display:block;
  font-size:11px;
}
.forumdisplaypopups a.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a.popupctrl,
.postlist_popups h6 a.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a.popupctrl {
  background:none;
  display:block;
  _display:43px;
  height:43px;
  line-height:43px;
  font-family:arial, helvetica, sans-serif;
  font-weight:bold;
  font-size:11px;
  font-weight:700;
  color:#cae2ff;
  padding:0 10px;
  border: 0;
  float: left;
  clear: right;
}
.forumdisplaypopups a:hover.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a:hover.popupctrl,
.postlist_popups h6 a:hover.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a:hover.popupctrl {
  border: 0;
  color:#cae2ff;
  text-decoration:underline;
}
#postlist_popups a, .postlist_popups a {
  color: #cae2ff;
  _border: none;
}
#postlist_popups a:hover, .postlist_popups a:hover {
  color: #cae2ff;
  text-decoration:underline;
}
#postlist_popups .popupmenu:hover a.popupctrl, #postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active, .postlist_popups .popupmenu:hover a.popupctrl, .postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active {
  border: 0;
}

#postlist_popups ul li {
  color: #3E3E3E;
}
#postlist_popups ul li a, .postlist_popups ul li a {
  color: #3E3E3E;
  _border: none;
}

#postlist_popups ul li a:hover, .postlist_popups ul li a:hover {
  color: #3E3E3E;
  text-decoration:underline;
}

#forumdisplaypopups ul a, .forumdisplaypopups ul a {
  color:#3E3E3E;
}

/* Thead Bars (Forum Home, Forum Display & Postbit)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.thead_bar .theadrow {
  background:#e6ebf5 url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/theadBG.gif) repeat-x left top;
  display:block;
  width: 100%;
  float: left;
  position:relative;
  font:  normal 11px arial, helvetica, sans-serif;
  border:1px solid #ceddeb;
  color:#19314f;
  line-height:20px;
}
.thead_bar .padding {
  padding-left:12px;
}
.thead_bar .forumhead span.forumlastpost {
  width: 23%;
}
.thead_bar .theadrow .forumdata  {
  float: left;
}
.thead_bar {
  float: left;
  position:relative;
  width: 100%;
  display:block;
}
.thead_bar .forumhead .forumtitle {
  width: 76%;
}
.thead_bar .foruminfo {
  width: 53%;
  min-width: 30%;
  float: left;
  clear: right;
}
.thead_bar .foruminfo .forumdata {
  padding: 0;
  width: 100%;
  _width: 99%;
}
.thead_bar .forumstats, .thead_bar .forumstats_2 {
  display: block;
  float: left;
  clear: right;
  width: 16%;
  margin-right: 2%;
}
.thead_bar .foruminfo .forumdata .datacontainer {
  float: left;
  width: 86%;
  padding:0;
  padding-left: 68px;
}
.thead_bar .forumactionlinks {
  width: 5%;
  display:block;
  float:left;
  clear:right;
}
.thead_bar .forumactionlink {
  display:block;
  width:18px;
  overflow:hidden;
  float: right;
  clear: left;
  background:transparent none no-repeat;
  position: relative;
}
.thead_bar .forumstats li, .thead_bar .forumstats_2 li{
  font-size: 12pxpx;
  text-align: right;
  padding-right: 20px;
  display:block;
}
.thead_bar .forumlastpost {
  display:block;
  float: left;
  clear: right;
}
.thead_bar .theadrow .forumlastpost {
  width: 22%;
}
.forumbitBody {
  padding-right:2px;
  z-index:1;
  clear:both;
}
#post {
  z-index:1;
}
.threadlist {
  margin-top:0;
}
#threadlist .threadlisthead {
  background:#e6ebf5 url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/style/theadBG.gif) repeat-x left top;
  display:block;
  width: 100%;
  float: left;
  position:relative;
  border:1px solid #ceddeb;
  color:#19314f;
  padding:4px 0px 4px 0px;
  font:  normal 11px arial, helvetica, sans-serif;
  margin: 0;
}
#threadlist .threadlisthead a, #threadlist .threadlisthead a:hover {
  color:#19314f;
}

salve e o tema do seu fórum vai ficar como a demo.

o tema ta sem o botão sair vocês vão ter que arrumar um jeito de colocar o botão sair

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

Dom 11 Nov 2012, 8:57 am

Fico legal, mas o problema é q ja existia esse tema na hitskin =S é, tava com bugs, acho q esse ai nao tem muitos bugs não, vlw!!

iHeloaD

iHeloaD
sou nível 12

Dom 11 Nov 2012, 12:34 pm

postado pra ler

Azure

Azure
sou nível 16

Dom 11 Nov 2012, 12:35 pm

HenRyqUé escreveu:Fico legal, mas o problema é q ja existia esse tema na hitskin =S é, tava com bugs, acho q esse ai nao tem muitos bugs não, vlw!!
E o pior que eu tinha avisado ele eh uma pena mesmo!
Tema identico!
http://pt.hitskin.com/?afolder=theme&id=186114

Maxinho

Maxinho
sou nível 10

Dom 11 Nov 2012, 4:31 pm

galera não é tão parecido e esse é cheio de erros mais to tetando ripar um IBP ta difícil mais to conseguindo e o problema maior que eu anda saindo mto e chegando casado mais eu vou ripar mais dois temas

Dixeiro123

Dixeiro123
sou nível 1

Ter 13 Nov 2012, 3:10 pm

# POST PARA LER #

-Yully'~

-Yully'~
sou nível 8

Ter 13 Nov 2012, 3:31 pm

Aiiiiiiiiiiiiiiiii...
Amei amei amei vou usar com certeza.
bjs!

MaikonLuis

MaikonLuis
sou nível 4

Ter 22 Jan 2013, 11:58 am

cade o download ?

Jose Hamizaki

Jose Hamizaki
Designer Grafico

Ter 22 Jan 2013, 12:03 pm

Nao tem download, ele está explicando tudo acima pra modificar, passando os templates pra editar e o css.

MaikonLuis

MaikonLuis
sou nível 4

Ter 22 Jan 2013, 12:09 pm

eu fiz isso o meu fico tudo errado ! tipo bugado ( FICO LIXO )

Jose Hamizaki

Jose Hamizaki
Designer Grafico

Ter 22 Jan 2013, 12:10 pm

Voce deve então pedir ajuda no suporte de codigos aqui para ver se consegue resolver.


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



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 ®