Tags
- CSS (11)
- Design (9)
- HTML (7)
- Inspiration (6)
- Links Roundup (6)
- Typography (6)
- illustration (6)
- Creativeness (5)
- Development (5)
- Javascript (4)
- View all 77 tags
- Links (3)
- Mobile (3)
- Tutorial (3)
- Markup (2)
- Minimalist (2)
- Tips (2)
- Vintage (2)
- Xcode (2)
- Xmas (2)
- jQuery (2)
- photoshop (2)
- progressive enrichment (2)
- retro (2)
- Badge (1)
- Bookmarklet (1)
- Cards (1)
- Christmas (1)
- DOM (1)
- Date (1)
- Drop Caps (1)
- Illustrator (1)
- Link (1)
- PHP (1)
- Pizza by the slice (1)
- Redesign (1)
- Roy Doty (1)
- Twitter (1)
- UI (1)
- UX (1)
- Vector (1)
- Wordpress (1)
- accessibility (1)
- adjacent sibling selector (1)
- animation (1)
- barack (1)
- bug (1)
- clearfix (1)
- collage (1)
- color (1)
- css 3 (1)
- easy-clearing (1)
- election (1)
- form (1)
- freebies (1)
- gogobot (1)
- group (1)
- halloween (1)
- iPhone (1)
- ie7 (1)
- image editor (1)
- ios (1)
- job (1)
- label (1)
- obama (1)
- oneyear (1)
- portfolio (1)
- progressive enhancement (1)
- pumpkin (1)
- rgba (1)
- roundup (1)
- scroll (1)
- spooky (1)
- steampunk (1)
- tools (1)
- tooltip (1)
- webkit (1)
- yes we can (1)
Archive
April 27th, 3:29am
0 comments
Create Date Badge with Wordpress and CSS
This tutorial will walk you through creating date badges with Wordpress and CSS.
Let's start of by adding the necessary markup to render the appropriate date format. Create a DIV element with a class of "entryDate" and three children SPANs with respective classes "postMoth", "postDay", and "postYear".
Add the PHP code to get the post date from the database as shown bellow. For more PHP date format go to http://us.php.net/date
Markup
Now let's add styles to make it look pretty.
