Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.
    • DiF

      Poste seus códigos corretamente!   21-05-2016

      Prezados membros do Fórum do Clube do Hardware, O Fórum oferece um recurso chamado CODE, onde o ícone no painel do editor é  <>     O uso deste recurso é  imprescindível para uma melhor leitura, manter a organização, diferenciar de texto comum e principalmente evitar que os compiladores e IDEs acusem erro ao colar um código copiado daqui. Portanto convido-lhes para ler as instruções de como usar este recurso CODE neste tópico:  
Augusto G rocha

CSS Uso isolado da css

Recommended Posts

eu tenho essa lista de css, também fiz para o link e para a tabela, queria saber se da para fazer a css do a: somente para a id especifica para eu poder criar a: diferentes para diferentes divs

 

 

body {
text-align:center;
	background-color: aqua;
}

  img {
    
    position:absolute;
	top:0px;
	left:300px;
	

}
table {
    border-color: #000;
    border-width: 1px;
    border-style: solid;
    /* or, of course,
    border: 1px solid #000;
    */
}

#BANNER {


left:100px;
top:-90px;
	padding: 100px;
	height: 78px;
	width:500px;
	margin: auto;
	position: relative;
    horison-align: text-right;
 
	}

	
#BUSCA {
	text-align:left;
	padding:10px;
	height: 138px;
	width: 204px;

	float: right;
	
	left: 800px;
	top: 481px;


	}

		
#AREA_RESTRITA {
	
	background-color: white ;
	text-align:left;
    margin:10px;
	padding:10px;
	height: relative;
	width: 204px;

	float: right;
	 box-shadow: 3px 3px 3px  #888888;
	 border-radius: 3px;
	}
	
	
#MENU_DE_LINKS + a:link, a:visited  {
	
	background-color: white ;
	text-align:left;
    margin:10px;
	padding:10px;
	height: relative;
	width: 204px;

	float: right;
	 box-shadow: 3px 3px 3px  #888888;
	 border-radius: 3px;
	}
	

	
#POSTAGENS {
    border-left: 6px solid LightBlue ;
    background-color: Lavender ;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	height: relative;
	width: 750px;
	position:relative;

	
	}
	
	#Menu:hover, Menu:active {
    background-color: gray;
}
	
a:link, a:visited {
	 font-family: "Times New Roman", Times, serif;

    color: black;
  
    text-align: left;
    text-decoration: none;
    display: inline-block;
	padding: 5px;
	width: 100%;

	
}


a:hover, a:active {
    background-color: gray;
padding: 5px;
	 width: 100%;
	
	 
}
	
	
	
input{
	padding:8px;
	display:block;
	border:none;
	
	width:100%
	}
table {
    border-collapse: collapse;
    width: 100%;
	border: 0px solid black;
}
th, td {
    padding: 15px;
    text-align: left;
	 height: 50px;
	   border: 0px solid black;  
}

tr:nth-child(even){background-color: #f2f2f2}

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Augusto G rocha Olá,

 

 Não sei se entendi... mas acho que você se refere ao elemento de hipertexto <a>  certo?

 

Sim, dá para customizar via css normalmente.. Basta definir uma classe ou uma ID para cada link.

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
  • Autor do tópico
  • queria saber se da pra fazer assim, se eu criar

    a.menu{
    css
    }

     

    e fizer <div class ="menu">

     

    todos os <a> da div vão sofrer efeito de a.menu

    Editado por DiF

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites

    Também não sei se entendi direito, mas parece que você quer personalizar só os links. Então o ideal seria você criar classes para os LINKS. Porque assim você fica livre parar personalizar o link, sem se preocupar com a div, por exemplo caso na mesma div tenhas links de estilos diferentes.

    Vamos supor que numa div eles seriam verde

    Na outra div azul.

    Então talvez você pudesse criar os links no html do tipo: <a class="verde"></a> já no outro <a class="azul"></a>

    Já no css você estiliza as classes.

    .verde { aqui vai as configurações}

    .azul { aqui vai as configurações}

    Obs. Antes do verde e azul tem o ponto não sei se ficou visível.

    Sugiro você estudar na internet Css Id e classes

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites
  • Autor do tópico
  • Achei uma coisa aqui, por enquanto funcionou sem bugs.

     

    div.menu a:link, a:visited {
    	 font-family: "Times New Roman", Times, serif;
     
        color: black;
        padding: 1px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
    }
    
    
    div.menu  a:hover, a:active {
        text-decoration: underline;
    
    }

    também posso colocar ">" antes mas esse também vale.

     

    dai eu só tenho que colocar a classe na div que eu quero modificar e as outras ficam no padrão. 

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites

    Depois que eu vi sua dúvida, entrei no youtube para ver se tinha aulas sobre este assunto: Então digitando Css ID Classes, tem algumas em inglès,mas vi uma do canal WPMaster muito boa e prática no exemplo ele cita um exemplo parecido com o que você pediu.

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites

    @Augusto G rocha @navegador2

     

    É como eu mencionei no meu post mais acima...  os elementos de hipertexto <a> são customizáveis pelo CSS...  bastando criar a classe ou a ID desejada e suas regras.

     

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites

    @Augusto G rocha trabalhoso e engessado para o teu caso. Customiza por classe ou por id.

     

    Veja o exemplo no jsfiddle

     

     

    • Curtir 1

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites

    Crie uma conta ou entre para comentar

    Você precisar ser um membro para fazer um comentário






    Sobre o Clube do Hardware

    No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

    Direitos autorais

    Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

    ×