Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

thiagoreri

Herdando configurações

Por , em Desenvolvimento frontend

Recommended Posts

thiagoreri    0

thiagoreri
Postado

Galera eu fiz um blog pra mim... mais quando eu fui mostrar os posts, eles estaum herdando as configurações dos componentes... Como que eu faço pra que naum herde estas configurações?Tipo.. um h1 que tem no post... ta pegano configurações de um h1 superior...quero que naum pegue...e tipo eu coloco assim, <div class="TEXTO"> aqui eu coloco o post </div>alguem tem uma ideia

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nícolas    4

Nícolas
Postado

E aee thaigo..

 

Isso é facinho cara.

 

Faz o seguinte...

 

Declara a hirarquia que você quer.

 

Exemplo.

 

<html><head><title>Titulo</title><style type="text/css">h1 {	font-size: 36px;}p {	font-size: 16px;	color: #3399CC;}.post {	padding: 10px;	background-color: #F7F7F7;	border: 1px solid #CCC;}.post h1 {	font-size: 16px;	color: #006699;}.post p {	font-size: 12px;	color: #666666;}</style></head><body><h1>Titulo</h1><p>Paragrafo fora do post</p><div class="post">	<h1>Titulo dentro do post</h1>	<p>Texto dentro do post</p></div></body></html>

Ou seja...

 

só você dar espaços

 

Exemplo

<div id="id">	<div class="class">		<a href="#"><img src="imagem.jpg" /></a>	</div></div>
pra acessar a imagem.. derrepente jogar uma borda algo assim um padding diferente só se dar varios espaços seguindo a herarquia que você quer entendeu.

#id .class a img

 

Flw aee

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

se eu entendi ponha seu CSS ou a URL pra ver

você pode colocar seus posts dentro de uma div assim

css:

.postes h1{//defina aki}

<div class="postes">texto <h1>texto</h1></div>

[atualizado]viche nem tinha visto q jah tinham postado hehehe

Compartilhar este post

Link para o post
Compartilhar em outros sites

thiagoreri    0

thiagoreri
Postado

o problema maior eh que la encima no topo eu defini font pra todo mundo, assim o:

 

* {	...;	....;	font:13px tahoma;	...;}

e agora dentro do div .postes por exemplo eu posso ter h1s, h2s e ate h6s... dai ta ficano tudo com o tamanho 13px.

 

Tem como anula isso naum?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

O nick171 postou o código ali para você, e o silverfox reforçou a resposta.

Faça como eles recomendaram que vai funcionar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

thiagoreri    0

thiagoreri
Postado

entaum quer dizer que eu vou ter que fazer pra cada um

.postes h1 {   font: 12px;}.postes h2 {   font: 13px;}.postes h3 {   font: 14px;}

e assim vai...

 

naum tem como falar que naum vai usar mais as estilizações passadas?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

thiagoreri,

1)

Código deve ser colocado dentro de

2) Que estilizações passadas? Você tá definindo que o h1 da classe tal vai ter o tamanho X, da outra classe, o mesmo h1 vai ter tamanho Y.

 

Faça testes ai no seu código que você vai entender melhor!

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

thiagoreri    0

thiagoreri
Postado

eu entendi... to falano o seguinte...

 

la encima eu coloquei

 

* {		font:13px;	 }

entaum quer dizer que todas as minhas fontes vaum ficar 13px;

 

agora la embaixo eu tenho uma div .POSTES que pode ter h1, h2 e assim vai

eu vou ter que definir entaum um tamanho pra cada um tipo

 

.POSTES h1  {  font:14px;}.POSTES h2 {  font:15px;}........

naum tem como eu falar pra todos os elementos que estaum dentro da div .POSTES pegarem as

configurações padrões de h1, h2, e assim vai?

Compartilhar este post

Link para o post
Compartilhar em outros sites

thiagoreri    0

thiagoreri
Postado

entendi entaum...alguem sabe quais são os tamanhos predefinidos para h1, h2, h3?e outra coisa... eu utilizo cakephp, se eu coloca <b>texto</b> num fica em negrito nem a pau, pq?

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

deve ter algo no CSS que modifica o B

 

defina assim 

b{font-weight:bold;}

quanto ao tamanho padrão vai testando

tipo assim

 

.POSTES H1{font:20px;<---vai mudando aqui até você achar que ficou bem parecido ao tamanho original}

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito