ahmed.taha
عدد المساهمات : 13 معدل النشاط : 3904 السُمعة : 0
| موضوع: تعديل على الكود الإثنين 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 | |
|
stones
عدد المساهمات : 7462 معدل النشاط : 16426 السُمعة : 414
| موضوع: رد: تعديل على الكود الإثنين 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>
| |
|
ahmed.taha
عدد المساهمات : 13 معدل النشاط : 3904 السُمعة : 0
| موضوع: رد: تعديل على الكود الإثنين 21 أبريل 2014 - 19:20 | |
| عفوا اخويه بس ما بقه شي بالكود الكود مثل ما كلت يحتاج توسيط وتعديل بسيط على بعض الاشياء فيه لكي يعمل التاطير | |
|
stones
عدد المساهمات : 7462 معدل النشاط : 16426 السُمعة : 414
| موضوع: رد: تعديل على الكود الإثنين 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>
| |
|
ahmed.taha
عدد المساهمات : 13 معدل النشاط : 3904 السُمعة : 0
| موضوع: رد: تعديل على الكود الإثنين 21 أبريل 2014 - 19:53 | |
| مثل ما تشوف في الصوره لم يتغير شي | |
|
stones
عدد المساهمات : 7462 معدل النشاط : 16426 السُمعة : 414
| موضوع: رد: تعديل على الكود الثلاثاء 22 أبريل 2014 - 8:45 | |
| جميل عنك ظهر بشكل ذا لدي ظهر بشكل عامودي محتمل وضعت كود هناء به مشكله | |
|
ahmed.taha
عدد المساهمات : 13 معدل النشاط : 3904 السُمعة : 0
| موضوع: رد: تعديل على الكود الثلاثاء 22 أبريل 2014 - 18:41 | |
| اخي اكيد يظهر عندك بشكل عامودي اذا ما تستعمل الملفات المرفقه وياه ما يطلع هيج | |
|