General

A Selection of Code Snippets from Design Reviver Answers

February 19, 2010 • By

Everyday Design Reviver Answers is offering solutions via useful snippets of code, helpful resources and general tips for all your web design issues. And as such we would like to share with you our favorite code snippets from this last week.

It has been yet another good week, thanks for your support!

Have you asked a question yet?

How Can I Display More Than One Twitter Feed On My WordPress Blog?

We do this by accessing the persons Twitter account RSS feed, then fetching it and embedding it on your site.

Replace the example RSS’s with the ones you’d like.

get_item_quantity(3);
$rss_items = $rss->get_items(0, $maxitems);
?>

    <?php if ($maxitems == 0) echo '

  • No items.
  • ';
    else
    // Loop through each feed item and display each item as a hyperlink.
    Foreach ( $rss_items as $item ) : ?>

  • <a href='get_permalink(); ?>'>
    get_title(); ?>

I Have Multiple Authors On My Site, How Can I Display Their Info?

If you want to display their info at the bottom or beginning of the post, then use this and place it in the corresponding area of your WordPress files. (i.e. Single.PHP or Comments.PHP)

Edit the author box as necessary.

How Can I Display Someone Else’s FeedBurner Post On My Site?

You can add the following jQuery code anywhere you want on the site (i.e. Sidebar, footer, etc.) Just remember to replace and specify which feed you’ll be recalling.

$(document).ready(function(){
$.ajax({
type: "GET",
url: "http://feeds.feedburner.com/examplefeed",
success: Function(data){
$("#date").text($(data).find("item:first>pubDate:first").text());
$("#title").html("link:first").text()+"'>"+$(data).
find("item:first>title:first").text()+"");
$("#description").html($(data).
find("item:first>description:first").text());
}

What Can I Use To Place A Shadow Behind My Images And Outlines?

If you’re refering to having your images and boxes with a drtop shadow, then you need the Box Shadow CSS feature to work for you. Here’s what you need to place in your CSS:

.shadow {
box-shadow: 3px 3px 3px #f2f2f2;
-moz-box-shadow: 3px 3px 3px #f2f2f2;
-webkit-box-shadow: 3px 3px 3px #f2f2f2;
}

What’s The Easiest Way To Redirect A Specific Page On My Site?

If you want to redirect users to another site once they enter a specific area on your site then you just have to use some of this Javascript code in the page to be redirected from:

Replace the www.google.com with the URL address you wish to redirect to.

Unanswered Questions

There are always some questions that seem to get through the net, can you help us answer them?

  1. What Is A Good Resource To Create Style Sheets For Multiple Web Browsers?
  2. How To Create A Profile Which Can Be Navigated, Without Using HTML Or Flash?
  3. How Do You Find New Clients?
  4. What Are Your Top Usability Tips For Web Designs?
  5. What’s A Good Mobile Framework To Use?
  6. How Can I Integrate ECommerce On My Site Without Any Coding?

Thanks again, firstly to everyone who asked a question, but most importantly thanks to everyone that took the time to offer always helpful and useful answers.

(Visited 32 times, 1 visits today)