Watch the sample below:

Transparent Element

All of the 4 boxes actually have the same color, red. What make each looks different is the -moz-opacity setting. Box number 1 has 25% opacity (0.25), box number 2 has 50% opacity (0.5), box number 3 has 75% opacity (0.75), and the last box number 4 has 100% opacity (1).

Here is the code:

[css].bigBox {
background-color: black;
width: 100px;
height: 100px;
border: 1px solid #000;
margin: 0 5px 10px 0;
padding: 0;
float: left;
display: block;
}

.box1, .box2, .box3, .box4 {
background-color: red;
width: 50px;
height: 50px;
border: 0;
margin: 0;
padding: 0;
float: left;
text-align: center;
color: white;
}

.box1 {
-moz-opacity: 0.25;
opacity: 0.25;
}

.box2 {
-moz-opacity: 0.5;
opacity: 0.5;
}

.box3 {
-moz-opacity: 0.75;
opacity: 0.75;
}

.box4 {
-moz-opacity: 1;
opacity: 1;
}[/css]

[html]
1
2
3
4
[/html]

Try to combine this with element who has background image and you will surely get a nice effect. Hover will look good too. I already implement this in my comment list element. If you want to see it, just find any post in my blog that has lot of comments, and check out the comment box.

Don’t forget. This is Mozilla/Firefox spesific CSS. Sorry to IE users, get FireFox please.

Good luck!

Look the sample of code below:

[css]::-moz-selection{
background-color: #ff0000;
color: #fff;
}[/css]

now when user selected or highlighted any text, the background color will change to red (#ff0000) and the text color is white (#fff). I used that style on this site so simply highlighted any text here and see the result.

Do not forget that this is Mozilla’s specific CSS, so it won’t work on Internet Explorer. I hope this property will be included on CSS3 specification draft so more browser will support it.

The feature will enable you to easily and quickly grab the contents of your GMail inbox using RSS feed. To try that feature, just use this URL as your RSS feed URL:

https://USERNAME : PASSWORD @ gmail.google.com/gmail/feed/atom

Replace the USERNAME with your GMail username, and the PASSWORD with your GMail password. You need to paste that URL into your browser address bar and you can start to read your email. That is so easy.

Otherwise, I think this is not a good idea to have your password shown on the browser. Especially, if you are using public feed aggregator service, like feedburner, since they might get your GMail password.

Which one is the best? I don’t know, and I think this is not important to know. I am using Yahoo! and also Google. How about you? Do you like to use them at once?

Someone have making a website named YaGoohoo!gle (link). That website unites Yahoo! and Google search engine in one page. So you can use those two search engine just in one click. No more windows! And, off course, it will saves your time online.

Follow these steps to update the plugin:

1. Copy these code:

<? if (! function_exists(”related_posts”))
{

function related_posts($limit=5, $len=10, $before_title = ”, $after_title = ”, $before_post = ”, $after_post = ”, $show_pass_post = false, $show_excerpt = false, $before_last_title = ”, $after_last_title = ”) {

global $wpdb, $post, $tableposts;

if ($before_last_title == ”) {
$before_last_title = $before_title;
}
if ($after_last_title = ”) {
$after_last_title = $after_title;
}

$postcustom = get_post_custom_values(’keyword’);
if (!empty($postcustom)) {
$values = array_map(’trim’, $postcustom);
$terms = implode($values, ‘ ‘);
} else {
$terms = str_replace(’-', ‘ ‘, $post->post_name);
}

$time_difference = get_settings(’gmt_offset’);
$now = gmdate(”Y-m-d H:i:s”,(time()+($time_difference*3600)));

$sql = “SELECT ID, post_title, post_content,”
. “MATCH (post_name, post_content) ”
. “AGAINST (’$terms’) AS score ”
. “FROM $tableposts WHERE ”
. “MATCH (post_name, post_content) ”
. “AGAINST (’$terms’) ”
. “AND post_date < = '$now' "
. "AND (post_status = 'publish' && ID != '$post->ID’) “;
if (!$show_pass_post) { $sql .= “AND post_password =” “; }
$sql .= “ORDER BY score DESC LIMIT $limit”;
$results = $wpdb->get_results($sql);
$output = ”;
if ($results) {
$index = 1;
foreach ($results as $result) {
$title = stripslashes(apply_filters(’the_title’, $result->post_title));
$permalink = get_permalink($result->ID);
$post_content = strip_tags($result->post_content);

$post_content = stripslashes($post_content);
if (($limit>1) && ($index==$limit)) {
$output .= $before_last_title .’‘ . $title . ‘‘ . $after_last_title;
} else {
$output .= $before_title .’‘ . $title . ‘‘ . $after_title;
}
if ($show_excerpt) {
$words=split(” “,$post_content);
$post_strip = join(” “, array_slice($words,0,$len));
$output .= $before_post . $post_strip . $after_post;
}
$index++;
}
echo $output;
} else {
echo $before_title.’No related posts’.$after_title;
}
}

// End of related_posts
?>

2. Go to line 52. It should read:
   if (! function_exists("related_posts"))
3. Scroll down a little bit and find line contains:
   // End of related_posts
It should be on around line 110.
4. Now remove line 52 until above line, and replace it with the new code you have copied from the point number one. Save your works.
5. The new related_post function will now have 2 extra parameter, $before_last_title and $after_last_title. Modify your theme to match the new function.
   Mine is:
   Related Post: < ?php related_posts(5, 10, '', ', ', '', '', false, false,' and ','.'); ?>

Good luck!