IPB

( Zaloguj | Zarejestruj )

 
Reply to this topicStart new topic
> Wygląd daty
Caroline81
post 29.7.2009 - 07:17
Post #1


aktywność:


Grupa: +Bloger
Postów: 18

Nr: 6 568



Mam mały problem. W pliku css, który dostosowują do wyglądu mojej stronki data wygląda tak:

KOD
h4.date {
margin: 0px;
padding: 0px;
text-align: right;
color: #A52E43;
font-size: 11px;
font-weight: normal;
font-family: verdana;
background-color: transparent;
text-transform:normal;
line-height: 14px;
padding-right: 25px;
padding-top: 5px;
}


.date a:link, .date a:visited {
color: #A52E43;
text-decoration: none;
}


.date a:hover {
color: #666666;
text-decoration: underline;
}



Ja chcę osiągnąć podobny efekt jak poniżej w przykładzie - osobno dzień, osobno miesiąc i tło w postaci kwadracika:
KOD
.date {
height: 45px;
margin: 0px 6px 0px 7px;
width: 75px;
text-align: center;
float: left;
background: url('images/date.png') no-repeat top;        
}
.date .month {
display: block;
color: #98918c;
padding: 2px 0px 0px 0px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
margin-top: 6px;
font-weight: bold;    
font-family: Arial;
margin-bottom: 3px;
}
.date .day {
display: block;
color: #8c8e7c;
font-size: 10px;
margin-top: 5px;
font-family: Tahoma;
text-align: center;
margin-top: -3px;
}


Niestety ni e bardzo mi to wychodzi. Jak dostosować ten mój kod do tego przykładowego?

Pomóżcie mi się z tym uporać.

Ten post edytował Caroline81 29.7.2009 - 07:18
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



: 23 05 12 - 16:59