Adicionar borda na mensagem inicial

2 participantes

Ir para baixo

Tópico resolvido Adicionar borda na mensagem inicial

Mensagem por REVIEW 07.07.16 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
Adicionar borda na mensagem inicial C6da072bbd6044a182a6a2d697816670
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://2img.net/i/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://2img.net/i/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 07.07.16 18:24, editado 1 vez(es)
REVIEW
REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda na mensagem inicial

Mensagem por while 07.07.16 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.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda na mensagem inicial

Mensagem por REVIEW 07.07.16 17:17

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

Até mais.
REVIEW
REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda na mensagem inicial

Mensagem por while 07.07.16 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.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda na mensagem inicial

Mensagem por REVIEW 07.07.16 17:39

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

Até mais.
REVIEW
REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda na mensagem inicial

Mensagem por while 07.07.16 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.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda na mensagem inicial

Mensagem por REVIEW 07.07.16 17:44

Boas,
mudo apenas a cor dos texto. Pensativo

Até mais.
REVIEW
REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda na mensagem inicial

Mensagem por while 07.07.16 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...
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda na mensagem inicial

Mensagem por REVIEW 07.07.16 18:21

Boas,
agora sim, obrigado.

Até.
REVIEW
REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda na mensagem inicial

Mensagem por while 07.07.16 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.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos