Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Sistema de pré-visualizar em HTML
Hoje à(s) 16:09 por while

» Redução dos Ranks...
Hoje à(s) 16:07 por SyraoN_

» Gerir ícone para niveis inferiores
Hoje à(s) 15:42 por while

» Icones Nova mensagem e nemhuma mensagem
Hoje à(s) 15:11 por GollD

» [PEDIDO] Ícone "Enquete"
Hoje à(s) 14:37 por GollD

» [PEDIDO] Banner
Hoje à(s) 13:59 por idarkdg

» A Propaganda está no lugar errado
Hoje à(s) 5:01 por Bluue_Br

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
while
 
Cream
 
Shek
 
Holkis
 
PrisoN†BreaK
 
IsmaelS.
 
Ana Leandro
 
Sennior
 
Cepheus
 
YouTube3
 

Quem está conectado
106 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 102 Visitantes :: 2 Motores de busca

Burnquist, Connor R., IsmaelS., while

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Gerir função de loja no fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Gerir função de loja no fórum

Mensagem por louro_jose em Qua 22 Abr 2015 - 17:19

Detalhes da dúvida

Versão do fórum : phpBB2
Nível de acesso : Fundador
Navegador usado : Opera, Outro
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : sempre
Endereço do fórum : http://designmania.forumeiros.eu/forum

Descrição do problema

Como podem ver no forum la tem uma loja toda bem feitinha,mostrando as moedas e com botão comprar e tudo,queria saber como que faz isso?

louro_jose
Nível 5

Masculino
Inscrito dia : 24/03/2015
Mensagens : 55
Pontos Ativos : 654

http://sampgeral.brasilforum.net https://www.facebook.com/https://www.facebook.com/pages/SAMP-geral/1608409706061687

Resolvido Re: Gerir função de loja no fórum

Mensagem por Sennior em Qua 22 Abr 2015 - 23:45

Saudações,

O que iremos criar é uma página HTML.
Peço que aceda ao teu Painel administrativo:
Painel de Controle ->> Módulos ->> HTML & JAVASCRIPT ->> Gestão das páginas HTML
Código:

<div class="message" style="margin:10px">
    A compra de creditos ainda não se encontra disponivel. Por favor tenha paciência.
</div><title>Loja</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="content-script-type" content="text/javascript" /><meta http-equiv="content-style-type" content="text/css" /><link rel="shortcut icon" type="image/x-icon" href="http://cdn5.iconfinder.com/data/icons/fatcow/32x32/skins.png" /><meta name="title" content="Loja" /><script type="text/javascript">
//<![CDATA[<![endif]-->
<![endif]-->
<
<link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css">
<script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script><script type="text/javascript">
jQuery(document).ready(function(){
        jQuery('.Tabs li').click(function(){
                jQuery('.Tabs li').removeClass('active');
                jQuery(this).addClass('active');
                jQuery(this).find('a');
 return false;
        });
jQuery('a.all_itens').click(function(){
                    jQuery('.abas').hide();
                    jQuery('#abas1').show();
                });
jQuery('a.all_pay').click(function(){
                    jQuery('.abas').hide();
                    jQuery('#abas2').show();
                });
});
</script><script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0
 
$('.addButton').click(function (){
    var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('.title').text()+ '</li>';
$('.theList').append($newItem);
BindIt();
});
 
function BindIt(){
  
    $('.cart-item').unbind('click');
  
    $('.cart-item').click( function(){
        $total -= parseFloat($(this).attr('data-points'));
        $('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
        $(this).remove();
    });
}
});
 $(document).ready(
              function() {
                $('#submitCart').click(function() {
                var text = '';
var total = 0;
 
$(".theList li").each(function () {
  var string = $(this).text();
  var points = parseInt($(this).data('points'));
 
  //capitalize first letter of string
  text += string.charAt(0).toUpperCase() + string.slice(1)
  //add line break at the end
      + ' = ' + points + "\n";
 
  total += points;
});
 
//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Moedas = €" + total;
$("#cartMessage").text(text);
            });
        });
})(jQuery);
</script><style type="text/css">
.cart_items, #checkout{
padding: 10px;
border-radius: 3px;
background: white;
border: 1px solid #cdcdcd;
margin: 2px 10px;
}
.cartWrapper{width:100%;}
.theList li {
list-style-type: upper-hexadecimal;
background: rgb(245, 93, 8);
margin: 1px 3px;
color: white;
font: bold italic 12px helvetica;
border-radius: 3px 5px 5px 3px;
display: inline-block;
padding: 2px 10px 2px 2px;
cursor: pointer;
}
 
theList li:before {
content: " ";
position: relative;
display: inline-block;
height: 1px;
width: 7px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid rgb(245, 93, 8);
left: -14px;
top: 1px;
}
.main .cont, .box_r, .box_t{
padding: 9px;
background: #ebf0f3;
}
.box_r {background: white;}
.LayoutLeft {
padding-left: 150px;
}
.Layout_smallleft {
position: relative;
width: 140px;
margin-left: -195px;
float: left;
}
.Tabs ul {
width: 149px !important;
margin-top: 10px;
border-top: 1px solid #DBE4EF;
border-left: 1px solid #DBE4EF;
}
.Tabs li {
background: #f6f8fb;
color: #808080;
border-bottom: 1px solid #DBE4EF;
font-size: 13px;
}
.Tabs li.active a {
width: 140px;
position: relative;
z-index: 8000;
border-right: 1px solid #fff;
background: #fff !important;
color: #353535 !important;
font-weight: bold;
}
.Tabs li a {
display: block;
padding: 10px 8px;
outline: 0;
color: #8d8d8d;
border-right: 1px solid #DBE4EF;
-webkit-transition: background-color 0.1s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
}
.Tabs li a:hover {
background: #eaeff5;
color: #808080;
}
#usercp_content {
min-height: 395px;
}
.message {
background: #ebfcdf;
padding: 10px;
border: 1px solid #a4cfa4;
color: #0e440e;
line-height: 1.6;
font-size: 12px;
}
.pun table.table td {padding: 10px;}
.pun table.table td.row2 {
background-color: #f1f6f9;
}
input[type="button"] {
 margin: 5px;
}
</style><div class="main">
  
   <div class="main-head">
      
      <div class="page-title">
        
         <h2>
            Loja
         </h2>
        
      </div>
      
   </div>
  
   <div class="main-content cont">
      
      <div class="LayoutLeft clearfix">
        
         <div class="Tabs Layout_smallleft">
            
            <ul>
              
               <li class="active">
                   <a href="#" title="Todos os ítens" class="all_itens">Todos os ítens</a>
               </li>
              
               <li>
                   <a href="#" title="Carrinho de Compras" class="all_pay">Concluir o pedido</a>
               </li>
              
            </ul>
            
         </div>
        
         <div id="usercp_content">
            
            <div class="box_r">
              
               <div class="box_t">
                  
                  <!--             Início aba 1             -->
                  <div id="abas1" class="abas">
                    
                     <div class="box_r">
                        
                        <div class="message" style="margin:10px">
                           <center>Para comprar um produto necessitará de ter as moedas suficientes, relativamente ao preço do desejado. Após a compra de um produto terá de aguardar um periodo de 1 a 24 horas<br />
                          
                                Saldo:
                           </center>
                          
                        </div>
                        
                        <div class="main-head">
                          
                           <div class="page-title">
                              
                              <h2>
                                  Ítens
                              </h2>
                              
                           </div>
                          
                        </div>
                        
                        <table cellspacing="0" class="table">
                          
                           <tbody class="statused">
                              
                              <tr id="item1" class="item">
                                
                                 <td class="row2" style="text-align:center;width:10%;margin:5px">
                                     <span><img src="http://www.explorergirls.com/themes/explorergirls/images/content/vip_big.gif" style="width:46px;height:46px;" /></span>
                                 </td>
                                
                                 <td class="col_f_content" style="width:40%;">
                                    
                                    <h4 class="title">
                                        VIP
                                    </h4>
                                     <br /> <span class="desc lighter blend_links">Período: 1 Mês </span>
                                 </td>
                                
                                 <td class="col_f_post">
                                    
                                    <ul>
                                      
                                       <li class="views desc points" data-myprice="8">
                                           <img src="http://i.imgur.com/qdiucii.png" /> Preço: 8.00
                                       </li>
                                      
                                       <li class="views desc">
                                           <img src="http://i.imgur.com/pb1WAow.png" /> Produto: Disponível
                                       </li>
                                        <input type="button" class="addButton" data-item="item1" value="Comprar" />
                                    </ul>
                                    
                                 </td>
                                
                              </tr>
                              
                              <tr id="item2" class="item">
                                
                                 <td class="row2" style="text-align:center;width:10%;margin:5px">
                                     <span><img src="http://i.imgur.com/3vzwrxV.png" style="width:46px;height:46px;" /></span>
                                 </td>
                                
                                 <td class="col_f_content" style="width:40%;">
                                    
                                    <h4 class="title">
                                        VIP Diamond
                                    </h4>
                                     <br /> <span class="desc lighter blend_links">Período: 1 Mês </span>
                                 </td>
                                
                                 <td class="col_f_post">
                                    
                                    <ul>
                                      
                                       <li class="views desc points" data-myprice="12">
                                           <img src="http://i.imgur.com/qdiucii.png" /> Preço: 12.00
                                       </li>
                                      
                                       <li class="views desc">
                                           <img src="http://i.imgur.com/pb1WAow.png" /> Produto: Disponível
                                       </li>
                                        <input type="button" class="addButton" data-item="item2" value="Comprar" />
                                    </ul>
                                    
                                 </td>
                                
                              </tr>
                              
                              <tr id="item3" class="item">
                                
                                 <td class="row2" style="text-align:center;width:10%;margin:5px">
                                     <span><img src="http://i.imgur.com/DrdEK0P.png" style="width:46px;height:46px;" /></span>
                                 </td>
                                
                                 <td class="col_f_content" style="width:40%;">
                                    
                                    <h4 class="title">
                                        VIP Sócio
                                    </h4>
                                     <br /> <span class="desc lighter blend_links">Período: 1 Mês</span>
                                 </td>
                                
                                 <td class="col_f_post">
                                    
                                    <ul>
                                      
                                       <li class="views desc points" data-myprice="20">
                                           <img src="http://i.imgur.com/qdiucii.png" /> Preço: 20.00
                                       </li>
                                      
                                       <li class="views desc">
                                           <img src="http://i.imgur.com/pb1WAow.png" /> Produto: Disponível
                                       </li>
                                        <input type="button" class="addButton" data-item="item3" value="Comprar" />
                                    </ul>
                                    
                                 </td>
                                
                              </tr>
                              
                           </tbody>
                          
                        </table>
                        
                     </div>
                    
                  </div>
                  
                  <!--             Fim aba 1             -->
                  <!--             Início aba 2             -->
                  <div id="abas2" class="abas" style="display: none">
                    
                     <div class="box_r">
                        
                        <div class="main-head">
                          
                           <div class="page-title">
                              
                              <h2>
                                  Carrinho de Compras
                              </h2>
                              
                           </div>
                          
                        </div>
                        
                        <div class="cartWrapper">
                          
                           <div class="cart" id="cartj">
                              
                              <div class="cart_body">
                                
                                 <div class="cart_items">
                                    
                                    <ul class="theList">
                                      
                                    </ul>
                                    
                                 </div>
                                
                              </div>
                               <span class="totaler"></span>
                           </div>
                          
                           <form id="privatemessage" action="/privmsg" method="post" name="post">
                               <input name="username[]" type="text" style="display:none" value="ThugLife" /><input value="Pedido da loja VIP" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput" /><textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea><span class="buttons"><input id="submitCart" type="submit" value="Atualizar carrinho" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;" /> Atualize antes de enviar. <input type="submit" value="Enviar pedido" name="post" id="sendingBut" disabled="disabled" /></span>
                           </form>
                          
                        </div>
                        
                        <div id="checkout">
                            Gostaria de confirmar sua compra? Se assim for é só clicar no botão Enviar pedido. Tempo entre 24 - 48 horas para a entrega de seus itens. <br /><span>Lembre-se de clicar em atualizar carrinho antes de enviar!<br />Enviar o pedido não irá funcionar de outra forma. <br />Também verifique se você tem pontos suficientes para fazer tal compra!</span>
                        </div>
                        
                     </div>
                    
                  </div>
                  
                  <!--             Fim aba 2             -->
               </div>
              
            </div>
            
         </div>
        
      </div>
      
   </div>
</div><style>
    .msg.membro {
        text-align: left;
        background: #fff;
        border: 1px solid #e0e0e0;
        padding: 9px;
    }
    #avat img {
        max-width: 150px !important;
        padding: 1px;
        border: 1px solid #d5d5d5;
        background: #fff;
        -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
        box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    }
    #reput {
        margin: 5px auto;
        min-width: 80px;
        color: #fff ;
        background: #649b16;
        font-weight: bold;
        padding: 3px 8px;
        display: inline-block;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
 
 
.webstore-button.webstore-A-B-C {
border-color: #2D53AF;
background-color: #4D7BD6;
background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#4D7BD6));
background-image: -webkit-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0);
background-image: linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
padding-bottom: 4px;
}
.webstore-Gf-wb {
display: inline-block;
}
.webstore-A-L-i-J-B-K {
height: 28px;
font-size: 11px;
line-height: 28px;
min-width: 170px;
}
.webstore-button {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid;
cursor: pointer;
color: white;
font-size: 13px;
font-weight: bold;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
padding: 0 4px 0 4px;
-webkit-box-shadow: 0 2px 0 0 rgba(255, 255, 255, .06) inset,0 2px 3px 0 rgba(0, 0, 0, .2);
-moz-box-shadow: 0 2px 0 0 rgba(255,255,255,.06) inset,0 2px 3px 0 rgba(0,0,0,.2);
box-shadow: 0 2px 0 0 rgba(255, 255, 255, .06) inset,0 2px 3px 0 rgba(0, 0, 0, .2);
outline: 0px;
}
.webstore-button.webstore-A-J-i-J-B-K .webstore-A-B-I, .webstore-button.webstore-A-L-i-J-B-K .webstore-A-B-I {
}
.webstore-A-B-eb-I {
width: 19px;
height: 17px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAQAAACVkV9MAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAABMAAAARAMNJ7iwAAACPSURBVCjPjZJRDsMgDENfCAfY1+5/vh2g0iRI9gG0AbUa/glGiWMZxNlB2urabcutyDnmFUAUaxc+q3WPSqiX77DUI0+xafHmD2eQRqV7WiHqFtWUe+i89CmYNAWCyYsMJP8AyBsDyohltFUOUuAHBTDqojbmOgrfm93/kBfePJZF+8ztUlcSRp3fVPb+2w/RaCkkhrW/agAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=);
}
.webstore-A-B-I-O-P {
margin-right: -7px;
margin-left: 20px;
}
.webstore-A-B-I {
position: relative;
vertical-align: text-bottom;
top: 7px;
}
.webstore-A-L-i-J-B-K {
font-size: 11px;
line-height: 28px;
}
.webstore-button {
cursor: pointer;
color: white;
font-size: 13px;
font-weight: bold;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
}
.webstore-A-B-o {
margin: auto;
direction: ltr;
line-height: 0px;
}
.webstore-rb-Gc
.webstore-fd-rb {
font-family: 'Open Sans',arial,sans-serif;
font-size: 14px;
}
.webstore-button.webstore-A-B-C:hover {
border-color: #4076FF;
background-color: #5C92FF;
background-image: -moz-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#669EFF),color-stop(100%,#5286FF));
background-image: -webkit-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -o-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -ms-linear-gradient(top,#669EFF 0%,#5286FF 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#669eff,endColorstr=#5286ff,GradientType=0);
background-image: linear-gradient(top,#669EFF 0%,#5286FF 100%);
}
<style>
#stats_sidebar {
margin: -10px;
}
.List_data li {
padding: 6px;
line-height: 1.3;
}
#stats_sidebar li {
border-bottom: 1px solid #E9EDEE;
}
#stats_sidebar .srl {
font-weight: bold;
}
#stats_sidebar .srr {
float: right;
}
</style><div style="height:4px">
</div><div id="quicknavbs" style="display:none;">
  
   <div id="navigation_popup_popup" style="z-index: 10001; top: 45.5px; left: 370.5px; position: fixed;" class="popupWrapper">
      
      <div id="navigation_popup_inner" class="popupInner" style="width: 600px;">
        
         <h3>
             Navegação Rápida
         </h3>
        
         <div class="fixed_inner ipsBox" style="height: 460px; max-height: 460px; overflow: auto;">
             <script>
jQuery(document).ready(function(){
jQuery('#main_abas').prepend(
'<ul id="navebar">      <li><a>Geral</a></li> <li><a class="active">Forums</a></li></ul>')
 
jQuery('.aba').css({
display: 'none',
marginTop: 0,
borderTopWidth: 0
})
 
jQuery('#aba2').css('display', 'block');
 
jQuery('a', jQuery('#navebar')).click(function() {
var i = jQuery('a', jQuery('#navebar')).index(this) + 1;
jQuery(this).parents('#main_abas').children('.aba:visible').hide();
jQuery('#aba' + i).show();
jQuery(this).parents('#navebar').find('a').removeClass('active');
jQuery(this).addClass('active');
})
})
</script>
            <div id="main_abas">
              
               <div id="aba1" class="aba">
                  
                  <div class="block_list">
                    
                     <li>
                         <a href="h/search?search_id=newposts">Ver Novo Conteúdo </a>
                     </li>
                    
                     <li>
                         <a href="/viewonline">Usuários Online</a>
                     </li>
                    
                     <li>
                         <a href="/memberlist">Membros Registrados</a>
                     </li>
                    
                  </div>
                  
               </div>
              
               <div id="aba2" class="aba">
                  
                  <div id="category">
                    
                  </div>
                   <script>jQuery("#category").load("/forum .main-head .page-title h2, .hierarchy");</script>
               </div>
              
            </div>
            
         </div>
        
         <div id="navigation_popup_close" class="popupClose clickable" onclick="jQuery('#quicknavbs').fadeOut();">
             <img src="http://i.imgur.com/0m7BOvG.png" alt="x" />
         </div>
        
      </div><script>
jQuery('#quickNavLaunch').click(function(){
   jQuery('#quicknavbs').fadeToggle();return false;
});
</script>
   </div><style>
div#category h2 {
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #fff;
font-weight: bold;
display: block;
padding: 5px 10px;
}
div#category .hierarchy {
font-weight: normal!important;
font-size: 11px;
text-shadow: 0px 0px 0px;
background: none;
display: block;
margin-left: 0px;
border-top: 1px solid #fff;
border-bottom: 1px solid #eaeaea;
padding: 5px 10px;
padding-left: 15px;
}
</style><style>
.popupWrapper {
background-color: #464646;
background-color: rgba(70, 70, 70, 0.6);
padding: 4px;
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.popupInner {
background: white;
width: 500px;
overflow: auto;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
overflow-x: hidden;
}
.popupInner h3 {
background: #2C5687 url(http://i78.servimg.com/u/f78/17/96/03/52/mainti10.png) repeat-x top;
color: white;
padding: 8px 10px 9px;
font-size: 16px;
font-weight: 300;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.popupClose {
cursor: pointer;
position: absolute;
right: 15px;
top: 15px;
}
.ipsBox, .ipsPad {
padding: 9px;
}
.ipsBox {
background: #eee;
}
.block_list > li {
padding: 5px 10px;
list-style-type: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #eaeaea;
}
div.aba {    
   margin-left: 153px;
   background:#fcfcfc;
   text-align:justify;
   min-height: 400px;
   border: 1px solid #dcdcdc!important;
   }
#navebar {
   border-top: 1px solid #dcdcdc;
   border-bottom: 1px solid #dcdcdc;
   border-left: 1px solid #dcdcdc;
   font:bold 12px tahoma,helvetica,arial,sans-serif;
   margin:0;
   float: left;
   }
#navebar li {
   display: block;
   background: #f5f5f5;
   color: #808080;
   border-bottom: 1px solid #dcdcdc;
   list-style:none;
   }
#navebar li a:hover {
  background:#f2f2f2;
  color:#808080;
   }
#navebar li a.active {
width: 135px;
position: relative;
z-index: 8000;
border-right: 2px solid #fcfcfc;
background: #fcfcfc;
color: #353535;
font-weight: bold;
}
#navebar li a {
   border-right: 1px solid #dcdcdc;
   font-weight: normal;
   cursor: pointer;
   background: #f5f5f5;
  color: #8d8d8d;
  padding: 10px 8px;
  outline: 0;
  color: #8d8d8d;
  -webkit-transition: background-color 0.1s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
   text-decoration:none;
   width:135px;
   display:block;
   }
</style>
</div><div style="height:4px">
</div><style>
a.fa_fancybox img{
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
/* general */
.fancybox-tmp iframe, .fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0;
}
 
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 920;
}
 
.fancybox-skin {
  position: relative;
  padding: 0;
  margin: 0;
  background: black;
  border: 1px solid #2E2E2E;
  color: #444;
  text-shadow: none;
}
 
.fancybox-bottom {
  background: #f0f0f0;
  border-top: 1px solid white;
  line-height: 38px;
  height: 38px;
  color: rgb(124, 124, 124);
  text-align: center;
  font-weight: bold;
}
 
.fancybox-opened {
  z-index: 930;
}
 
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
 
.fancybox-outer, .fancybox-inner {
  padding: 0;
  margin: 0;
  position: relative;
  outline: none;
}
 
.fancybox-inner {
  overflow: hidden;
}
 
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
 
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 10px;
}
 
.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
 
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
 
#fancybox-loading, .fancybox-prev span, .fancybox-next span {
  background-image: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.png');
}
 
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 920;
}
 
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.gif') center center no-repeat;
}
 
.fancybox-close {
  background: url(https://cdn1.iconfinder.com/data/icons/customicondesign-mini-deepcolour-png/32/Close.png) no-repeat;
  right: 21px;
  bottom: 18px;
  cursor: pointer;
  height: 32px;
  position: absolute;
  text-indent: -9999px;
  width: 32px;
}
 
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url('http://i45.servimg.com/u/f45/17/45/19/77/blank10.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 940;
}
 
.fancybox-prev {
  left: 0;
}
 
.fancybox-next {
  right: 0;
}
 
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 940;
  visibility: hidden;
}
 
.fancybox-prev span {
  left: 20px;
  background-position: 0 -36px;
}
 
.fancybox-next span {
  right: 20px;
  background-position: 0 -72px;
}
 
.fancybox-nav:hover span {
  visibility: visible;
}
 
.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden;
}
 
/* Overlay helper */
 
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 910;
  background: rgb(0, 0, 0);
}
 
#fancybox-overlay.overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
 
/* Title helper */
 
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 950;
}
 
.fancybox-opened .fancybox-title {
  visibility: visible;
}
 
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 930;
  text-align: center;
}
 
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
 
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
 
.fancybox-title-inside-wrap {
  margin-top: 10px;
}
 
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}
/*ajax load*/
#ajax_loading {background: #000;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 0px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 10000;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}
/*tópico-fast*/
#form-tpc {
position: absolute;
z-index: 1;
background-color: #464646;
background-color: rgba(70, 70, 70, 0.6);
padding: 4px;
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
right: 271px;
width: 540px;
}
#form-tpc input[type="text"], #form-tpc textarea {
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
margin: 3px;
outline: none;
width: 97%;background: #FCFCFC;
border: 1px solid #D4D4D4;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
color: #9F9F9F;
display: block;
font-size: 16px;
font-weight: 700;
padding: 5px;
text-shadow: white 0 1px 0;
}
#form-tpc textarea {
height: 100px;
}
#form-tpc input[type="text"]:focus, #form-tpc textarea:focus {
-moz-box-shadow: inset 0 0 4px #f7d5d5, #fdd 0 0 3px;
-webkit-box-shadow: inset 0 0 4px #F7D5D5, #FDD 0 0 3px;
background-color: #FEFEFE;
border-color: #3FA6E4;
box-shadow: inset 0 0 4px #F7D5D5, #FDD 0 0 3px;
color: #555;
outline: none;
}
.tpc-content {float: right;}
.text {
display: none;
}
.tpc-button a {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
background: #3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/primar12.png) repeat-x top;
border: 1px solid #3A4752;
border-radius: 3px;
border-width: 1px 1px 0;
box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
cursor: pointer;
display: inline-block;
font-weight: 700;
line-height: 30px;
height: 30px;
min-width: 125px;
padding: 0 10px;
text-align: center;
color: white;
}
.tpc-button a:active {
position: relative;
top: 1px;
}
/*share post*/
#postShareUrl {
width: 95%;
font-size: 18px;
color: #999;
}
.pun .posthead h2 strong {
cursor: pointer;
}
.share-buttons {
margin: 11px;
}</style>

Crie uma nova página HTML.
Nos campos "Usar como página inicial" marque não, e "Usar no inicio e final de teu fórum" marque sim. Café
Abraços.
Sennior

Tópico movido de 'Outras questões' para 'Questões sobre HTML & BBCode'


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15956
Pontos Ativos : 22298

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5