Date css
.date { text-align:center; font-weight: bold; line-height: 1.3em; margin-bottom: 0.5em; float:right; } .date .day { font-size: 2em; color:#2d2926; } .date .month { font-size: 1em; text-transform:uppercase; color:#2d2926; border-bottom: 1px solid #F9423A; } .date .time { font-size: 1em; text-align:left; color:#999999; font-weight:normal; padding-top:2px; } 07 SEP 7pm
Benson McCormack
Overflow work from Chris Myer Designs: WORDPRESS AND CSS CODING ONLY (psd was provided) View Prototype site Here
Shift Happens Now!
Freelance Client: From design brief and PSD to WordPress site View Full Site Here
Realtime IR
Short-term contract: WordPress blog site for multi national company Intergrated Research View Full Site Here
Mike Monteiro- F*ck You. Pay Me.
Mike Monteiro, Design Director, and co-founder of Mule Design Studio (muledesign.com). This event took place on March 25, 2011 and was sponsored by Happy Cog and Typekit (who also hosted the event at their office in the Mission). 2011/03 Mike Monteiro | F*ck You. Pay Me. from SanFrancisco/CreativeMornings on Vimeo. Our speaker at the March...
WP: Get posts from one author in one category
<h3> Related Posts<?php the_author_posts_link(); ?></h3> <?php $original_query = $query_string; query_posts( ‘category_name=blogs&showposts=10&exclude’.$post->ID.’&author=’.$post->post_author ); if (have_posts()) : ?> <ul> <?php while (have_posts()) : the_post(); ?> <li><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”‘Permanent link to <?php the_title_attribute(); ?>”> <?php the_title(); ?></a></li> <?php endwhile; ?> </ul> <?php endif; wp_reset_query(); ?>
CSS: Adding a piped nav menu (minus the first one)
From the List Apart article Taming Lists A pipe character, |, is often used to differentiate between choices. It is an obvious separating character, and can be emulated by adding borders to list items: #pipe ul { margin-left: 0; padding-left: 0; display: inline; } #pipe ul li { margin-left: 0; padding: 3px 15px; border-left: 1px...
css image rollovers
I was looking for a css solution to the normal java-script/html combo for the rollover social icon images I was putting in the header of http://realtime.ir.com The CSS a#rollovertwit { background-image:url(images/social/twit_grey.png); height: 15px; width:15px; display:block;float:left; margin-right:2px;} a#rollovertwit span { display:none; } a#rollovertwit:hover { background-image:url(images/social/twit_over.png); } a#rolloverin { background-image:url(images/social/in_grey.png); height: 15px; width:15px; display:block; float:left; margin-right:2px;} a#rolloverin...
The Deconstruction of adding a Author Page in WP
Using PHP drawing from authors profile and the Author Image Plugin For WordPress Save it as author.php. <?php get_header(); ?> <div> <!– This sets the $curauth variable –> <div id=”authorpage”> <?php if(isset($_GET['author_name'])) : $curauth = get_userdatabylogin($author_name); else : $curauth = get_userdata(intval($author)); endif; ?> <h2> <?php echo $curauth->nickname; ?></h2> <!– next line adds the image –>...
“FireBug Like” Tools in Safari
Article from Mac Developer Tips on how to set up the Web Inspector in Safari. http://macdevelopertips.com/defaults/firebug-like-tools-in-safari.html
First Look at the New Attica Winter Range
The fine gents at Attica Wetsuits have proudly released their new 2011 Winter Range. The new Attica rubber looks good! But don’t just take our word for it, check out the whole range at atticawetsuits.com now!
