ممكن هذا الكود بسرعة

...........

                  

تفضلي

الكود:


<script src="http://foryamany1.googlecode.com/svn/trunk/4egy/bdayh.js" type="text/javascript"></script>
  <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/custom.js" type="text/javascript"></script>
  <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/easing.js" type="text/javascript"></script>
<style>
.slideset {
  width: 960px;
  height: 167px;
  margin: auto;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.slideset .next {
  position: absolute;
  right: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -5px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .prev {
  position: absolute;
  left: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -35px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .slidesetCont {
  width: 905px;
  margin: auto;
  position: relative;
  background: #000;
}
.slidesetCont ul {
  float: right;
  width: 100%;
}
.slidesetCont ul > li { float: left; }
.slidesetCont ul > li a {
  display: block;
  width: 200px;
  height: 145px;
  padding: 6px;
  overflow: hidden;
  background: #FFF;
  border: 1px #d2d2d2 solid;
  margin: 0 7px;
}
.slidesetCont ul > li a img {
  background: #EEE;
  width: 200px !important;
  height: 145px !important;
  display: block;
}
ul, li, ol {
  list-style: none;
  outline: 0px;
}
</style>
 <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/ads.js" type="text/javascript"></script><div class="slideset"> <a class="next" href="#">التالي</a> <a class="prev" href="#">السابق</a>
  <div class="slidesetCont">
      <ul class="set1">
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/microsoft-surface-tablets-the-differences-between-rt-and-window-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/nexus7-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/C710-2605-Chromebook-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-12-at-4.53.39-PM-150x150.png" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                        </ul>
  </div>
</div>
<!--//slideset-->
<! --- code prog by www.4egy.net ---> 

يوجد ب الكود كثير من الصور
ومعروف رابط الصورة

الكود:

http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png

ورابط المتصل ب الصورة

الكود:

4egy.net

........................

..............

..

تفضلي يا اختي خليتهم 6 

الكود:


<script src="http://foryamany1.googlecode.com/svn/trunk/4egy/bdayh.js" type="text/javascript"></script>
  <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/custom.js" type="text/javascript"></script>
  <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/easing.js" type="text/javascript"></script>
<style>
.slideset {
  width: 960px;
  height: 167px;
  margin: auto;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.slideset .next {
  position: absolute;
  right: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -5px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .prev {
  position: absolute;
  left: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -35px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .slidesetCont {
  width: 905px;
  margin: auto;
  position: relative;
  background: #000;
}
.slidesetCont ul {
  float: right;
  width: 100%;
}
.slidesetCont ul > li { float: left; }
.slidesetCont ul > li a {
  display: block;
  width: 200px;
  height: 145px;
  padding: 6px;
  overflow: hidden;
  background: #FFF;
  border: 1px #d2d2d2 solid;
  margin: 0 7px;
}
.slidesetCont ul > li a img {
  background: #EEE;
  width: 200px !important;
  height: 145px !important;
  display: block;
}
ul, li, ol {
  list-style: none;
  outline: 0px;
}
</style>
 <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/ads.js" type="text/javascript"></script><div class="slideset"> <a class="next" href="#">التالي</a> <a class="prev" href="#">السابق</a>
  <div class="slidesetCont">
      <ul class="set1">
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/microsoft-surface-tablets-the-differences-between-rt-and-window-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/nexus7-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/C710-2605-Chromebook-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-12-at-4.53.39-PM-150x150.png" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>

              <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>

              <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        </ul>

              <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        </ul>

  </div>
</div>
<!--//slideset-->
<! --- code prog by www.4egy.net --->

 

   

اتفضلى الكود اهو والرابط اما تحبي تغيرية تغيرى الكلمة دى
(http://alkber.forumegypt.net/forum)

الكود:

    <! --- ABBAS.ALKBEER --->   
<script src="http://foryamany1.googlecode.com/svn/trunk/4egy/bdayh.js" type="text/javascript"></script>
      <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/custom.js" type="text/javascript"></script>
      <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/easing.js" type="text/javascript"></script>
    <style>
    .slideset {
      width: 960px;
      height: 167px;
      margin: auto;
      overflow: hidden;
      margin-bottom: 20px;
      position: relative;
    }
    .slideset .next {
      position: absolute;
      right: 0px;
      top: 72px;
      background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -5px;
      width: 18px;
      height: 21px;
      overflow: hidden;
      text-indent: -555px;
    }
    .slideset .prev {
      position: absolute;
      left: 0px;
      top: 72px;
      background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -35px;
      width: 18px;
      height: 21px;
      overflow: hidden;
      text-indent: -555px;
    }
    .slideset .slidesetCont {
      width: 905px;
      margin: auto;
      position: relative;
      background: #000;
    }
    .slidesetCont ul {
      float: right;
      width: 100%;
    }
    .slidesetCont ul > li { float: left; }
    .slidesetCont ul > li a {
      display: block;
      width: 200px;
      height: 145px;
      padding: 6px;
      overflow: hidden;
      background: #FFF;
      border: 1px #d2d2d2 solid;
      margin: 0 7px;
    }
    .slidesetCont ul > li a img {
      background: #EEE;
      width: 200px !important;
      height: 145px !important;
      display: block;
    }
    ul, li, ol {
      list-style: none;
      outline: 0px;
    }
    </style>
    <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/ads.js" type="text/javascript"></script><div class="slideset"> <a class="next" href="#">التالي</a> <a class="prev" href="#">السابق</a>
      <div class="slidesetCont">
          <ul class="set1">
                      <li>
                            <a href="http://alkber.forumegypt.net/forum">
                  <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" />            </a>
                <!--image-->
                        </li>
                      <li>
                            <a href="http://alkber.forumegypt.net/forum">
                  <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/microsoft-surface-tablets-the-differences-between-rt-and-window-150x150.jpg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" />            </a>
                <!--image-->
                        </li>
                      <li>
                            <a href="http://alkber.forumegypt.net/forum">
                  <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/nexus7-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" />            </a>
                <!--image-->
                        </li>
                      <li>
                            <a href="http://alkber.forumegypt.net/forum">
                  <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/C710-2605-Chromebook-150x150.jpg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" />            </a>
                <!--image-->
                        </li>
                      <li>
                            <a href="http://alkber.forumegypt.net/forum">
                  <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-12-at-4.53.39-PM-150x150.png" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" />            </a>
                <!--image-->
                        </li>

                  <a href="http://alkber.forumegypt.net/forum">
                  <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" />            </a>
                <!--image-->
                        </li>
                      <li>

                  <a href="http://alkber.forumegypt.net/forum">
                  <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" />            </a>
                <!--image-->
                        </li>
                      <li>
                            </ul>

                  <a href="http://alkber.forumegypt.net/forum">
                  <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="http://alkber.forumegypt.net" />            </a>
                <!--image-->
                        </li>
                      <li>
                            </ul>

      </div>
    </div>
    <!--//slideset-->
    <! --- ABBAS.ALKBEER --->

اخر شيء ليش في خلفية سوداء ارريده ان تختفي

انتى عايزة الخلفية لونها اية
وكل شىء اتحل ولا فى مشاكل تانى

تفضلي الكود فقط ثلاث صور مع توضيح مكان الصور والروابط

الكود:

<script src="http://foryamany1.googlecode.com/svn/trunk/4egy/bdayh.js" type="text/javascript"></script>
  <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/custom.js" type="text/javascript"></script>
  <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/easing.js" type="text/javascript"></script>
<style>
.slideset {
  width: 960px;
  height: 167px;
  margin: auto;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.slideset .next {
  position: absolute;
  right: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -5px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .prev {
  position: absolute;
  left: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -35px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .slidesetCont {
  width: 905px;
  margin: auto;
  position: relative;
  background: #000;
}
.slidesetCont ul {
  float: right;
  width: 100%;
}
.slidesetCont ul > li { float: left; }
.slidesetCont ul > li a {
  display: block;
  width: 200px;
  height: 145px;
  padding: 6px;
  overflow: hidden;
  background: #FFF;
  border: 1px #d2d2d2 solid;
  margin: 0 7px;
}
.slidesetCont ul > li a img {
  background: #EEE;
  width: 200px !important;
  height: 145px !important;
  display: block;
}
ul, li, ol {
  list-style: none;
  outline: 0px;
}
</style>
 <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/ads.js" type="text/javascript"></script><div class="slideset"> <a class="next" href="#">التالي</a> <a class="prev" href="#">السابق</a>
  <div class="slidesetCont">
      <ul class="set1">
                  <li>
                        <a href="#">
              <img width="145" height="145" src="رابط الصورة" class="attachment-200x145 wp-post-image" alt="رابط موضوعك" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="رابط الصورة" class="attachment-200x145 wp-post-image" alt="رابط موضوعك" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="رابط الصورة" class="attachment-200x145 wp-post-image" alt="رابط موضوعك" />            </a>
            <!--image-->
                    </li>
                  <li>
  </div>
</div>
<!--//slideset-->
<! --- code prog by www.4egy.net ---> 

اتفضلى الكود بدون خلفية

الكود:

<! --- ABBAS.ALKBEER ---> 
    <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/bdayh.js" type="text/javascript"></script>
          <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/custom.js" type="text/javascript"></script>
          <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/easing.js" type="text/javascript"></script>
        <style>
        .slideset {
          width: 960px;
          height: 167px;
          margin: auto;
          overflow: hidden;
          margin-bottom: 20px;
          position: relative;
        }
        .slideset .next {
          position: absolute;
          right: 0px;
          top: 72px;
          background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -5px;
          width: 18px;
          height: 21px;
          overflow: hidden;
          text-indent: -555px;
        }
        .slideset .prev {
          position: absolute;
          left: 0px;
          top: 72px;
          background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -35px;
          width: 18px;
          height: 21px;
          overflow: hidden;
          text-indent: -555px;
        }
        .slideset .slidesetCont {
          width: 905px;
          margin: auto;
          position: relative;
         
        }
        .slidesetCont ul {
          float: right;
          width: 100%;
        }
        .slidesetCont ul > li { float: left; }
        .slidesetCont ul > li a {
          display: block;
          width: 200px;
          height: 145px;
          padding: 6px;
          overflow: hidden;
          background: #FFF;
          border: 1px #d2d2d2 solid;
          margin: 0 7px;
        }
        .slidesetCont ul > li a img {
          background: #EEE;
          width: 200px !important;
          height: 145px !important;
          display: block;
        }
        ul, li, ol {
          list-style: none;
          outline: 0px;
        }
        </style>
        <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/ads.js" type="text/javascript"></script><div class="slideset"> <a class="next" href="#">التالي</a> <a class="prev" href="#">السابق</a>
          <div class="slidesetCont">
              <ul class="set1">
                          <li>
                                <a href="http://alkber.forumegypt.net/forum">
                      <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" />            </a>
                    <!--image-->
                            </li>
                          <li>
                                <a href="http://alkber.forumegypt.net/forum">
                      <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/microsoft-surface-tablets-the-differences-between-rt-and-window-150x150.jpg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" />            </a>
                    <!--image-->
                            </li>
                          <li>
                                <a href="http://alkber.forumegypt.net/forum">
                      <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/nexus7-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" />            </a>
                    <!--image-->
                            </li>
                          <li>
                                <a href="http://alkber.forumegypt.net/forum">
                      <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/C710-2605-Chromebook-150x150.jpg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" />            </a>
                    <!--image-->
                            </li>
                          <li>
                                <a href="http://alkber.forumegypt.net/forum">
                      <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-12-at-4.53.39-PM-150x150.png" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" />            </a>
                    <!--image-->
                            </li>

                      <a href="http://alkber.forumegypt.net/forum">
                      <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" />            </a>
                    <!--image-->
                            </li>
                          <li>

                      <a href="http://alkber.forumegypt.net/forum">
                      <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" />            </a>
                    <!--image-->
                            </li>
                          <li>
                                </ul>

                      <a href="http://alkber.forumegypt.net/forum">
                      <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="http://alkber.forumegypt.net" />            </a>
                    <!--image-->
                            </li>
                          <li>
                                </ul>

          </div>
        </div>
        <!--//slideset-->
        <! --- ABBAS.ALKBEER --->