Ir para conteúdo
Fórum Script Brasil

Maujor

Membros
  • Total de itens

    17
  • Registro em

  • Última visita

Posts postados por Maujor

  1. A resposta do M@luco esta OK, mas acresento tres observações sobre as regras CSS postadas:

    1-) em CSS declare sempre uma lista de fontes, terminando por uma família genérica;

    2-) a propriedade CSS font admite declaração única, então use-a nas suas folhas de estilo;

    3-) a propriedade normal é default e não precisa ser declarada.

    .titulo {

       font-family: Arial;

       font-size: 20pt;

       font-weight: normal;

       font-style: normal;

       color: #333399;

    }

    a regra CSS acima, preferencialmente escreva assim:

    .titulo {

    font: 20pt Arial, Verdana, Helvetica, Sans-serif;

    color:#333399;

    }

    <div align="center" class="titulo">esse é o estilo deo título</div>

    align="center" dentro da tag div não tem sentido aqui. Declare o alinhamento na regra CSS para a classe .titulo acresentando text-align:center

    Tutorial para a propriedade font e outros tutoriais CSS

  2. Se o menu esta formatado com CSS, as alterações nele serão implementadas pela Folha de Estilo que o define!.

    Por que razão voce atrelou o menu a um região editavel de um modelo?

    Como voc~e esta conseguindo alterar o menu via modelo se por esta via só se consegue alterar HTML?

    Construa um menu CSS para o index e outro CSS para as demais páginas e altere-os por alteração nas CSS e não em HTML do modelo!

  3. Olá Vinicius,

    #menu p {

    background-color: #0033FF;

    text-align: center;

    margin: 0px;

    padding-top: 3px;

    padding-right: 5px;

    padding-bottom: 3px;

    padding-left: 5px;

    border: 1px solid #FFFFFF;

    }

    1-) Na regra CSS acima do seu menu substitua todas as declarações de padding por uma declaração unica:

    padding:3px 5px;

    2-) Altere o valor 3px para 10px (por exemplo). Este valor (padding-top e padding-bottom) controla a altura que você quer alterar.

  4. Ola JPaulo

    Tai a regra CSS para ser inserida na tag <head>

    <style type="text/css">
    <!--
    body {
    scrollbar-arrow-color:#000000;
    scrollbar-3dlight-color:#000000;
    scrollbar-highlight-color:#FF0000;
    scrollbar-face-color:#FFFFFF;
    scrollbar-shadow-color:#0000FF;
    scrollbar-darkshadow-color:#FFFF00;
    scrollbar-track-color:#00FF00;
    }
    -->
    </style>

  5. Ola,

    Vamos por partes:

    1-) SSparsbrod, a montagem de layout com CSS, não é tão simples quanto a tirar um sublinhado do link, ou colorir uma barra de rolagem :-), mas também não tem mistérios profundos. Como você já se mostrou disposto a "estudar pra caramba" logo, logo vai estar dominando a técnica. O Elias já te deu a dica : float e clear.

    2-) Eu não tenho fórum CSS! Sou moderador do fórum CSS da DWOnline (uma comunidade voltada para Dreamweaver)

    3-) Estou montando uma área de tutoriais voltada para CSS Layout para inserir no meu site a partir de fevereiro/2004. Por enquanto lá tem este LAYOUT CSS somente.

  6. Olá Roberta,

    Você pode conseguir mais efeitos com CSS no elemento select do HTML.

    Copie e cole o código abaixo, dentro da tag <body> e dê uma olhada no seu navegador!

    Estude o código, faça modificações e você vai conseguir efeitos bem interessantes.

    <form  style="padding:10px; width:250px; border-top:3px solid #cccccc; border-left:3px solid #cccccc;">
    <select name="teste" style="background: #000000; font: bold italic Verdana, Arial, Helvetica, Sans-serif; color:#00ff00; ">
    <option value="#" >Valor de teste um
    <option value="#">Valor de teste dois
    <option value="#">Valor de teste tres
    <option value="#">Valor de teste quatro
    </select>
    <input type=button value="OK" style="background: #ff0000; font: 12px  Arial,  Verdana,Helvetica, Sans-serif; color:#ffffff; border: 3px outset #00ff00; ">
    </form>

    Para tutoriais completos de CSS visite meu site.

  7. Olá Fábio,

    É possível sim, mas você tem que usar um artifício!

    A propriedade CSS underline-color não existe em CSS1, mas se você declarar uma BORDA inferior na cor vermelha para o estado Hover, vai conseguir o efeito que procura.

    No seu código troque a última linha para:

    A:Hover   {  color : blue; text-decoration : none;  border-bottom: 1px solid #ff0000; }

    e veja se é isso que você procura.

    Se não resolver, volte a perguntar.

    Nota:O host do meu site andou fazendo umas trocas de máquinas e por isso você não conseguiu acessá-lo.

    Tente de novo que está tudo OK.

    Aguardo tua visita.

×
×
  • Criar Novo...