منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
» مشكلة
اليوم في 7:09 من طرف MĨĎŐ

» طلب سلايد بسيط*
اليوم في 5:51 من طرف meme.99

» شفرة اعلان فى نسجة الجوال
أمس في 18:30 من طرف zeewab

» هل يقبل احلى منتدى ان
أمس في 17:39 من طرف JAR7

» شفرة اعلان
أمس في 14:15 من طرف ahd allah

» ايكونه محذوفه اسفل التعليق ..
أمس في 14:06 من طرف zaydoon

» لغة المنتدى
أمس في 12:15 من طرف ahd allah

» سؤال بغاية الاهمية
أمس في 1:32 من طرف وهبة الساحر

» طلب كود البيانات
الأحد 25 سبتمبر 2016 - 20:26 من طرف ahd allah

أفضل 10 أعضاء في هذا الأسبوع
ahd allah
 
zaydoon
 
احزان القلب
 
JAR7
 
MeZoHiTs
 
zeewab
 
meme.99
 
body14145
 
وهبة الساحر
 
elbarawy
 

أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

تعديل على الكود

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

تعديل على الكود

مُساهمة من طرف ahmed.taha في الإثنين 21 أبريل 2014 - 18:45

السلام عليكم اخوان في هذا الكود لقيته في احد المنتديات 
بس فيه مشاكل السلايد شو ما متوسط وكذاك تاطير لا يظهر فيه بعض المشاكل 


الكود

الرمز:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

      <script type="text/javascript" src="js/jquery.infinitecarousel3.min.js"></script>
<script type="text/javascript">
$(function(){
   $('.carousel').infiniteCarousel({
      imagePath: 'images/',
      transitionSpeed:600,
      displayTime: 6000,
      internalThumbnails: false,
      thumbnailType: 'count',
      customClass: 'myCarousel',
      progressRingColorOpacity: '0,0,0,.9',
      progressRingBackgroundOn: false,
      margin: 22,
      easeLeft: 'easeOutBounce',
      easeRight:'easeOutBounce',
      inView: 4,
      advance: 2,
      autoPilot: true,
      prevNextInternal: false,
      autoHideCaptions: false
   });

});
</script>
</script>
    <script type="text/javascript" src="js/organictabs.jquery.js"></script>
    <script type="text/javascript">
        $(function() {
   
            $("#example-one").organicTabs();
           
            $("#example-two").organicTabs({
                "speed": 200
            });
   
        });
    </script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>سلايد شو العشاق storyeg.com</title>
<style>




a{text-decoration:none;outline:0px}
a img{border:0px}





.n-bar0 {
   background-repeat: repeat-x;
   background-image:url(images/storyeg4.jpg);
   margin-bottom: 3px;
}

.n-bar2 {
   background-image:url(images/storyeg_2.jpg);
   background-repeat: no-repeat;
   background-position: right top;
   height: 41px;
}






.navbox{
   margin-bottom: 11px;
}
.n-bar2 ul {
   margin: 0px;
   padding: 5px 7px 0px 0px;
   list-style-type: none;
}
.n-bar2 ul li {
   float: right;
   margin-left: 2px;
   line-height: 32px;
   text-align: center;
   
}
.n-bar2 ul li a {
   background-image:url(images/storyeg_1.jpg);
   background-repeat: no-repeat;
   height: 32px;
   display: block;
   color: #404040;
   font-family: "GE SS2","Arial";
   font-size: 16px;
   padding-right: 20px;
   text-shadow:0px 1px 0px #fff;
   -webkit-transition: all 0.1s linear;
   -moz-transition: all 0.1s linear;
   -o-transition: all 0.1s linear;
   -ms-transition: all 0.1s linear;
   transition: all 0.1s linear;

}
.n-bar2 ul li a:visited {color: #404040;
}
.n-bar2 ul li a:hover {
   color: #FFFFFF;text-shadow:0px 1px 0px #485907
}
.n-bar2 ul li.fm-01 a {background-position: right top;width: 118px;}
.n-bar2 ul li.fm-02 a {width: 106px;background-position: -269px top;}
.n-bar2 ul li.fm-03 a {background-position: -149px top;width: 99px;}
.n-bar2 ul li.fm-04 a {background-position: left top;width: 126px;}
.n-bar2 ul li.fm-01 a:hover {background-position: right bottom;}
.n-bar2 ul li.fm-02 a:hover {background-position: -269px bottom;}
.n-bar2 ul li.fm-03 a:hover {background-position: -149px bottom;}
.n-bar2 ul li.fm-04 a:hover {background-position: left bottom;}
#example-one ul li.fm-01 a.current, #example-one ul.tab-1 li a:hover { background-position: right bottom; color: white;text-shadow:0px 1px 0px #485907 }
#example-one ul li.fm-02 a.current, #example-one ul.tab-2 li a:hover { background-position: -269px bottom; color: white;text-shadow:0px 1px 0px #485907 }
#example-one ul li.fm-03 a.current, #example-one ul.tab-3 li a:hover { background-position: -149px bottom; color: white;text-shadow:0px 1px 0px #485907 }
#example-one ul li.fm-04 a.current, #example-one ul.tab-4 li a:hover { background-position: left bottom; color: white;text-shadow:0px 1px 0px #485907 }



.ic_thumbnails {
display:none   
}
form#qrform table.tborder thead tr td.tcat p{
   margin:0px
}
.f-mn-high {
min-height:53px
}
.drp2 .wrapper-dropdown-3 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;   
}

.drp2 .wrapper-dropdown-3 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;   
}
/*************************** postbit_legacy Tabs ***************************/
.djdot{
position:relative;
right:0;
font: 9px tahoma;
width: 180px;
margin:15px 0 0 0;
z-index:2;
}

.djdot ul{
margin: 0;
padding: 0;
position: absolute;
right:0;
float:right;
}



</style>
</head>

<body>
<div id="example-one">
    <div class="n-bar0"><div class="n-bar1"><div class="n-bar2">
    <ul class="nav">
<li class="fm-01"><a href="#tab-1" class="current">أعمال تيست</a></li>
<li class="fm-02"><a href="#tab-2">أعمال تيست 2</a></li>
<li class="fm-04"><a href="#tab-3">أعمال تيست3 </a></li>
<li class="fm-04"><a href="#tab-4">أعمال تيست 4</a></li>
<li class="fm-04"><a href="#tab-5">أعمال تيست 5 </a></li>
</ul>
           </div></div></div>

<div class="thumb0"><div class="thumb1"><div class="thumb2" style="direction:ltr">
           <div class="list-wrap">
<div style="padding-left:16px" id="tab-1">
<ul class="carousel"><!-- Anime banners -->
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im68.gulfup.com/hZsKh.png" width="200" /></a></li>
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im75.gulfup.com/Y6oCe.png" width="200" /></a></li>
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im49.gulfup.com/J5b2x.png" width="200" /></a>
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://img03.arabsh.com/uploads/image/2014/03/20/0c30454366f107.png" width="200" /></a></li>
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.3asq.com/img/uploads/13951243621.png" width="200" /></a></li>
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب1" height="100" src="http://im83.gulfup.com/rs0tU.png" width="200" /></a></li>
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.m5zn.com/newuploads/2014/03/18/png//afd38ff1d2dca78.png" width="200" /></a></li>
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im79.gulfup.com/dXWSu.png" width="200" /></a></li>
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im72.gulfup.com/iyZud.png" width="200" /></a>
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im49.gulfup.com/6Wjt2.png" width="200" /></a>
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im70.gulfup.com/3Mxpj.png" width="200" /></a>
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.m5zn.com/newuploads/2014/03/13/png//75c2e42ce3bca35.png" width="200" /></a>
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://img04.arabsh.com/uploads/image/2014/03/11/0c314d4c67f702.png" width="200" /></a>
</li>
</ul>
</div>
<div style="padding-left:12px" id="tab-2" class="hide">
<ul class="carousel"><!-- Manga banners -->
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www5.0zz0.com/2014/03/19/15/899494084.png" width="200" /></a></li>
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im56.gulfup.com/IY7hl.png" width="200" /></a></li>
   <li><a href="#"><img alt="    شركة العمالقة لخدمات الويب" height="100" src="http://www4.0zz0.com/2014/03/19/15/595414352.png" width="200" /></a></li>
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im78.gulfup.com/hFIBI.png" width="200" /></a></li>
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب " height="100" src="http://im33.gulfup.com/ll15b.png" width="200" /></a></li>
   <li><a href="#"><img alt="    شركة العمالقة لخدمات الويب" height="100" src="http://im51.gulfup.com/LBCaL.png" width="200" /></a></li>
   <li><a href="#"><img alt=" شركة العمالقة لخدمات الويب" height="100" src="http://im85.gulfup.com/AzWo4.png" width="200" /></a></li>
   <li><a href="#"><img alt=" شركة العمالقة لخدمات الويب  " height="100" src="http://im45.gulfup.com/5jQNf.png" width="200" /></a></li>
</ul>
</div>
<div style="padding-left:12px" id="tab-3" class="hide">
<ul class="carousel"><!-- Prog and games -->
   <li><a href="#"><img alt="شركة العمالقة لخدمات الويب  " height="100" src="http://im68.gulfup.com/PeR5J.png" width="200" /></a></li>
   <li><a href="#"><img alt="Your شركة العمالقة لخدمات الويب" height="100" src="http://www3.0zz0.com/2014/03/21/21/281352634.png" width="200" /></a></li>
        <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im48.gulfup.com/Cxqqv.png" width="200" /></a></li>
        <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.m5zn.com/newuploads/2014/03/18/png//c1e2e8affc09d1a.png" width="200" /></a></li>
        <li><a href="#"><img alt="    شركة العمالقة لخدمات الويب    " height="100" src="http://im50.gulfup.com/dGRKg.png" width="200" /></a></li>
</ul>
</div>
<div style="padding-left:12px" id="tab-4" class="hide">
<ul class="carousel"><!-- Movies -->
        <li><a href="#"><img alt="  شركة العمالقة لخدمات الويب" height="100" src="http://im69.gulfup.com/mwima.png" width="200" /></a></li>
        <li><a href="#"><img alt="  شركة العمالقة لخدمات الويب" height="100" src="http://im54.gulfup.com/LlfbD.jpg" width="200" /></a></li>
        <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.m5zn.com/newuploads/2014/03/20/png//5c0180c409f782f.png" width="200" /></a></li>
        <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im70.gulfup.com/ipeKG.jpg" width="200" /></a></li>
        <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://i5.minus.com/jb2hZAirpo73V7.png" width="200" /></a></li>
</ul>
</div>
<div style="padding-left:12px" id="tab-5" class="hide">
<ul class="carousel"><!-- All -->
        <li><a href="#"><img alt="  شركة العمالقة لخدمات الويب" height="100" src="http://im87.gulfup.com/JWavr.jpg" width="200" /></a></li>
        <li><a href="#"><img alt="  شركة العمالقة لخدمات الويب" height="100" src="http://im89.gulfup.com/u7F9N.png" width="200" /></a></li>
        <li><a href="#"><img alt="شركة العمالقة لخدمات الويب  " height="100" src="http://im54.gulfup.com/lmqqP.gif" width="200" /></a></li>
        <li><a href="#"><img alt="شركة العمالقة لخدمات الويب  " height="100" src="http://im51.gulfup.com/mdXYn.png" width="200" /></a></li>
        <li><a href="#"><img alt="شركة العمالقة لخدمات الويب    " height="100" src="http://www3.0zz0.com/2014/02/16/15/779725425.png" width="200" /></a></li>
        <li><a href="#"><img alt="  شركة العمالقة لخدمات الويب" height="100" src="http://im58.gulfup.com/u4mTX.png" width="200" /></a></li>
        <li><a href="#"><img alt="القرآن الكريم" height="100" src="http://im49.gulfup.com/fPSgf.png" width="200" /></a></li>
</ul>
</div>
                   </div> <!-- END List Wrap -->
        </div></div></div>
        </div><!--  -->
<!-- Baidu banner ends at 1-4 -->
          

</body>
</html>










ملحقات الكود
http://arabsh.com/files/0c33414c61f2/js-zip.html


الصور

http://arabsh.com/files/0c33414c61f1/images-zip.html

ahmed.taha



ذكر
عدد المساهمات : 13
معدل النشاط : 932

http://www.whispers-night.com/vb/index.php

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تعديل على الكود

مُساهمة من طرف stones في الإثنين 21 أبريل 2014 - 18:56

الكود تالف
يمكنك تجربه هذا الكود بعد وضع الصور
والروابط

الرمز:
<!-- Style -->
<style type="text/css">
.slider_specialoffer_content {position:relative;display:block;width:691px;height:239px;}
.slider {width:691px;height:239px;position:absolute;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat center center;}
.box_skitter_large {width:691px!important;height:237px!important;}
.slider img {width:691px;height:237px;margin:6px 9px;}
.slider .next_button,.slider .prev_button {position:absolute;top:40%;width:43px;height:45px;
overflow:hidden;z-index:999;text-indent:-9999px;}
.slider .next_button {right:30px;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat;}
.slider .prev_button {left:30px;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat;}
</style>

<!-- Links & Scripts -->
<link href="http://www.bdayh.com/wp-content/themes/bdayh/assets/style/skitter.styles.css" media="all" rel="stylesheet" type="text/css">
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/scripts.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.skitter.min.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.addons.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.gridnav.js" type="text/javascript"></script>
<script type="text/javascript" src="http://foryamany2.googlecode.com/svn/trunk/4egyslide.js
"></script>

  <div class="slider_specialoffer_content">
    <div class="slider">
  <!--<a href="#" class="next_button">next</a> <a href="#" class="prev_button">prev</a> -->
      <div class="box_skitter box_skitter_large">
  <ul>
    <li><a href="رابط1"><img alt="Mizo-Slide" src="صورة1"></a></li>
    <li><a href="رابط2"><img alt="Mizo-Slide" src="صورة2"></a></li>
    <li><a href="رابط3"><img alt="Mizo-Slide" src="صورة3"></a></li>
    <li><a href="رابط4"><img alt="Mizo-Slide" src="صورة4"></a></li>
    <li><a href="رابط5"><img alt="Mizo-Slide" src="صورة5"></a></li>
    <li><a href="رابط6"><img alt="Mizo-Slide" src="صورة6"></a></li>
    <li><a href="رابط7"><img alt="Mizo-Slide" src="صورة7"></a></li>
    <li><a href="رابط8"><img alt="Mizo-Slide" src="صورة8"></a></li>
    <li><a href="رابط9"><img alt="Mizo-Slide" src="صورة9"></a></li>
  </ul>
      </div>
    </div>
  </div>

وهذا ايضا

الرمز:
<link rel="stylesheet" href="http://cutecat.p2h.info/hawetk/style.css" type="text/css" media="screen"><script type="text/javascript" src="http://cutecat.p2h.info/scripts/jquery-1.4.3.min.js"></script><script type="text/javascript" src="http://cutecat.p2h.info/scripts/jquery.aes.js"></script><script type="text/javascript" src="http://cutecat.p2h.info/scripts/jquery.aes2.js"></script> <link rel="stylesheet" href="http://cutecat.p2h.info/hawetk/style.css" type="text/css"> <script type="text/javascript" src="http://cutecat.p2h.info/hawetk/custom.js"></script><script type="text/javascript" src="http://cutecat.p2h.info/hawetk/tabcontent.js"></script><script type="text/javascript" src="http://cutecat.p2h.info/hawetk/styleswitch.js"></script><script type="text/javascript" src="http://cutecat.p2h.info/hawetk/jquery.tipsy.js"></script><script type="text/javascript" src="http://cutecat.p2h.info/hawetk/jquery-1.6.4.min.js"></script> <script type="text/javascript" src="http://cutecat.p2h.info/hawetk/jquery.easing.1.3.js"></script> <script type="text/javascript" src="http://cutecat.p2h.info/hawetk/jquery.carouFredSel-5.5.0.js"></script>
<div style="width:750px;margin:0px auto;">
<div class="image_carousel">
<div style="text-align: center; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 726px; height: 170px; margin: 0px; overflow: hidden;" class="caroufredsel_wrapper"><div style="text-align: left; float: none; position: absolute; top: 0px; left: 0px; margin: 0px; width: 6050px; height: 170px; right: auto; bottom: auto; opacity: 0.330616;" id="foo4">
<a href="رابط الموضوع"><img src="http://download.mrkzy.com/u/0714_51bd555385091.jpg" alt="وصف "></a>
<a href="رابط الموضوع"><img src="http://download.mrkzy.com/u/0714_51bd555385091.jpg" alt="وصف "></a>
<a href="رابط الموضوع"><img src="http://download.mrkzy.com/u/0714_51bd555385091.jpg" alt="وصف "></a>
<a href="رابط الموضوع"><img src="http://download.mrkzy.com/u/0714_51bd555385091.jpg" alt="وصف "></a>
<a href="رابط الموضوع"><img src="http://download.mrkzy.com/u/0714_51bd555385091.jpg" alt="وصف "></a>
<a href="رابط الموضوع"><img src="http://download.mrkzy.com/u/0714_51bd555385091.jpg" alt="وصف "></a>
<a href="رابط الموضوع"><img src="http://download.mrkzy.com/u/0714_51bd555385091.jpg" alt="وصف "></a>
<a href="رابط الموضوع"><img src="http://download.mrkzy.com/u/0714_51bd555385091.jpg" alt="وصف "></a>
<a href="رابط الموضوع"><img src="http://download.mrkzy.com/u/0714_51bd555385091.jpg" alt="وصف "></a>
<a href="رابط الموضوع"><img src="http://download.mrkzy.com/u/0714_51bd555385091.jpg" alt="وصف "></a>
<a href="رابط الموضوع"><img src="http://download.mrkzy.com/u/0714_51bd555385091.jpg" alt="وصف "></a>
<a href="رابط الموضوع"><img src="http://download.mrkzy.com/u/0714_51bd555385091.jpg" alt="وصف "></a>
 </div></div>
 <div class="clearfix">
 </div>
 <a style="display: block;" class="prev" id="foo4_prev" href="#"><span>prev</span></a> <a style="display: block;" class="next" id="foo4_next" href="#"><span>next</span></a>
<div style="display: block;" class="pagination" id="foo4_pag">
 
<a class="selected" href="#"><span>1</span></a><a class="" href="#"><span>2</span></a><a class="" href="#"><span>3</span></a><a href="#"><span>4</span></a></div>
 
</div>
</div>

stones
 
 

ذكر
عدد المساهمات : 11040
معدل النشاط : 13407

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تعديل على الكود

مُساهمة من طرف ahmed.taha في الإثنين 21 أبريل 2014 - 19:20

عفوا اخويه بس ما بقه شي بالكود
الكود مثل ما كلت  يحتاج توسيط وتعديل بسيط على بعض الاشياء فيه لكي يعمل التاطير

ahmed.taha



ذكر
عدد المساهمات : 13
معدل النشاط : 932

http://www.whispers-night.com/vb/index.php

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تعديل على الكود

مُساهمة من طرف stones في الإثنين 21 أبريل 2014 - 19:30

تفضل تم وضعه وسط
الرمز:
<p style="text-align: center;"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script><script type="text/javascript" src="js/jquery.infinitecarousel3.min.js"></script><script type="text/javascript">
$(function(){
  $('.carousel').infiniteCarousel({
      imagePath: 'images/',
      transitionSpeed:600,
      displayTime: 6000,
      internalThumbnails: false,
      thumbnailType: 'count',
      customClass: 'myCarousel',
      progressRingColorOpacity: '0,0,0,.9',
      progressRingBackgroundOn: false,
      margin: 22,
      easeLeft: 'easeOutBounce',
      easeRight:'easeOutBounce',
      inView: 4,
      advance: 2,
      autoPilot: true,
      prevNextInternal: false,
      autoHideCaptions: false
  });

});
</script><script type="text/javascript" src="js/organictabs.jquery.js"></script><script type="text/javascript">
        $(function() {
 
            $("#example-one").organicTabs();
         
            $("#example-two").organicTabs({
                "speed": 200
            });
 
        });
    </script><script type="text/javascript" src="js/jquery.easing.1.3.js"></script></p>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title></title>
<style type="text/css">a{text-decoration:none;outline:0px}
a img{border:0px}





.n-bar0 {
  background-repeat: repeat-x;
  background-image:url(images/storyeg4.jpg);
  margin-bottom: 3px;
}

.n-bar2 {
  background-image:url(images/storyeg_2.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  height: 41px;
}






.navbox{
  margin-bottom: 11px;
}
.n-bar2 ul {
  margin: 0px;
  padding: 5px 7px 0px 0px;
  list-style-type: none;
}
.n-bar2 ul li {
  float: right;
  margin-left: 2px;
  line-height: 32px;
  text-align: center;
 
}
.n-bar2 ul li a {
  background-image:url(images/storyeg_1.jpg);
  background-repeat: no-repeat;
  height: 32px;
  display: block;
  color: #404040;
  font-family: "GE SS2","Arial";
  font-size: 16px;
  padding-right: 20px;
  text-shadow:0px 1px 0px #fff;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;

}
.n-bar2 ul li a:visited {color: #404040;
}
.n-bar2 ul li a:hover {
  color: #FFFFFF;text-shadow:0px 1px 0px #485907
}
.n-bar2 ul li.fm-01 a {background-position: right top;width: 118px;}
.n-bar2 ul li.fm-02 a {width: 106px;background-position: -269px top;}
.n-bar2 ul li.fm-03 a {background-position: -149px top;width: 99px;}
.n-bar2 ul li.fm-04 a {background-position: left top;width: 126px;}
.n-bar2 ul li.fm-01 a:hover {background-position: right bottom;}
.n-bar2 ul li.fm-02 a:hover {background-position: -269px bottom;}
.n-bar2 ul li.fm-03 a:hover {background-position: -149px bottom;}
.n-bar2 ul li.fm-04 a:hover {background-position: left bottom;}
#example-one ul li.fm-01 a.current, #example-one ul.tab-1 li a:hover { background-position: right bottom; color: white;text-shadow:0px 1px 0px #485907 }
#example-one ul li.fm-02 a.current, #example-one ul.tab-2 li a:hover { background-position: -269px bottom; color: white;text-shadow:0px 1px 0px #485907 }
#example-one ul li.fm-03 a.current, #example-one ul.tab-3 li a:hover { background-position: -149px bottom; color: white;text-shadow:0px 1px 0px #485907 }
#example-one ul li.fm-04 a.current, #example-one ul.tab-4 li a:hover { background-position: left bottom; color: white;text-shadow:0px 1px 0px #485907 }



.ic_thumbnails {
display:none 
}
form#qrform table.tborder thead tr td.tcat p{
  margin:0px
}
.f-mn-high {
min-height:53px
}
.drp2 .wrapper-dropdown-3 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent; 
}

.drp2 .wrapper-dropdown-3 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent; 
}
/*************************** postbit_legacy Tabs ***************************/
.djdot{
position:relative;
right:0;
font: 9px tahoma;
width: 180px;
margin:15px 0 0 0;
z-index:2;
}

.djdot ul{
margin: 0;
padding: 0;
position: absolute;
right:0;
float:right;
}
</style>
<p> 
<div id="example-one">
<div class="n-bar0">
<div class="n-bar1">
<div class="n-bar2">
<ul class="nav">
   <li class="fm-01"><a class="current" href="#tab-1">أعمال تيست</a></li>
   <li class="fm-02"><a href="#tab-2">أعمال تيست 2</a></li>
   <li class="fm-04"><a href="#tab-3">أعمال تيست3 </a></li>
   <li class="fm-04"><a href="#tab-4">أعمال تيست 4</a></li>
   <li class="fm-04"><a href="#tab-5">أعمال تيست 5 </a></li>
</ul>
</div>
</div>
</div>

<div class="thumb0">
<div class="thumb1">
<div class="thumb2" style="direction:ltr">
<div class="list-wrap">
<div id="tab-1" style="padding-left:16px">
<p style="text-align: center;"><!-- Anime banners --></p>

<ul class="carousel">
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im68.gulfup.com/hZsKh.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im75.gulfup.com/Y6oCe.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im49.gulfup.com/J5b2x.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://img03.arabsh.com/uploads/image/2014/03/20/0c30454366f107.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.3asq.com/img/uploads/13951243621.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب1" height="100" src="http://im83.gulfup.com/rs0tU.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.m5zn.com/newuploads/2014/03/18/png//afd38ff1d2dca78.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im79.gulfup.com/dXWSu.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im72.gulfup.com/iyZud.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im49.gulfup.com/6Wjt2.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im70.gulfup.com/3Mxpj.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.m5zn.com/newuploads/2014/03/13/png//75c2e42ce3bca35.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://img04.arabsh.com/uploads/image/2014/03/11/0c314d4c67f702.png" width="200" /></a></li>
</ul>
</div>

<div class="hide" id="tab-2" style="padding-left:12px">
<p style="text-align: center;"><!-- Manga banners --></p>

<ul class="carousel">
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www5.0zz0.com/2014/03/19/15/899494084.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im56.gulfup.com/IY7hl.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="    شركة العمالقة لخدمات الويب" height="100" src="http://www4.0zz0.com/2014/03/19/15/595414352.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im78.gulfup.com/hFIBI.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب " height="100" src="http://im33.gulfup.com/ll15b.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="    شركة العمالقة لخدمات الويب" height="100" src="http://im51.gulfup.com/LBCaL.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt=" شركة العمالقة لخدمات الويب" height="100" src="http://im85.gulfup.com/AzWo4.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt=" شركة العمالقة لخدمات الويب  " height="100" src="http://im45.gulfup.com/5jQNf.png" width="200" /></a></li>
</ul>
</div>

<div class="hide" id="tab-3" style="padding-left:12px">
<p style="text-align: center;"><!-- Prog and games --></p>

<ul class="carousel">
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب  " height="100" src="http://im68.gulfup.com/PeR5J.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="Your شركة العمالقة لخدمات الويب" height="100" src="http://www3.0zz0.com/2014/03/21/21/281352634.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im48.gulfup.com/Cxqqv.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.m5zn.com/newuploads/2014/03/18/png//c1e2e8affc09d1a.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="    شركة العمالقة لخدمات الويب    " height="100" src="http://im50.gulfup.com/dGRKg.png" width="200" /></a></li>
</ul>
</div>

<div class="hide" id="tab-4" style="padding-left:12px">
<p style="text-align: center;"><!-- Movies --></p>

<ul class="carousel">
   <li style="text-align: center;"><a href="#"><img alt="  شركة العمالقة لخدمات الويب" height="100" src="http://im69.gulfup.com/mwima.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="  شركة العمالقة لخدمات الويب" height="100" src="http://im54.gulfup.com/LlfbD.jpg" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.m5zn.com/newuploads/2014/03/20/png//5c0180c409f782f.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im70.gulfup.com/ipeKG.jpg" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://i5.minus.com/jb2hZAirpo73V7.png" width="200" /></a></li>
</ul>
</div>

<div class="hide" id="tab-5" style="padding-left:12px">
<p style="text-align: center;"><!-- All --></p>

<ul class="carousel">
   <li style="text-align: center;"><a href="#"><img alt="  شركة العمالقة لخدمات الويب" height="100" src="http://im87.gulfup.com/JWavr.jpg" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="  شركة العمالقة لخدمات الويب" height="100" src="http://im89.gulfup.com/u7F9N.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب  " height="100" src="http://im54.gulfup.com/lmqqP.gif" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب  " height="100" src="http://im51.gulfup.com/mdXYn.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="شركة العمالقة لخدمات الويب    " height="100" src="http://www3.0zz0.com/2014/02/16/15/779725425.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="  شركة العمالقة لخدمات الويب" height="100" src="http://im58.gulfup.com/u4mTX.png" width="200" /></a></li>
   <li style="text-align: center;"><a href="#"><img alt="القرآن الكريم" height="100" src="http://im49.gulfup.com/fPSgf.png" width="200" /></a></li>
</ul>
</div>
</div>
<!-- END List Wrap --></div>
</div>
</div>
</div>
<!--  --><!-- Baidu banner ends at 1-4 --></p>

stones
 
 

ذكر
عدد المساهمات : 11040
معدل النشاط : 13407

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تعديل على الكود

مُساهمة من طرف ahmed.taha في الإثنين 21 أبريل 2014 - 19:53

مثل ما تشوف في الصوره لم يتغير شي 

ahmed.taha



ذكر
عدد المساهمات : 13
معدل النشاط : 932

http://www.whispers-night.com/vb/index.php

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تعديل على الكود

مُساهمة من طرف stones في الثلاثاء 22 أبريل 2014 - 8:45

جميل عنك ظهر بشكل ذا
لدي ظهر بشكل عامودي
محتمل وضعت كود هناء به مشكله

stones
 
 

ذكر
عدد المساهمات : 11040
معدل النشاط : 13407

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تعديل على الكود

مُساهمة من طرف ahmed.taha في الثلاثاء 22 أبريل 2014 - 18:41

اخي اكيد يظهر عندك بشكل عامودي اذا ما تستعمل الملفات المرفقه وياه ما يطلع هيج

ahmed.taha



ذكر
عدد المساهمات : 13
معدل النشاط : 932

http://www.whispers-night.com/vb/index.php

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى