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
» Modificar nome do fórum
Hoje à(s) 11:29 por Cream

» Remover "Última edição por"
Hoje à(s) 11:20 por Cream

» Personalizar título e ícone das categorias
Hoje à(s) 8:27 por sandra51

» Titulo da mensagem
Hoje à(s) 5:57 por William_iHarDz

» Ausência dos campos de perfil
Hoje à(s) 4:13 por while

» Formulário de postagem
Hoje à(s) 3:55 por while

» Problema nas páginas devido aos anúncios
Hoje à(s) 3:47 por while

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
Cream
 
while
 
Shek
 
Holkis
 
Mr.Probz
 
Nean
 
lavinnia
 
Harold C+
 
Sennior
 
BichodoMato
 

Quem está conectado
61 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 59 Visitantes :: 1 Motor de busca

Cream, staay03

[ Ver toda a lista ]


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

Adicionar borda na mensagem inicial

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

Resolvido Adicionar borda na mensagem inicial

Mensagem por Castiel em Qui 7 Jul 2016 - 4:31

Detalhes da questão


Endereço do fórum: http://ceudasart.forumeiros.com/forum
Versão do fórum: PhpBB3

Descrição


Boa noite,
gostaria de saber como faço para colocar uma borda com essa cor #7cd08c sobre a volta dessa imagem toda
Código;
Código:
<div class="inner">
       <span class="corners-top"><span></span></span>   
   <div class="mes-txt">
            <style>
    #acc-mons{background-color:none;float:right;margin-left:20px}div#acc-news{float:right;margin-left:10px}div#acc-news #acc-contnews{display:block}#acc-neweff div{background:url(http://i42.servimg.com/u/f42/09/02/12/09/43815610.png) repeat scroll 0 0 transparent;color:#fff;font-size:17px;font-weight:700;height:35px;padding:9px 11px 10px 3px;text-align:center;text-decoration:blink;text-shadow:1px 1px 3px #DB7D21;width:325px}#acc-neweff h4{filter:progid:DXImageTransform.Microsoft.Shadow(color='#DB7D21',Direction=135,Strength=3);zoom:1}#acc-welc{background:url(http://i45.servimg.com/u/f45/12/05/75/97/63083010.png) no-repeat scroll left top transparent;color:#7cd08c;display:block;font-family:arial;font-size:1.7em;font-style:italic;min-height:40px;padding:5px 0 0 25px}.indtitl{background:url(http://illiweb.com/fa/fdf3/right10.png) no-repeat transparent;color:#7cd08c;cursor:pointer;font-weight:700;padding-left:14px;text-transform:uppercase}.indtitl:hover{color:#7cba2c}a.indtitl:focus{color:#7cba2c}a.acc-open{background:url(http://illiweb.com/fa/fdf3/down11.png) no-repeat transparent;color:#7cba2c;padding-left:18px}.acc-seemore{-htm-border-radius-bottomleft:7px;-htm-border-radius-bottomright:7px;-moz-border-radius-bottomleft:7px;-moz-border-radius-bottomright:7px;-o-border-radius-bottomleft:7px;-o-border-radius-bottomright:7px;-webkit-border-radius-bottomleft:7px;-webkit-border-radius-bottomright:7px;background-color:#DCEAF5;border-radius-bottomleft:7px;border-radius-bottomright:7px;border-top:1px solid #7cd08c;box-shadow:1px 3px 3px;margin-bottom:10px;padding:5px}#catindex1 input{font-size:11px;height:14px;width:350px}</style>     
      <div id="indexmenu">
                                                         <span id="acc-welc">Bem vindo ao fórum Céu das Arts!</span><a href="http://ceudasart.forumeiros.com/" title="Céu das Arts!" target="_blanck"><img style="width: 150px; height: 150px;" src="http://i.imgur.com/QwfCxjY.png" id="acc-mons" alt="" "="" /></a>                                               
         <!--                                                                                    <span id="acc-welc">
    <br>



    </span>                                                                                    -->                                               
         <div id="acc-news">
                                                                                                         
            <div id="acc-contnews">
                                                                                                            
               <!--                                                                                    <a id="acc-neweff" href="/t1136-"><div><h4> Novo visual do fórum de suporte e novas funções </h4></div></a>                                                                                    -->                                               
            </div>
                                                                                                         
         </div>
                                                         Olá<strong> Convidado </strong>seja bem vindo(a) ao Fórum<strong> "Céu das Arts".</strong><br /><br /> Nesse fórum você poderar fazer pedidos de criações gráficas para personalizar seu fórum, blogger, website, e diversas plataformas gratuitas!. <br /><br /> <strong>Atenção!</strong> Antes de começa a utilizar os nossos serviço você deve ler as <strong><a href="/LINK DO TÓPICO-" target="_blanck">regras do fórum</a></strong>. É importante que essas regras sejam respeitadas, para a organização do fórum e a um bem estar da comunidade. <br /><br /><strong>Nota:</strong> Antes de postar, <a href="/search" target="_blank">pesquise no fórum</a>, pois a sua questão poderá já ter sido respondida.<br />                                               
         <table align="right" border="0">
                                                                                                         
            <tbody>
                                                                                                            
               <tr>
                                                                                                               
               </tr>
                                                                                                            
            </tbody>
                                                                                                         
         </table>
                                                                                                      
         <div class="img_list_hp">
                                                            <a href="LINK"><img style="height: 70px;" 80"="" "="" src="http://i.imgur.com/TOcG5AO.png" alt="Novo no fórum? Veja os regulamentos antes de começar usar nossos serviços." border="0" /><span>Regulamento</span></a>                                               
         </div>
                                                                                                      
         <div class="img_list_hp">
                                                            <a href="LINK"><img style="height: 70px;" 80"="" "="" src="http://i.imgur.com/twiCKSj.png" alt="Conheça a equipe do fórum e veja como ser da nossa equipe." border="0" /><span>Staff do Fórum</span></a>                                               
         </div>
                                                                                                      
         <div class="img_list_hp">
                                                            <a href="LINK"><img style="height: 70px;" 80"="" "="" src="http://i.imgur.com/zDmJZR4.png" alt="Deixe sua sugestões para melhorias do fórum e para a nossa comunidade." border="0" /><span>Sugestões</span></a>                                               
         </div>
                                                                                                      
         <div class="img_list_hp">
                                                            <a href="LINK"><img style="height: 70px;" 80"="" "="" src="http://i.imgur.com/pdFFCD9.png" alt="Essa área e destinada para bate - papo de diversos temas, como entretenimento livre." border="0" /><span>Bate - papo</span></a>                                               
         </div>
                                                                                                      
         <div class="img_list_hp">
                                                            <a href="LINK"><img style="height: 70px;" 80"="" "="" src="http://i.imgur.com/tfY2GrY.png" alt="Arquivos e diversos que nois liberamos para os usuários" border="0" /><span>Arquivos</span></a>                                               
         </div>
                                                                                  
         <div class="img_list_hp">
                                                            <a href="LINK"><img style="height: 70px;" 80"="" "="" src="http://i.imgur.com/fF7uZt9.png" alt="Aqui tens todos os tipo de arquivos que não cumpre com as demandas do fórum." border="0" /><span>Lixo</span></a>                                               
         </div>
                                                                                                      
         <div style="clear: both" id="img_list_alt">
                Passe o mouse sobre uma das imagens e conheça mais os nossos serviços!   
         </div>
                                                                                                      
         <table style="padding: 3px 3px 0px; font-size: 0.9em; margin-bottom: 0px; margin-top: 15px; width: 90%;">
                                                            <script>
    jQuery(function() {
    jQuery('.img_list_hp img').mouseover(function() {
    jQuery('#img_list_alt').html(jQuery(this).attr('alt'));
    }).mouseout(function() {
    jQuery('#img_list_alt').html('Passe o mouse sobre uma das imagens e conheça mais os nossos serviços!');
    });
    });
    </script>                                               
         </table>
                                                                                                      
      </div>
             
   </div><span class="corners-bottom"><span></span></span>
</div>
E um fundo verde bem clarinho por trás.

Até mais


Última edição por Luig em Qui 7 Jul 2016 - 18:24, editado 1 vez(es)

Castiel
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1166
Pontos Ativos : 2889

http://ceudasart.forumeiros.com/

Resolvido Re: Adicionar borda na mensagem inicial

Mensagem por while em Qui 7 Jul 2016 - 16:43

Olá, adicione em sua folha de estilo css esse código:
Código:
.panel {border:1px solid #7cd08c;background-color:#DCEAF5!important;}

Seria isto?
Até mais.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2434
Pontos Ativos : 3550

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Adicionar borda na mensagem inicial

Mensagem por Castiel em Qui 7 Jul 2016 - 17:17

Olá,
Sim quase assim, tem como arredondar nos cantos?

Até mais.

Castiel
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1166
Pontos Ativos : 2889

http://ceudasart.forumeiros.com/

Resolvido Re: Adicionar borda na mensagem inicial

Mensagem por while em Qui 7 Jul 2016 - 17:36

Adicione mais esse código:

para ficar com um simples "arredondamento"
Código:
.panel {border-radius:3px;}

ou... se preferir com um "arrendondamento" maior adicione este:

Código:
.panel {border-radius:22px;}

Até mais.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2434
Pontos Ativos : 3550

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Adicionar borda na mensagem inicial

Mensagem por Castiel em Qui 7 Jul 2016 - 17:39

Boa tarde,
fico ótimo, eu tenho apenas mais uma dúvida.
Como faço para mudar a cor dessa barrinha azul?
Caso seja questão para um novo tópico pode finalizar esse.

Até mais.

Castiel
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1166
Pontos Ativos : 2889

http://ceudasart.forumeiros.com/

Resolvido Re: Adicionar borda na mensagem inicial

Mensagem por while em Qui 7 Jul 2016 - 17:42

Olá, adicione em sua folha de estilo css esse código:
Código:
.img_list_hp span {color:cordesejada!important;

em cordesejada você coloca o valor hexadecimal.

Até mais.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2434
Pontos Ativos : 3550

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Adicionar borda na mensagem inicial

Mensagem por Castiel em Qui 7 Jul 2016 - 17:44

Boas,
mudo apenas a cor dos texto. Pensativo

Até mais.

Castiel
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1166
Pontos Ativos : 2889

http://ceudasart.forumeiros.com/
  • 0

Resolvido Re: Adicionar borda na mensagem inicial

Mensagem por while em Qui 7 Jul 2016 - 17:58

Ai ai... eu nem se quer observei o que escrevi.

troque por este:
Código:
.img_list_hp span {background-color:cordesejada!important;}

essa tosse esta difícil pra mim...


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2434
Pontos Ativos : 3550

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Adicionar borda na mensagem inicial

Mensagem por Castiel em Qui 7 Jul 2016 - 18:21

Boas,
agora sim, obrigado.

Até.

Castiel
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1166
Pontos Ativos : 2889

http://ceudasart.forumeiros.com/

Resolvido Re: Adicionar borda na mensagem inicial

Mensagem por while em Qui 7 Jul 2016 - 18:25

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2434
Pontos Ativos : 3550

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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