Página 1 de 2
Aplicação de CSS em determinado item
Enviado: 14 Mai 2012, 17:13
por RodrigoPereira
Qual a URL do seu fórum: http://sistemas01b.ufscar.br/comissao30 ... a945ff5802
Tipo de Hospedagem: Pago
Qual a versão do phpBB: phpBB 3.0.10
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário: Senha:
Estilos instalados: prosilver
subsilver2
Modificações instaladas: N/D
Qual seu nivel de experiência: Iniciante
Quando começou o problema: Na tentantiva de alterar o CSS
Descreva seu problema: Estou com dificuldades de aplicar as alterações CSS em apenas uma das caixas de busca (fieldset). No link do fórum que listei acima, podemos observar que as alterações do css estão sendo aplicadas a todas as fieldset. Gostaria de aplicar somente na localizada perto do logo. Existe alguma forma de forçar algum ID no objeto para que o CSS aplique suas alterações apenas acima de determinado ID?
Agradeço a atenção desde já.
Re: Aplicação de CSS em determinado item
Enviado: 14 Mai 2012, 19:12
por robra
É na pesquisa abaixo do logo, na mesma linha do texto "Comissão 30 horas" ?
Se "
sim", o que você está tentando fazer ?
Abraço.
Re: Aplicação de CSS em determinado item
Enviado: 15 Mai 2012, 14:27
por RodrigoPereira
Não, é no alinhamento da outra caixa de busca. Caso eu altere o css para o seguinte código.
fieldset {
border-width: 0;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 1.1em;
padding: 0px 0px;
}
Essa configuração estará sendo aplicada em ambas as caixas, fazendo com que o posicionamento da caixa perto do logo seja tambem alterado, o que eu não gostaria que acontecesse =\
Re: Aplicação de CSS em determinado item
Enviado: 15 Mai 2012, 14:37
por _Vinny_
Existe alguma forma de forçar algum ID no objeto para que o CSS aplique suas alterações apenas acima de determinado ID?
Ue, porque não faz exatamente isso?
Re: Aplicação de CSS em determinado item
Enviado: 15 Mai 2012, 15:33
por robra
RodrigoPereira escreveu:Não, é no alinhamento da outra caixa de busca. Caso eu altere o css para o seguinte código.
fieldset {
border-width: 0;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 1.1em;
padding: 0px 0px;
}
Essa configuração estará sendo aplicada em ambas as caixas, fazendo com que o posicionamento da caixa perto do logo seja tambem alterado, o que eu não gostaria que acontecesse =\
Você quer aplicar estas configurações do css somente na caixa de pesquisa que fica acima da listagem dos fóruns ?
Abraço.
Re: Aplicação de CSS em determinado item
Enviado: 15 Mai 2012, 15:50
por RodrigoPereira
_Vinny_ escreveu:Existe alguma forma de forçar algum ID no objeto para que o CSS aplique suas alterações apenas acima de determinado ID?
Ue, porque não faz exatamente isso?
Isso foi só uma ideia, não tinha certeza se isso existia =]
Pelo visto existe então?!! Isso me ajudaria muito em várias situações!!Teria como você me dar uma exemplo Vinni ??
Obrigado desde já =]
Re: Aplicação de CSS em determinado item
Enviado: 15 Mai 2012, 15:51
por RodrigoPereira
Você quer aplicar estas configurações do css somente na caixa de pesquisa que fica acima da listagem dos fóruns ?
Abraço.
Simm, queria aplicar somente nela!!
Re: Aplicação de CSS em determinado item
Enviado: 15 Mai 2012, 16:06
por robra
RodrigoPereira escreveu:Você quer aplicar estas configurações do css somente na caixa de pesquisa que fica acima da listagem dos fóruns ?
Abraço.
Simm, queria aplicar somente nela!!
Abra o arquivo
viewforum_body.html com o programa
Notepad++, ache as linhas
Código: Selecionar todos
<fieldset>
<input class="inputbox search tiny" type="text" name="keywords" id="search_keywords" size="20" value="{L_SEARCH_FORUM}" onclick="if (this.value == '{LA_SEARCH_FORUM}') this.value = '';" onblur="if (this.value == '') this.value = '{LA_SEARCH_FORUM}';" />
<input class="button2" type="submit" value="{L_SEARCH}" />
{S_SEARCH_LOCAL_HIDDEN_FIELDS}
</fieldset>
... e
substitua a linha
<fieldset> por:
<fieldset style="border-width: 0;font-family: Verdana,Helvetica,Arial,sans-serif;font-size: 1.1em;padding: 0px 0px;">.
Depois, atualize a
Templates de seu estilo e
limpe o cache do Fórum.
Veja se isso resolve.
Abraço.
Re: Aplicação de CSS em determinado item
Enviado: 15 Mai 2012, 17:29
por _Vinny_
RodrigoPereira escreveu:Isso foi só uma ideia, não tinha certeza se isso existia =]
Pelo visto existe então?!! Isso me ajudaria muito em várias situações!!Teria como você me dar uma exemplo Vinni ??
Obrigado desde já =]
No HTML na tag do fieldset você declara o ID assim:
E no CSS você defini assim:
O ID em CSS é de uso excluviso para apenas um elemento no HTML, logico que pode repetir, mas isso causa HTML invalido no W3C.
Re: Aplicação de CSS em determinado item
Enviado: 16 Mai 2012, 11:19
por RodrigoPereira
robra escreveu:RodrigoPereira escreveu:Você quer aplicar estas configurações do css somente na caixa de pesquisa que fica acima da listagem dos fóruns ?
Abraço.
Simm, queria aplicar somente nela!!
Abra o arquivo
viewforum_body.html com o programa
Notepad++, ache as linhas
Código: Selecionar todos
<fieldset>
<input class="inputbox search tiny" type="text" name="keywords" id="search_keywords" size="20" value="{L_SEARCH_FORUM}" onclick="if (this.value == '{LA_SEARCH_FORUM}') this.value = '';" onblur="if (this.value == '') this.value = '{LA_SEARCH_FORUM}';" />
<input class="button2" type="submit" value="{L_SEARCH}" />
{S_SEARCH_LOCAL_HIDDEN_FIELDS}
</fieldset>
... e
substitua a linha
<fieldset> por:
<fieldset style="border-width: 0;font-family: Verdana,Helvetica,Arial,sans-serif;font-size: 1.1em;padding: 0px 0px;">.
Depois, atualize a
Templates de seu estilo e
limpe o cache do Fórum.
Veja se isso resolve.
Abraço.
Funcionou man, vou dar uma estuda em cima do código para entender melhor o que foi feito. Mais era bem essa alteração que eu queria fazer. Obrigado =]