Ir para conteúdo

POWERED BY:

Arquivado

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

mkboy

Folha de estilos externa

Por , em Javascript

Recommended Posts

mkboy    1

mkboy
Postado

Ola amigos,Quero fazer uma folha de estilos externa, e nesta folha basicamente as seguintes formatações:

Barras de Rolagem:rolagem {scrollbar-shadow-color: #CCCCCC; scrollbar-face-color: #E8EAEA; scrollbar-3dlight-color: #CCCCCC; scrollbar-highlight-color: #FFFFFF;  scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #0072C6}Fonte01 { font-family: "Verdana", font-size: 15pt, font-color: #000000 Fonte02 { font-family: "Verdana", font-size: 20pt, font-color: #000000 Campos de formulario:form01 { style="border: 1 solid #999999; width:60px; height:15px; font-family:Verdana; font-size: 8pt;color:#0066CC; background:#ffffff" }LinkA:link { text-decoration: none; }A:visited { text-decoration: none; }A:active { color: #0072C6; }A:hover {  text-decoration: underline; }

Sei que preciso defini em cada página a ligação com a folha assim: <link rel=stylesheet type="text/css" href="/estilos/estilos.css">Só que num sei fazer, gostaria que voces verificassem, e colocassem na ordem correta, escrita.Depois quero saber como faço para aplicar os paramentros da página destino, como a barra de rolagem e as formatações de texto?por exemplo, no modo normal colocaria <font face="verdana">Meu texto</font>E agora que a formatação da fonte esta no arquivo estilos.css como formato Meu texto?

Compartilhar este post

Link para o post
Compartilhar em outros sites

carneirinho    7

carneirinho
Postado

você vai colocando elas uma ensima da outra só que coloca um ponto antes, e não esqueça de fechar os códigos com } por exemplo:

 

.rolagem

{scrollbar-shadow-color: #CCCCCC; scrollbar-face-color: #E8EAEA; scrollbar-3dlight-color: #CCCCCC; scrollbar-highlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #0072C6

}

 

.Fonte01

{ font-family: "Verdana", font-size: 15pt, font-color: #000000

}

 

.Fonte02

{ font-family: "Verdana", font-size: 20pt, font-color: #000000

}

 

.form01

{ style="border: 1 solid #999999; width:60px; height:15px; font-family:Verdana; font-size: 8pt;color:#0066CC; background:#ffffff"

}

 

etc, coloca todos nesse modo, salva como CSS, e coloca no diretório certo que você colocar no seu linkRel, por exemplo se você colocar <link rel=stylesheet type="text/css" href="/estilos/estilos.css"> você deverá salvar esse arquivo como estilos.css e colocar dentro da pasta estilos que está no mesmo diretório deonde estiver seus arquivos html, daí pra aplicar, você clama ele pela tag Class por exemplo <font class="Fonte02">seu texto</font> nos formulários você colocaria <input class="form01" name="valor" size="50"> e assim por diante.

 

espero que tenha entendido

 

abraço,

 

Carneirinho

Compartilhar este post

Link para o post
Compartilhar em outros sites

mkboy    1

mkboy
Postado

Sim, ajudou!!!!Valeu!!!Que mais estilos posso usar para personalizar meu site?Se alguem tiver e quiser postar abaixo:Por exemplo:Para mudar cor da borda da tabela:.borda_tabela{ parametros }Pode ser?

Compartilhar este post

Link para o post
Compartilhar em outros sites

mkboy    1

mkboy
Postado

Ola,Fiz uma simples pagina HTML e uma CSS para testar um estilos.Só que não funcionou, porem mudou a fonte, mas tento alterar cores, tamanho e nada.Altero no estilo e salvo e atualizo a pagina e nada.Onde errei?E como faço para apresentar o estilo da rolagem: <scroll class="rolagem"></scroll>Assim?estilos.css

.rolagem{scrollbar-shadow-color: #CCCCCC; scrollbar-face-color: #E8EAEA; scrollbar-3dlight-color: #CCCCCC; scrollbar-highlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #0072C6}.Fonte01 { font-family: "Verdana", font-size: 10pt, font-color: #FF0033}.Fonte02 { font-family: "Verdana", font-size: 20pt, font-color: #FF0000}.form01 { style="border: 1 solid #999999; width:60px; height:15px; font-family:Verdana; font-size: 8pt;color:#0066CC; background:#ffffff" }

page.html

<html><head><title>Testando CSS</title><link rel=stylesheet type="text/css" href="estilos.css"> </head><body><font class="fonte01">Testando uma pagina com Folhas de Estilo</font><BR><BR><font class="fonte02">Testando uma pagina com Folhas de Estilo</font></body></html>

Nota: Os dois arquivos estão na mesma pasta.até!

Compartilhar este post

Link para o post
Compartilhar em outros sites

lcs_sp    0

lcs_sp
Postado

E ai pessoal beleza.....aproveitando este tópico gostaria de perguntar se é possivel fazer uma referencia a uma imagem para aplicar em uma celula de uma tabela em CSSSe alguem puder ajudar ai.....Valeu...

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

lcs_sp, usando

background-image:url('caminho da imagem')

 

 

 

 

mkboy

 

tem uma coisas erradas:

 

como está:

.Fonte01

{ font-family: "Verdana", font-size: 10pt, font-color: #FF0033

}

como deveria ser:

.Fonte02{font-family:"Verdana"; font-size:20px; color:ff0000;}

- o que separa os parâmetros é pont e vírgula ( :o não vírgula (,)

- tamanho da fonte é em px não pt

- o atributo cor é color não font-color

 

 

quanto à barra de rolagem

troque

.rolagem

{scrollbar-shadow-color: #CCCCCC; scrollbar-face-color: #E8EAEA; scrollbar-3dlight-color: #CCCCCC; scrollbar-highlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #0072C6

}

por isso:

BODY{

scrollbar-shadow-color:CCCCCC;

scrollbar-face-color:E8EAEA;

scrollbar-3dlight-color:CCCCCC;

scrollbar-highlight-color:FFFFFF;

scrollbar-darkshadow-color:FFFFFF;

scrollbar-track-color:ffffff;

scrollbar-arrow-color:0072C6;

}

Compartilhar este post

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

Informação importante

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

  Aceito