Codigo não entra.

Olá !
Sou Administrador do Innovation, e algum tempo, estou editando o codigo usado pela forumeiros, "o suporte. para deixar igual ao deles. o suporto. etc. mais o codigo que deveria estar na pagina CSS, não está entrando. coloco o codigo pedido nesta pagina.

o 1°
https://ajuda.forumeiros.com/questoes-sobre-codigos-f7/podiam-arranjar-o-codigo-t32486.htm

não sei se ele tbm tem que ser editado. mais creio que não.

e o segundo estou a por do meu geito com os meus link's imagens. e simplesmente não posso inserir por que o da pagina CSS, tem que estar contido para que a pagina o novo suporte entre em vigor.
Pesso que se alguem, que tenha uma vista rasuavél acima da minha rsrsrs, que conheça o codigo e saiba lidar, possa ajudar a desenvolve-lo.
Fico grato.

Cump°s Milo100.

Olá!

Fala do código da mensagem da home page?

Se seguir as alterações conforme foram ditas no tópico que citou obterá o resultado desejado rapidamente...

Seu fórum é Phpbb3? E em qual parte está encontrando dificuldades?

Somente para frizar...

Código para ser adicionado no CSS:

Código:

.img_list_hp {
border: 1px solid #0372BE;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.img_list_hp:hover {
background-color: #DCEAF5;
}

.img_list_hp img {
padding: 8px 15px;
}

.img_list_hp span {
background-color: #0372BE;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}

Código para ser adicionado na mensagem da Home Page:

Código:

<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><div class="img_list_hp"><a href="/portal.forum?pid=2"><img height="59" src="http://2img.net/i/fa/fdf/questions.png" alt="Uma vasta gama de tutoriais para compreender das funções do fórum e também deixá-lo cada vez melhor e com a sua cara."><span>Tutoriais e astúcias</span></a></div><div class="img_list_hp"><a href="/-c2/"><img height="59" src="http://2img.net/i/fa/fdf/nuage.png" alt="Temos um ótimo serviço de suporte, com equipe capacitada para lhe atender da melhor forma."><span>Ajuda e suporte</span></a></div><div class="img_list_hp"><a href="/-f71/"><img height="59" src="http://2img.net/i/fa/fdf/peindre.png" alt="Gostaria de ter um tema mais personalizado mas não leva jeito com deisgn? Temos uma equipe pronta para ajudar-lhe!"><span>Criações gráficas</span></a></div><div class="img_list_hp"><a href="/-f24/"><img height="59" src="http://i30.servimg.com/u/f30/11/14/55/92/images10.png" alt="O <a href='http://pt.hitskin.com'>Hitskin</a> é um serviço para compartilhar temas Forumeiros."><span>Hitskin</span></a></div><div class="img_list_hp"><a href="/-c9/"><img height="59" src="http://i62.servimg.com/u/f62/12/62/55/38/voix1010.png" alt="Gostaria de tornar seu fórum mais conhecido, encontrar novos membros para a equipe ou fazer parcerias?"><span>Publicidade</span></a></div><div class="img_list_hp"><a href="/-f50/"><img height="59" src="http://i60.servimg.com/u/f60/11/40/70/67/review10.png" alt="Gostaria de saber o que pensamos do seu fórum e o que nele achamos que pode ser melhor?"><span>Análises</span></a></div><div class="img_list_hp"><a href="/-f15/"><img height="59" src="http://www.criarumblog.com/rsc/img/logo_blog.png" alt="Criou um blog Criarumblog? Não fique perdido, também ofeceremos suporte!"><span>Criarumblog</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>

Abraços, Gabriel.

Olá Gabriel !
O codigo presente na HOME PAGE ja foi adicionado. porém, o codigo que deveria ser dado como coreto na pagina de CSS, esta a dar erro. isso não é a primeira vez que acontece com codigo nesta pagina.

Minha dificuldade é o cidigo que deve de ser postado na pagina CSS.
poderias ajudar-me ?
Cump°s

Tentarei...

Seu fórum é Phpbb3?

Já tem adicionado outros códigos em sua folha de estilos? Se sim, passe-a toda, sem o código que está tentando adicionar nessa questão...

Abraços, Gabriel.

Código:

.forumbg, .forabg {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}


#wrap {
 padding-right: 100px;
 padding-left: 100px;
padding-top: 20px;
padding-bottom: 5px;
 margin-bottom: 40px;
 margin-top: 40px; width: 750px;
min-width: 750px;
 -moz-border-radius : 15px;
 -webkit-border-radius : 15px;
 -moz-box-shadow : 0 0 0px #CDE9ED;
 -webkit-box-shadow : 0 0 0px #CDE9ED;


}

body { background-position: center;


.module {
padding-bottom: 5px;
margin-bottom: 15px;
border : 1px solid #D0ECF0;
background-color: #FFFFFF;
-moz-border-radius : 15px;
-webkit-border-radius : 15px;
 -moz-box-shadow : 0 0 10px #CDE9ED;
-webkit-box-shadow : 0 0 10px #CDE9ED;
}

.img_list_hp {
border: 1px solid #0372BE;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.img_list_hp:hover {
background-color: #DCEAF5;
}

.img_list_hp img {
padding: 8px 15px;
}

.img_list_hp span {
background-color: #0372BE;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}
.img_list_hp {
border: 1px solid #0372BE;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.img_list_hp:hover {
background-color: #DCEAF5;
}

.img_list_hp img {
padding: 8px 15px;
}

.img_list_hp span {
background-color: #0372BE;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}
{
.img_list_hp {
border: 1px solid #0372BE;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.img_list_hp:hover {
background-color: #DCEAF5;
}

.img_list_hp img {
padding: 8px 15px;
}

.img_list_hp span {
background-color: #0372BE;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}

Esse aqui é o codigo que esta em minha pagina. e sim, ele é o versão Phpbb3

Obrigado

Olá novamente!

Substitua a sua folha de estilos CSS por essa:

Código:

.forumbg, .forabg {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}


#wrap {
 padding-right: 100px;
 padding-left: 100px;
padding-top: 20px;
padding-bottom: 5px;
 margin-bottom: 40px;
 margin-top: 40px; width: 750px;
min-width: 750px;
 -moz-border-radius : 15px;
 -webkit-border-radius : 15px;
 -moz-box-shadow : 0 0 0px #CDE9ED;
 -webkit-box-shadow : 0 0 0px #CDE9ED;


}

body { background-position: center; }


.module {
padding-bottom: 5px;
margin-bottom: 15px;
border : 1px solid #D0ECF0;
background-color: #FFFFFF;
-moz-border-radius : 15px;
-webkit-border-radius : 15px;
 -moz-box-shadow : 0 0 10px #CDE9ED;
-webkit-box-shadow : 0 0 10px #CDE9ED;
}

.img_list_hp {
border: 1px solid #0372BE;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.img_list_hp:hover {
background-color: #DCEAF5;
}

.img_list_hp img {
padding: 8px 15px;
}

.img_list_hp span {
background-color: #0372BE;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}

#img_list_alt {
background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}

Me diga se resultou...

Abraços, Gabriel.

Código:

Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.

isso continua aparecendo :S, não ficou o codigo :S

Olha, como faço para deixar as imagens como assimm ---------------- ao enves de assim

-
-
-
-
-

mais coloquei o outro codigo e ficou de boa.

Estranho, para mim ele está resultando perfeitamente. Eu corrigi as balizas que estavam dando conflito...

Tente novamente:

Código:

.forumbg, .forabg {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}


#wrap {
 padding-right: 100px;
 padding-left: 100px;
padding-top: 20px;
padding-bottom: 5px;
 margin-bottom: 40px;
 margin-top: 40px; width: 750px;
min-width: 750px;
 -moz-border-radius : 15px;
 -webkit-border-radius : 15px;
 -moz-box-shadow : 0 0 0px #CDE9ED;
 -webkit-box-shadow : 0 0 0px #CDE9ED;
}

body { background-position: center; }


.module {
padding-bottom: 5px;
margin-bottom: 15px;
border : 1px solid #D0ECF0;
background-color: #FFFFFF;
-moz-border-radius : 15px;
-webkit-border-radius : 15px;
 -moz-box-shadow : 0 0 10px #CDE9ED;
-webkit-box-shadow : 0 0 10px #CDE9ED;
}

.img_list_hp {
border: 1px solid #0372BE;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.img_list_hp:hover {
background-color: #DCEAF5;
}

.img_list_hp img {
padding: 8px 15px;
}

.img_list_hp span {
background-color: #0372BE;
color #FFF;
display: block;
padding: 0 10px;
}

.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}

#img_list_alt {
background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}

Abraços, Gabriel.

Olá !

Ainda não funcionou com nenhum dos codigos dados. continua aparecendo a mesma. coisa...

Olá Gabriel !
Desculpa tomar o teu tempo com isso. mais obrigado pela ajuda.

Achei um meio mais simples para se fazer isso. com os codigos.

<a href="LINK_DO_TÓPICO" class="postlink"><img src="LINK_DA_IMAGEM" border="0" alt="" /></a>

com isso só postar no fórum e fica assim
http://innovation.forumeiro.org/forum.htm

Obrigado.
Pela atenção Gabriel.
Cump°s Milo100