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

اذهب الى الأسفل

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

مُساهمة من طرف 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
avatar
ahmed.taha



ذكر
عدد المساهمات : 13
معدل النشاط : 1565
السُمعة : 0

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>
avatar
stones
 
 

ذكر
عدد المساهمات : 11057
معدل النشاط : 14068
السُمعة : 414

http://stones.arab.st/

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

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

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

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



ذكر
عدد المساهمات : 13
معدل النشاط : 1565
السُمعة : 0

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>
avatar
stones
 
 

ذكر
عدد المساهمات : 11057
معدل النشاط : 14068
السُمعة : 414

http://stones.arab.st/

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

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

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

مثل ما تشوف في الصوره لم يتغير شي 
avatar
ahmed.taha



ذكر
عدد المساهمات : 13
معدل النشاط : 1565
السُمعة : 0

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

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

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

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

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

ذكر
عدد المساهمات : 11057
معدل النشاط : 14068
السُمعة : 414

http://stones.arab.st/

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

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

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

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



ذكر
عدد المساهمات : 13
معدل النشاط : 1565
السُمعة : 0

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

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

الرجوع الى أعلى الصفحة


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