Ir ao conteúdo
  • Cadastre-se
G_P_D

Chamar CSS

Recommended Posts

Ola

Alguem pode me ajudar ...

to fazendo um site http://www.gprade.com

Queria saber como faço para chamar um arquivo *.css que esta configurado o layout do site.

usei esse comando

<link rel="stylesheet" type="text/css" href="paul.css" />

No momento estou usando os CSS em cada pagina, mais assim vai ficando pesado site pelo que li.

usando o codigo acima funciona mais as fontes ficam desconfiguradas.

Sou meio leigo nesse assunto to começando agora a criar o site, por apostilas, então qualquer ajuda é bem vinda

O codigo CSS é este:

/* ################# INICIO, ESTRUTURA DO SITE #################*/

/*INICIO, BARRA DE MENUS*/

<style type="text/css">

body

/*- Menu Tabs 4--------------------------- */

#tabs4 {

float:left;

width:100%;

font-size:93%;

line-height:normal;

border-bottom:1px solid #6B78A9;

}

#tabs4 ul { /*- posio */

margin:0;

padding: 0px 10px 0 203px;

list-style:none;

}

#tabs4 li {

display:inline;

margin:0;

padding:0;

}

#tabs4 a {

float:left;

background:url("tableft6.gif") no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabs4 a span {

float:left;

display:block;

background:url("tabright6.gif") no-repeat right top;

padding:4px 15px 4px 6px;

color:#FFFFFF;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabs4 a span {float:none;}

/* End IE5-Mac hack */

#tabs4 a:hover span {

color:#6B78A9;

}

#tabs4 a:hover {

background-position:0% -42px;

}

#tabs4 a:hover span {

background-position:100% -42px;

}

#tabs4 #current a {

background-position:0% -42px;

}

#tabs4 #current a span {

background-position:100% -42px;

}

</style>

/*FIM, BARRA DE MENUS*/

/*INICIO, DIVISÕES*/

<STYLE type="text/css">

body {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

margin: 0px;

}

#site {

width: 960px;

margin: 0px auto;

}

#topo {

background-color: #FFFFFF;

height: 135px;

}

#menu{

padding: 10px;

width: 180px;

float: left;

background-color: #DCDCDC;

}

#conteudo{

padding: 10px;

width: 510px;

float: left;

background-color: #F5F5F5;

}

#outros{

padding: 10px;

width: 210px;

float: left;

background-color: #DCDCDC;

}

#rodape {

background-color: #FFFFFF;

height: 45px;

clear: both;

}

</style>

/*FIM, DIVISÕES*/

/*INICIO, RETIRA SUBLINHADO DOS LINKS E A BORDA DAS IMAGENS*/

<style type="text/css">

A:link {text-decoration:none}

A:visited {text-decoration:none}

A:active {text-decoration:none}

A:hover {text-decoration:none}

a img {

border-width:0;

}

</style>

/*FIM, RETIRA SUBLINHADO DOS LINKS E A BORDA DAS IMAGENS*/

E-mail/MSN: giovanniprade@yahoo.com.br

Compartilhar este post


Link para o post
Compartilhar em outros sites

Arriba muchacho...

talvez seria interessante definir a fonte e o tamanho que os textos do seu site tiver como ex:

*{

font-size:10px;

font-family:arial, verdana;

}

ou então você pode definir um tamanho e tipo de fonte para uma determinada tag ex:

h1{

font-size:12px;

}

e assim por diante

[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites
Arriba muchacho...

talvez seria interessante definir a fonte e o tamanho que os textos do seu site tiver como ex:

*{

font-size:10px;

font-family:arial, verdana;

}

ou então você pode definir um tamanho e tipo de fonte para uma determinada tag ex:

h1{

font-size:12px;

}

e assim por diante

[]'s

Ola gilmara

obrigado pela dica ... mais não sei se eu que to fazendo errado ou é algum erro nos codigos do site

eu coloco o codigo pra chamar o .CSS

<link rel="stylesheet" type="text/css" href="estilo.css" />

Dentro do estilo.css coloquei os codigos fonte que você passo, mais não mudou ainda.

Se puder me dar mais alguma dica

Compartilhar este post


Link para o post
Compartilhar em outros sites

mais não está mudando nada, nada, nadinha?!

se não está mudando nadinha, então o nome do arquivo css está errado, ou então você tem que verificar se ele está em uma pasta ou não. para acrescentar na frente do nome do arquivo

caso ele esteja pegando só algumas formatações, então provavelmente sej problema da sua sintaxe.

Espero ter ajudado

[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

gilmara_elisa brigadão

Consegui agora ....rss

ta funcionando perfeitinho... eu me bati um bocado pra fazer funcionar, mais deu certo

Agora em cada pagina tem somente um link que leva aos comando CSS, muito bom ....

É meio difícil aprender somente com auxilio de apostilas e net...

Sua juda foi muito grande :D

valeu

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

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





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

×