WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Blog date thingly :(

View previous topic View next topic Go down  Message [Page 1 of 1]

1Blog date thingly :( Empty Blog date thingly :( Sat Jul 24, 2010 5:37 pm

GleeksUltimate


Registered Member
Registered Member
I have tried to change the blog date container via CSS and it wont work.

Here is the code I am using:
Code:
.blog_cal-content {
   width: 42px;
   background-image: url ('http://img64.imageshack.us/img64/4599/calendarn.gif');
        background-repeat: no-repeat;
   padding: 1px;
   line-height: 1.4em;
   text-align: center;
   font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
   color: #ffffff;
   }

Can anyone help me? I am using PunBB

2Blog date thingly :( Empty Re: Blog date thingly :( Sat Jul 24, 2010 5:50 pm

ankillien

ankillien
Administrator
Administrator
What do you want to achieve with it?
The code works for me.

3Blog date thingly :( Empty Re: Blog date thingly :( Sat Jul 24, 2010 6:07 pm

GleeksUltimate


Registered Member
Registered Member
I want the ugly blue blog date element spiced up with that image, here is an example...

Blog date thingly :( New10

4Blog date thingly :( Empty Re: Blog date thingly :( Sat Jul 24, 2010 7:13 pm

ankillien

ankillien
Administrator
Administrator
This code should do the trick...

Code:
.blog_cal-content {
background : url(http://img64.imageshack.us/img64/4599/calendarn.gif) no-repeat;
}
.blog_cal-month {
color : #444;
font-size : 14px;
padding-top : 4px;
}
.blog_cal-day {
color : #444;
font-size : 12px;
margin-top : -3px;
}

5Blog date thingly :( Empty Re: Blog date thingly :( Sat Jul 24, 2010 7:19 pm

GleeksUltimate


Registered Member
Registered Member
It has, but there is a border around it.

Also is there anyway to change the month into words rather then numbers?

6Blog date thingly :( Empty Re: Blog date thingly :( Sat Jul 24, 2010 7:47 pm

ankillien

ankillien
Administrator
Administrator
To remove the border, add border:none; inside .blog_cal-content {...}

There is no way to convert number into word, sorry.

7Blog date thingly :( Empty Re: Blog date thingly :( Sat Jul 24, 2010 8:24 pm

GleeksUltimate


Registered Member
Registered Member
Still has not worked Sad

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Blog date thingly :(

Permissions in this forum:
You cannot reply to topics in this forum