[jQuery] كود الاعلانات النصية بشكل انسيابي ولا أروع !

//code footer by simoelmaachi
jQuery(document).ready(function()  {
  jQuery("#page-footer").append('
<br><center><div id="code-35-simoelmaachi">
<ul class="simoelmaachi45">
    <li><a href="/">اعلانك هنا</a></li>
    <li><a href="/">اعلانك هنا</a></li>
    <li><a href="/">اعلانك هنا</a></li>
    <li><a href="/">اعلانك هنا</a></li>
</ul>
<ul class="simoelmaachi45">
    <li><a href="/">اعلانك هنا</a></li>
    <li><a href="/">اعلانك هنا</a></li>
    <li><a href="/">اعلانك هنا</a></li>
    <li><a href="/">اعلانك هنا</a></li>
</ul>
<ul class="simoelmaachi45">
    <li><a href="/">اعلانك هنا</a></li>
    <li><a href="/">اعلانك هنا</a></li>
    <li><a href="/">اعلانك هنا</a></li>
    <li><a href="/">اعلانك هنا</a></li>
</ul>
<ul class="simoelmaachi45">
    <li><a href="/">اعلانك هنا</a></li>
    <li><a href="/">اعلانك هنا</a></li>
    <li><a href="/">اعلانك هنا</a></li>
    <li><a href="/">اعلانك هنا</a></li>
</ul>
<ul class="simoelmaachi45">
    <li><a href="/">اعلانك هنا</a></li>
    <li><a href="/">اعلانك هنا</a></li>
    <li><a href="/">اعلانك هنا</a></li>
    <li><a href="/">اعلانك هنا</a></li>
</ul>
</div>
</center>

');
});

#code-35-simoelmaachi {
  width:950px;
  height:130px;
  margin:20px 35px 0px auto;
}
#code-35-simoelmaachi .simoelmaachi45 {
  float:right;
  padding: 5px;
  margin:0px 0px 0px 17px;
}
#code-35-simoelmaachi .simoelmaachi45 li {
  background-image: url(http://i42.servimg.com/u/f42/15/82/05/23/cotent10.png);
  background-repeat: no-repeat;
  height: 32px;
  width: 162px;
  display: block;
  direction: rtl;
  line-height: 25px;
  text-indent: 30px;
}
#code-35-simoelmaachi .simoelmaachi45 li:hover {
  background-image: url(http://i42.servimg.com/u/f42/15/82/05/23/cotent11.png);
  color:#33799c;
}
#code-35-simoelmaachi .simoelmaachi45 li a {
  color:#747474;
  text-shadow:#f6f6f6 0px 1px 1px;
  font-size:12px;
  font-family:Tahoma, Geneva, sans-serif;
  font-weight:bold;
  text-decoration:none;
  display: block;
}
#code-35-simoelmaachi .simoelmaachi45 li a:hover {
  color:#33799c;
}
#content {
  background-image: url(http://i42.servimg.com/u/f42/15/82/05/23/conten10.png);
  background-repeat: repeat;
  width: 980px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  padding-top: 10px;
}
#code-35-simoelmaachi {
background: url(http://www14.0zz0.com/2012/12/15/16/793880434.png) no-repeat;
height: 359px;
overflow: hidden;
}