4 replies to this topic

[YoYoGirl]

Olá,
Quem manja de CSS, gostraia que me explicasse como fazer esse relógios, calendários e contadores com imagens de fundo difrentes.
Já preguntei isso para a pessoa que sabia fazer mas a sua boa vintade se explicar foi minima que ela disse que utilizou o código do contador e ouitros, utilizando css e fez um upgrade...
Se alguém souber me explica como faz isso serei grata eternamente!!!!

YoyoGirl

[COWBOY_4ever]

relógios, calendários e contadores com imagens de fundo difrentes

Poderia passar um link com exemplo disso?

[Without a Nick]

O máximo que entendi é assim:

Criar classes ou ids. Ids eu não vou usar, pois pode interferir no código.

Mas é assim: uma classe é uma função css que você pode colocar para qualquer objeto, como um input, um checkbox, um radio, etc.

Um exemplo:

<style type="text/css">
<!--
.teste {color:red;}
//-->
</style>
<input type="text" name="campo" class="teste">

No caso, você cria diversas classes e nos scripts você adiciona o atributo class.

Para colocar imagem de fundo, você adiciona:

background-image:url('[B]local_da_imagem.gif[/B]');

Vá fazendo isso.

Se num for isso, nos avise. E, por favor, como o COWBOY_4ever disse, dê-nos um exemplo, por favor.

[YoYoGirl]

Olá Cowboy_4ever e Without a Nick
Um exemplo do que eu estou dizendo seria isso aki
tudo para blogs na parte de imagens no menu úteis.
Templates By Marina
Esses dois saum de calendários.
E de relógios e contadores seguem o mesmo estilo, pelo menos é o que parce...
Estpu fazendo um curso de web desing mas num entra mto detalhadamente nessa parte de css, apenas qdo eu passar para o intermediário...
Bom agrdeço a ajuda e atenção...
Se vcs conseguirem me ajudar nisso serei eternamente grata...
Valew

YoyoGirl

[COWBOY_4ever]

Vou usar o exemplo do calendário....
Ele, o calendário, é uma tabela. Dentro da tag <table>, que marca o início da tabela tem os atributos e seus respectivos valores. Um deles é background, que define a imagem de fundo da tabela. Para trocar, basta mudar o caminho da imagem de fundo.

Abaixo, está o início do código do calendário que está no Tudo para Blogs:

<TABLE bgcolor="#ffffff" style="border:1pt solid #666666;border-collapse:collapse" cellpadding="0" background="http://www.tudoparablogs2.hpg2.ig.com.br/Calendarios/calendario1.gif" bordercolor="#111111" cellspacing="0">

No lugar do endereço da imagem (que está de azul), coloque o endereço de sua imagem, que deve ter a mesma medida da original.