Connect with us

Tips & Tricks

Styling your ordered & unordered list items into 2 columns

Published

on

In a previous post I showed you how to create a custom widget, then I showed you how to create a widget for your monthly archives, and limit the month’s that show. I am showing the past 4 months in my widget at this time.

One of my readers: Alex asked:

How did you make the archives widget to show the dates separately into two columns?

Now I will show you a CSS trick to create this effect:

First we will give the unordered list a width of 100%:

ul#archives {
	width:110%;
	}

Then we will style the <li> nested inside.

ul#archives li {
	display:inline;
	float:left;
	width:120px;
	}

And that is it. Please make sure that you clear the float after your closing </ul>.

Continue Reading
4 Comments

4 Comments

  1. Alex

    February 15, 2009 at 7:28 pm

    Thank you, man!

  2. trosor

    February 22, 2009 at 2:04 pm

    nice information

  3. cotton

    February 23, 2009 at 1:51 am

    This is great but is there away to make the list go 1-2 on the left column and then 3 & 4 on the right. I have spent ages trying to organize a list like that. I think it would make sense, if you have a list in 2 columns, you first read the left one and then the right one. Any thoughts or suggestions on this would be much appreciated

    • frosty

      February 23, 2009 at 1:50 pm

      As far as I know, I don’t know a way to do this.

You must be logged in to post a comment Login

Leave a Reply

Tips & Tricks

Remove spaces when echoing the_title

Ever wanted to print or echo the WordPress title attribute without spaces?

Published

on

This little trick can be useful for calling custom functions and printing the title with out spaces for W3C compatibility. I used this trick in a new theme called Galleria, which will be out for public download in the coming days.

Using this comes in handy for a delicious text link:

<?php $title = get_the_title(); ?>
<a href="http://del.icio.us/post?url=<?php echo $title; ?>&amp;<?php echo str_replace(" ", "%20", $title); ?>">
Bookmark This (<?php echo $title; ?>)</a>

What I am doing is calling $title = get_the_title(); and using str_replace(" ", "%20", $title); to replace empty spaces with a %20, which is used in URL encoding empty spaces.

Alternatively you can use a dash or underscore.

Thanks to Jason Boyle for his adaption.

Continue Reading

Tips & Tricks

Display the_excerpt only if there is text

Have you ever wanted to display the excerpt only if you write one? A simple couple lines of code can display the_excerpt any where you like.

Published

on

In my new theme, I am using this coded trick to display the excerpt on a single post only if I’ve got text inside. Usually if you use the_excerpt and you don’t have one, it will fake one for you.

This is not something that I wanted to do on the single post page. So I used the following code to check if the excerpt existed.

if ( !empty( $post->post_excerpt ) ) :

Once this action is taken into account, you can factor in what code you want to out put if the post_excerpt isn’t empty.

if ( !empty( $post->post_excerpt ) ) :
	the_excerpt();
else :
	false;
endif;

The above code checks if there is an excerpt and print’s it to the screen. If there isn’t an except, it doesn’t do anything.

Continue Reading

Tips & Tricks

Add a shortcode

Published

on

This is a simple one.

/**
 * Your Blog title
 *
 */
function my_blog_title() {
	$blogname = get_bloginfo('name');
    return '<span class="blog-title">' . $blogname . '</span>';
}		  	
add_shortcode('blog-title', 'my_blog_title');

Just add this to your functions.php file and then add [blog-title] in any post or page and it will return your Blog Title. :)

Continue Reading

Random Search Terms

Title

Recent Posts: Fully Net Worth . com

Pratt Daddy Crystals Net Worth – & more crazy stats

Pratt Daddy Crystals Net Worth – & more crazy stats

Pratt Daddy Crystals Net Worth. How much is the pratt daddy crystals company worth? Let us go through what we know and what we don’t know about this company, seems like a lot of people are interested in knowing exactly how many sales does the pratt daddy crystals company make or what pratt daddy is […]

Todd Tucker Net Worth: 5 Interesting Facts You Should Know

Todd Tucker Net Worth: 5 Interesting Facts You Should Know

Todd Tucker is a well-known producer who has been an executive producer for several successes. Tucker was born on August 4, 1973, in Georgia. Among his several successes, some of them are My Super Sweet 16 with Reginae Carter & Lil Wayne, Hollywood Divas, A Mother’s Love, and TV One: Ebony Fashion Fair. 1. Todd […]

Allison Dunbar Wiki & Net Worth: Facts to Know about Her

Allison Dunbar Wiki & Net Worth: Facts to Know about Her

Allison Dunbar Wiki Allison Dunbar is an American actress known for her appearance on movies and TV shows like Quick Draw, 2 Broke Girls, The Convent, Daybreak and Strip Mall. Not much information is available about Allison Dunbar regarding her personal life, date of birth and education. What we know is that she started her […]

Ashley Massaro Net Worth: 5 Interesting Facts You Should Know

Ashley Massaro Net Worth: 5 Interesting Facts You Should Know

Ashley Massaro was an American professional wrestler, model, and television personality. She was known for her time with WWE and her appearance on show “Survivor: China”. Here are some interesting facts about Ashley Massaro. 1. Ashley Massaro net worth is estimated to be $2 million. Ashley Massaro net worth before her death is estimated to […]

Trending