Bons dias pessoal!

Estou a precisar de uma ajuda num fórum de plataforma SMF.
Vou deixar imagens para perceberem tudo direitinho



O que está a vermelho queria diminuir o tamanho da barra cinzenta.

O que está a verde a parte do logo queria aumentar para se ver melhor o logo.

O que está a laranja queria colocar também na cor #999999 , porque está a roxo

O que está a azul naquele quadrado a roxo queria alterar a cor para outra coisa..

O que está amarelo tambem gostaria de mudar mas nao consigo..



PS: posso dar bons pontos a quem me puder ajudar

Boas,

Qual o link do site?
Cumps

DJPRMF escreveu:Boas,

Qual o link do site?
Cumps

Boas amigo,

Aqui fica :http://forumfrenchcar.com/

Bom, relativamente ao menu do topo, este é uma imagem (http://forumfrenchcar.com/Themes/Astonished_201/images/custom/hbg.png).
Ou seja, deve alterar a imagem primeiro.
Depois deve adaptar o CSS da zona ".bgmenu" -> "height".

Quanto ao logotipo, se quiser aumentar o mesmo deve editar a imagem e aumentar o seu tamanho a partir de um editor de imagens.

Quanto à cor do link deve alterar o css da zona ".navigate_section ul li a" -> "color".
Já a pequena zona laterala roxo deve ser alterada no CSS da zona ".ltlast" -> "background-image".

Por fim, as imagens dos tópicos são alteradas a partir do painel de administração do SMF.

DJPRMF escreveu:

Já a pequena zona laterala roxo deve ser alterada no CSS da zona ".ltlast" -> "background-image".

Por fim, as imagens dos tópicos são alteradas a partir do painel de administração do SMF.

Boas amigo desde já obrigado pela atenção!

Esta parte da imagem mudei a cores que é o que aparece e continua igual!
Mas as partes das imagens ainda não percebi muito bem como altera-las

Cumps!

Boas,

o CSS é de um gradient, pelo que deve alterar as cor inicial e final. Em caso de duvida pode sempre remover.


Quanto às imagens do topico, estas, como referido, devem ser alteradas no painel de administração do SMF, mais concretamente no tema.

DJPRMF escreveu:Boas,

o CSS é de um gradient, pelo que deve alterar as cor inicial e final. Em caso de duvida pode sempre remover.


Quanto às imagens do topico, estas, como referido, devem ser alteradas no painel de administração do SMF, mais concretamente no tema.

boas,

mas eu quando chego as imagens do tema nao as consigo alterar no fórum no painel só aparece o nome delas

Poderia tirar um print ao local onde se encontra a tentar alterar as imagens?

Claro que sim

Bem, deve alterar as imagens a partir do seu template.
Ou seja,a ceder, por exemplo, via FTP à pasta do template do forum e alterar cada imagem.
Neste caso:
http://forumfrenchcar.com/Themes/Astonished_201/images/off.png

DJPRMF escreveu:Bem, deve alterar as imagens a partir do seu template.
Ou seja,a ceder, por exemplo, via FTP à pasta do template do forum e alterar cada imagem.
Neste caso:
http://forumfrenchcar.com/Themes/Astonished_201/images/off.png

e então como consigo aceder via FTP a pasta para mudar os icons?

Deve contactar o seu alojamento para requerer os dados de acesso FTP.

Boas,

desde já obrigado outra vez..

Mas estou a precisar de mais umas ajudas



O que está a vermelho e a laranja queria aumentar o tipo de letra.



E o que está a azul queria colocar também em tamanho maior e na letra Verdana.



E mais uma coisa aqui no internet explorer aparece como quero.




No google chrome aparece com uns efeitos esquesitos que eu não gosto

É um pouco complicado explicar todos os passos.
Possui conhecimento de CSS?

DJPRMF escreveu:É um pouco complicado explicar todos os passos.
Possui conhecimento de CSS?

alguns

É complicado explicar se não possuir conhecimento de CSS...
Tente aceder via o Chrome e clique em CTRL+SHIFT+I. Estas ferramentas permitem que possa alterar directamente algum do código e pré visualizar as alterações directamente no navegador.

Obviamente é apenas uma forma mais rápida de alterar o código por si mesmo, mas deve alterar posteriormente no ficheiro CSS do seu tema, pois as alterações são apenas locais.

DJPRMF escreveu:É complicado explicar se não possuir conhecimento de CSS...
Tente aceder via o Chrome e clique em CTRL+SHIFT+I. Estas ferramentas permitem que possa alterar directamente algum do código e pré visualizar as alterações directamente no navegador.

Obviamente é apenas uma forma mais rápida de alterar o código por si mesmo, mas deve alterar posteriormente no ficheiro CSS do seu tema, pois as alterações são apenas locais.

Boas então nao me consegue ajudar ?

Cumps e obrigado até agora amigo!

é o que estou a fazer,a tentar ajudar...

Mas dizer todos os passos que necessita de seguir sem ter conhecimento é complicado. Necessita de alterar diversos códigos CSS...

E, como referi anteriormente, utilizar as ferramentas de programador dos navegadores pode ajudar.

então ajude-me nisto

os sub titulos ficarem uns em cima dos outros, consegue-me ajudar amigo?

fica aqui um print não sei o que se passou mas consegue-me ajudar amigo???

Alterou algum codigo antes de ter verificado o erro?

Cumps

DJPRMF escreveu:Alterou algum codigo antes de ter verificado o erro?

Cumps

sim mas ja nao me lembro qual

Pois, mas assim é complicado...
Não possui um backup do tema ou o ficheiro CSS de origem?

DJPRMF escreveu:
Pois, mas assim é complicado...
Não possui um backup do tema ou o ficheiro CSS de origem?

não...

O código CSS possui alguma zona com o nome de "p" ou "div"?

DJPRMF escreveu:O código CSS possui alguma zona com o nome de "p" ou "div"?

Boas amigo!

Já consegui resolver, agora mesmo vou fazer um backup do css
Agora se me puder ajudar nas outras questões agradecia

Então vamos por partes, o que pretende alterar em primeiro lugar?

Gostaria de alterar o que está a vermelho e a laranja aumentar um pouco do tamanha das letras..

Neste caso, na zona ".table_list tbody.content td.children" altere o valor de "font-size" conforme pretenda.

Para o segunda zona é a "table.table_list tbody.content td.lastpost", no mesmo valor "font-size".

Nem sei como agradecer ta me a dar uma grande ajuda!

Agora vamos para esta parte sfv



queria também mudar o tamanha e o tipo de letra só desta parte

Pelo que consigo ver, não é possivel alterar somente essa secção sem alterar tambem todas as letras do forum

DJPRMF escreveu:Pelo que consigo ver, não é possivel alterar somente essa secção sem alterar tambem todas as letras do forum

Então nem o tamanha dá para alterar amigo?

O código para essa secção iria alterar também as outras do restante forum, que penso que não seja o que pretende...

DJPRMF escreveu:O código para essa secção iria alterar também as outras do restante forum, que penso que não seja o que pretende...

Pois então não vale a pena mexer ehe

Então fica aqui mais uma minha dúvida para ver se dá para resolver

No google chrome aparece assim



No internet explorer devia aparecer como no chrome e não



cumps!

O internet explorer possui códigos diferentes e não suporta muitas das tecnologias que os restantes navegadores suportam...
Ou seja, torna-se difícil adaptar o código ao IE e aos restantes navegadores de forma igual.

Invés de utilizar códigos de botões com bordas e cores, tente utilizar um botão normal, sem estilos.

Como posso coloca-ló sem estilos?

Criando um botão normal...
http://www.w3schools.com/tags/tag_button.asp

DJPRMF escreveu:Criando um botão normal...
http://www.w3schools.com/tags/tag_button.asp

Como posso criar agora fica na estaca 0

Não percebi a sua questão...
Poderia reformular?

Como e que posso criar um botão simples?

Ja consegui resolver o problema obrigado pela atenção mais uma vez amigo!

Bons dias

Venho mais uma vez pedir uma ajuda amigo...

Queria aumentar o tamanha da letra do que está a verde e do que está a vermelho.



Cumps amigo!

Tente na zona ".topic_table td.subject p, .topic_table td.stats" -> "font-size".
Para a zona de ultima mensagem tente em ".topic_table td.lastpost"

Consegui alterar, mais uma vez obrigado.

Eu queria alterar mais uma coisa, mas depois mais logo ou até amanhã posto para nao estar sempre no mesmo a ajudar-me pois tambem existe o fórum e tem de se controlar.

Depois temos de falar acerca dos ponts!

Pode colocar à vontade...
Tempo dá para tudo

Ora boas.

Então aqui fica mais um vez para me ajudar, esta acho que é uma ajuda mais trabalhada
Pois no perfil dos tópicos o perfil dos users aparece com muitas coisas, muito trabalhado e é uma coisa que não gosto.
E então vinha pedir ajuda para ver se me podia ajudar para colocar o perfil igual ao que vou deixar o print

Aqui fica o meu.



E eu queria por assim simples.



Cumps, e mais uma vez obrigado amigo!

Boas,

Esta configuração eu já não tenho acesso, visto ser do painel de administração.
Deve alterar as definições do seu script para apresentar as opções de perfil que pretende.

Cumps

Boas amigo!

O codigo deve ser este acho eu...

Código:

.yhbackground
{
  background-image: -moz-linear-gradient(top, #e1dfe0, #f4f4f4);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#e1dfe0), to(#f4f4f4));
  background-image: -o-linear-gradient(top, #e1dfe0, #f4f4f4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1dfe0', endColorstr='#f4f4f4');
  /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1dfe0', endColorstr='#f4f4f4')";
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  background-image: linear-gradient(top, #e1dfe0, #f4f4f4);
  font-weight: bold;
}
.ltlast
{
  background-image: -moz-linear-gradient(top, #e7c3f1, #c5b1ca);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#e7c3f1), to(#c5b1ca));
  background-image: -o-linear-gradient(top, #e7c3f1, #c5b1ca);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7c3f1', endColorstr='#c5b1ca');
  /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7c3f1', endColorstr='#c5b1ca')";
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  background-image: linear-gradient(top, #e7c3f1, #c5b1ca);
}
.linktreebackground
{
  background-image: -moz-linear-gradient(top, #efefef, #c9c9c9);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#efefef), to(#c9c9c9));
  background-image: -o-linear-gradient(top, #efefef, #c9c9c9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#c9c9c9');
  /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#c9c9c9')";
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  background-image: linear-gradient(top, #efefef, #c9c9c9);
}
/* Footer Style */
.fleft
{
  background: url(../images/custom/fleft.png) no-repeat;
  height: 91px;
}
.fright
{
  background: url(../images/custom/fright.png) no-repeat scroll 100% 0;
  height: 91px;
}
.fcenter
{
  background: url(../images/custom/fcenter.png) repeat-x left;
  height: 91px;
  width: auto;
}
.search {
  float: right;
  margin-right: 25px;
  -moz-box-shadow:0px 0px 15px #000000;
  -webkit-box-shadow:0px 0px 15px #000000;
  box-shadow:0px 0px 15px #000000;
  /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
  border-radius: 20px;
}
.search_button {
  background: url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/actions/gnome-searchtool.png) no-repeat;
  background-position: center;
  background-color: #e6e4e5;
  margin-right: -8px;
  padding: 5px 11px 6px 11px;
  border: 1px solid #1a1a1a;
  border-radius: 10px 0 0 10px;
}
.search_button:hover {
  background-color: #fff;
}
.search_input {
    background: #444;
    border: 0 none;
    font: bold 11px Verdana,Helvetica,Sans-serif;
    color: #FFFFFF;
    width: 170px;
    padding: 6px 10px 6px 10px;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 0px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 0px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
.search_input:focus {
    width: 200px;
}
/* Display Styles */
.topictitle
{
  font-size: 20px;
  vertical-align: middle;
  padding: 7px;
  color: #000000;
    text-shadow: 0 1px 1px #fff;
  text-align: center;
  margin: 0 auto;
  width: 40%;
}
.ottitle
{
  background-image: -moz-linear-gradient(top, #ffffff, #9e9e9e);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#9e9e9e));
  background-image: -o-linear-gradient(top, #ffffff, #9e9e9e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#9e9e9e');
  /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#9e9e9e')";
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  background-image: linear-gradient(top, #ffffff, #9e9e9e);
  padding: 4px;
  color: #000;
  text-shadow: 0 1px 1px #fff;
  border: 1px solid #494949;
}
h4.perfiltitle
{
  background-image: -moz-linear-gradient(top, #363636, #000000);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#363636), to(#000000));
  background-image: -o-linear-gradient(top, #363636, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#000000');
  /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#000000')";
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  background-image: linear-gradient(top, #363636, #000000);
  border: 1px solid #bdbdbd;
  border-bottom: 1px solid #fff;
  border-radius: 5px 5px 0 0;
  padding: 6px;
  text-align: center;
  width: 81%;
  margin-left: 10px;
}
.perfilbox
{
  border-right: 1px solid #bdbdbd;
  border-left: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
  border-top: 1px solid #bdbdbd;
  text-align: center;
  margin-top: -6px;
  padding-top: 4px;
  padding-right: 5px;
  border-radius: 0 0 5px 5px;
  background: #e7e7e7;
  text-shadow: 0 1px 0 #fff;
  width: 85%;
  margin-left: 10px;
}
.perfilbox img.avatar
{
  padding: 3px;
  border: 1px dotted #bdbdbd;
}
.divider {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #CCCCCC;
    color: #CCCCCC;
    width: 100%;
}
.numbers {
  color: #945290;
    font-size: 15px;
}
#quicknav {
  float: left;
  margin-left: 10px;
}
#quicknav ul {
  float: left;
  margin: 0;
  padding: 0;
  line-height: 34px;
}
#quicknav li {
  float: left;
  padding: 0;
  list-style: none;
  padding-left: 15px;
}
#quicknav .social_icon {
  display: block;
  background: url(../images/custom/socialicons.png) no-repeat;
  height: 28px;
  width: 28px;
  padding: 0;
}
#quicknav a.twitter {
  background-position: 0 0;
}
#quicknav a.facebook {
  background-position: 0 -32px;
}
#quicknav a.youtube {
  background-position: 0 -64px;
}
#quicknav a.rss {
  background-position: 0 -96px;
}
#quicknav .twitter:hover {
  -moz-box-shadow:0px 0px 10px #000000;
  -webkit-box-shadow:0px 0px 10px #000000;
  box-shadow:0px 0px 10px #000000;
  /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
#quicknav .facebook:hover {
  -moz-box-shadow:0px 0px 10px #000000;
  -webkit-box-shadow:0px 0px 10px #000000;
  box-shadow:0px 0px 10px #000000;
  /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

#quicknav .youtube:hover {
  -moz-box-shadow:0px 0px 10px #000000;
  -webkit-box-shadow:0px 0px 10px #000000;
  box-shadow:0px 0px 10px #000000;
  /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
#quicknav .rss:hover {
  -moz-box-shadow:0px 0px 10px #000000;
  -webkit-box-shadow:0px 0px 10px #000000;
  box-shadow:0px 0px 10px #000000;
  /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

Está a referir-se a alterar o tema ou as opções que são mostradas nesse mperfil lateral?
Eu estava-me a referir às opções e não ao estilo

Eu estou-me a referir ao estilo..