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

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

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

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



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

أقسام الدعم

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

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

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

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

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

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

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
» جعل المنتدى بطيء!!
اليوم في 22:27 من طرف عبد المجيد الذكي

» اعلاني مخالف
اليوم في 22:21 من طرف ahd allah

» مشكلة
اليوم في 19:32 من طرف JAR7

» مشكله في الرتب
اليوم في 18:09 من طرف zaydoon

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

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

»  طلب الكود
اليوم في 12:53 من طرف ahd allah

» ربط المنتدى بالمدونة
اليوم في 11:16 من طرف ahd allah

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

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

عمل منتدى

مشكله في الكود

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

مشكله في الكود

مُساهمة من طرف ahmed.taha في الجمعة 28 مارس 2014 - 0:20

السلام عليكم اخوان عندي كود سلايد شو كلي فيه تمام بس الصور ما تطلع عند التجربه على برنامج اكسبرشن كلشي يشتغل من اخلي الكود على المنتدى تختفي الصور ياريت المساعده 
الرمز:
<style type="text/css">
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{
outline:none;
}
.slides,
.flex-control-nav,
.flex-direction-nav{
margin:0;
padding:0;
list-style:none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider{
margin:0;
padding:0;
}
.flexslider .slides > li{
display:none;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{
width:100%;
display:block;
}
.flex-pauseplay span{
text-transform:capitalize;
}
/* Clearfix for the .slides element */
.flexslider a.intro {
bottom:0;
color:rgba(0, 0, 0, 0.1);
font-size:14px;
position:absolute;
right:0;
text-decoration:none;
z-index:99999;
}
.slides:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
html[xmlns] .slides{
display:block;
}
* html .slides{
height:1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child{
display:block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider{
margin:0 0 60px;
background:#fff;
border:4px solid #fff;
position:relative;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);
box-shadow:0 1px 4px rgba(0,0,0,.2);
zoom:1;
}
.flex-viewport{
max-height:2000px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
}
.loading .flex-viewport{
max-height:300px;
}
.flexslider .slides{
zoom:1;
}
.carousel li{
margin-right:5px;
}
/* Direction Nav */
.flexslider li {
border: 0 none !important;
padding: 0 !important;
text-indent: 0 !important;
}
.flex-direction-nav a{
width:30px;
height:30px;
margin:-20px 0 0;
display:block;
background:url(http://project.dimpost.com/flexslider-carousel/images/bg_direction_nav.png) no-repeat 0 0;
position:absolute;
top:50%;
cursor:pointer;
text-indent:-9999px;
opacity:0;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
.flex-direction-nav .flex-next{
background-position:100% 0;
right:-36px;
}
.flex-direction-nav .flex-prev{
left:-36px;
}
.flexslider:hover .flex-next{
opacity:0.8;
right:5px;
}
.flexslider:hover .flex-prev{
opacity:0.8;
left:5px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{
opacity:1;
}
.flex-direction-nav .disabled{
opacity:.3!important;
filter:alpha(opacity=30);
cursor:default;
}
/* Control Nav */
.flex-control-nav{
width:100%;
position:absolute;
bottom:-40px;
text-align:center;
}
.flex-control-nav li{
margin:0 6px;
display:inline-block;
zoom:1;
*display:inline;
}
.flex-control-paging li a{
width:11px;
height:11px;
display:block;
background:#666;
background:rgba(0,0,0,0.5);
cursor:pointer;
text-indent:-9999px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a:hover{
background:#333;
background:rgba(0,0,0,0.7);
}
.flex-control-paging li a.flex-active{
background:#000;
background:rgba(0,0,0,0.9);
cursor:default;
}
.flex-control-thumbs{
margin:5px 0 0;
position:static;
overflow:hidden;
}
.flex-control-thumbs li{
width:25%;
float:left;
margin:0;
}
.flex-control-thumbs img{
width:100%;
display:block;
opacity:.7;
cursor:pointer;
}
.flex-control-thumbs img:hover{
opacity:1;
}
.flex-control-thumbs .active{
opacity:1;
cursor:default;
}
</style>
<script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.js"></script>
<script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.flexslider-min.js"></script>
<script type="text/javascript">
 $(document).ready(function(){ 
$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide",
    animationLoop: false,
    itemWidth: 210,
    itemMargin: 0,
    minItems: 1,
    maxItems: 4
  });
});
});
</script>
<div class="flexslider">
  <ul class="slides">
    <li>
      <img src="http://project.dimpost.com/flexslider-carousel/images/slide1.jpg" />
    </li>
    <li>
      <img src="http://project.dimpost.com/flexslider-carousel/images/slide2.jpg" />
    </li>
    <li>
      <img src="http://project.dimpost.com/flexslider-carousel/images/slide3.jpg" />
    </li>
    <li>
      <img src="http://project.dimpost.com/flexslider-carousel/images/slide4.jpg" />
    </li>
    <li>
      <img src="http://project.dimpost.com/flexslider-carousel/images/slide2.jpg" />
    </li>
    <li>
      <img src="http://project.dimpost.com/flexslider-carousel/images/slide1.jpg" />
    </li>
    <li>
      <img src="http://project.dimpost.com/flexslider-carousel/images/slide4.jpg" />
    </li>
    <li>
      <img src="http://project.dimpost.com/flexslider-carousel/images/slide3.jpg" />
    </li>
    <li>
      <img src="http://project.dimpost.com/flexslider-carousel/images/slide1.jpg" />
    </li>
    <li>
      <img src="http://project.dimpost.com/flexslider-carousel/images/slide4.jpg" />
    </li>
    <li>
      <img src="http://project.dimpost.com/flexslider-carousel/images/slide3.jpg" />
    </li>
    <li>
      <img src="http://4.bp.blogspot.com/-brDyo8F9yKE/UudLs8MjWQI/AAAAAAAACTE/EeSH4Ejod8Y/s200-c/FlexSlider-Basic.jpg" />
    </li>
  </ul>
</div>

ahmed.taha



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

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

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

رد: مشكله في الكود

مُساهمة من طرف ahmed.taha في السبت 29 مارس 2014 - 11:00

شباب ممكن مساعده

ahmed.taha



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

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

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

رد: مشكله في الكود

مُساهمة من طرف Michael_vx في السبت 29 مارس 2014 - 11:12

انا لم الحظ عطل بالكود بنائا على التجربة بمختبر الاكواد
ضع الكود بالمربع واضغط استرض ستجد انه يعمل
اما اذا كانت مشكلتك غير ذلك ياريت صورة للتوضيح
او رابط

Michael_vx
 
 

ذكر
عدد المساهمات : 1519
معدل النشاط : 4976

http://miccsoft.com

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

رد: مشكله في الكود

مُساهمة من طرف ahmed.taha في السبت 29 مارس 2014 - 12:30

نعم اخي لكن ليش من اخليه الكود بالموقع كلشي يشتغل لاكن الصور لا تظهر

ahmed.taha



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

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

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

رد: مشكله في الكود

مُساهمة من طرف ahmed.taha في السبت 29 مارس 2014 - 12:34

اخي هذا الرابط شوف السلايد شو لا يوجد فيه صور لو لا تظهر 
http://www.whispers-night.com/vb/index.php?styleid=23

ahmed.taha



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

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

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

رد: مشكله في الكود

مُساهمة من طرف stones في السبت 29 مارس 2014 - 13:16

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

الرمز:
<!-- 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>

stones
 
 

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

http://stones.arab.st/

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

رد: مشكله في الكود

مُساهمة من طرف ahmed.taha في السبت 29 مارس 2014 - 13:29

لم يعمل نهائيا

ahmed.taha



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

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

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

رد: مشكله في الكود

مُساهمة من طرف new.moon في السبت 29 مارس 2014 - 13:33

عزيزي انا لما فتحت الصور تفتح ببطأ شديد حاول رفع الصور على مركز رفع اخر وسريع حتى تعمل بشكل اسرع وتظهر لك الصور

new.moon
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 10636
معدل النشاط : 12005

http://ahlamontada.com

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

رد: مشكله في الكود

مُساهمة من طرف ahmed.taha في السبت 29 مارس 2014 - 13:33

مثل اي موقع

ahmed.taha



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

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

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

رد: مشكله في الكود

مُساهمة من طرف stones في السبت 29 مارس 2014 - 13:35

فعل اكواد هتملوالاكواد الاخرى
لوحة التحكم= ادارة عامه
تحت
الرسائل والايملات
تحت
تشكيل

stones
 
 

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

http://stones.arab.st/

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

رد: مشكله في الكود

مُساهمة من طرف ahmed.taha في السبت 29 مارس 2014 - 13:41

اخوان يبدو انه لن تحل مشكله الكود 
ماذا عن هذا الكود لماذا تظهر الصور مثل هل الشكل وليس بخط مستثيم 
الرمز:

<style type="text/css" id="vbulletin_css">
.head_ads_s { width:980px; margin:0 auto 0 auto;}
#wrapper_work {
    width: 980px;
  margin:0 auto 0 auto;position: relative;
}

.image_carousel {
    padding: 15px 0 15px 10px;
    position: relative;
}
.image_carousel a {
display: block;
float: left;
}
.image_carousel img {
    border: 1px solid #ccc;
    background-color:#fff;
    padding: 9px;
    margin: 7px 11px 7px 10px;
    display: block;
    float: left;
}

.image_carousel img:hover {
    border: 1px solid #DDD;
    -moz-box-shadow: 0 1px 5px #555;
    -webkit-box-shadow: 0 1px 5px #555;
    box-shadow: 0px 1px 5px #555;

}
a.prev, a.next {
    background: url(http://i11.servimg.com/u/f11/16/75/43/85/miscel10.png) no-repeat transparent;
    width: 45px;
    height: 50px;
    display: block;
    position: absolute;
    top: 85px;
}
a.prev {            left: -18px;
                    background-position: 0 0; }
a.prev:hover {        background-position: 0 -50px; }
a.prev.disabled {    background-position: 0 -100px !important;  }
a.next {            right: -27px;
                    background-position: -50px 0; }
a.next:hover {        background-position: -50px -50px; }
a.next.disabled {    background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
    cursor: default;
}

a.prev span, a.next span {
    display: none;
}
.pagination {
    text-align: center;

}
.pagination a {
    background: url(http://i11.servimg.com/u/f11/16/75/43/85/miscel11.png) 0 -300px no-repeat transparent;
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    display: inline-block;float:none;
}
.pagination a.selected {
    background-position: -25px -300px;
    cursor: default;
}
.pagination a span {
    display: none;
}

</style>




<script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/jquery.carouFredSel-5.5.0.js"></script>
<script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/custom.js"></script>
<script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/jquery.easing.1.3.js"></script>



<div class="head_ads_s">
    <div id="wrapper_work">
        <div class="image_carousel">
    <div id="foo4">
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/13560410.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/zwe2t10.jpg" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/13562310.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/owwg110.jpg" alt="578 احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/pexx210.jpg" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/13561910.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/56ar110.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/mangab10.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/70049210.png" alt="احلى حكاية" width="201" height="127" /></a>

        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/j8we111.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/13277810.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/efpl310.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/bcda410.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/55775210.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/1dnvq10.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/omil210.png" alt="احلى حكاية" width="201" height="127" /></a>

                <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/0d334c10.png" alt="احلى حكاية" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/68550010.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/g8e2nb10.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/jd4d110.png" alt="احلى حكاية" width="201" height="127" /></a>
    </div>
    <div class="clearfix"></div>
    <a class="prev" id="foo4_prev" href="#"><span>prev</span></a>
    <a class="next" id="foo4_next" href="#"><span>next</span></a>
    <div class="pagination" id="foo4_pag"></div>
</div>

http://www.whispers-night.com/vb/index.php?styleid=28#

ahmed.taha



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

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

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

رد: مشكله في الكود

مُساهمة من طرف stones في السبت 29 مارس 2014 - 13:53

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

stones
 
 

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

http://stones.arab.st/

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

رد: مشكله في الكود

مُساهمة من طرف ahmed.taha في السبت 29 مارس 2014 - 14:16

لم يعمل

ahmed.taha



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

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

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

رد: مشكله في الكود

مُساهمة من طرف Michael_vx في السبت 29 مارس 2014 - 15:35

بخصوص الكود
  
الرمز:
  <style type="text/css">
    /*
    * jQuery FlexSlider v2.0
    * http://www.woothemes.com/flexslider/
    *
    * Copyright 2012 WooThemes
    * Free to use under the GPLv2 license.
    * http://www.gnu.org/licenses/gpl-2.0.html
    *
    * Contributing author: Tyler Smith (@mbmufffin)
    */
    /* Browser Resets */
    .flex-container a:active,
    .flexslider a:active,
    .flex-container a:focus,
    .flexslider a:focus{
    outline:none;
    }
    .slides,
    .flex-control-nav,
    .flex-direction-nav{
    margin:0;
    padding:0;
    list-style:none;
    }
    /* FlexSlider Necessary Styles
    *********************************/
    .flexslider{
    margin:0;
    padding:0;
    }
    .flexslider .slides > li{
    display:none;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    }
    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img{
    width:100%;
    display:block;
    }
    .flex-pauseplay span{
    text-transform:capitalize;
    }
    /* Clearfix for the .slides element */
    .flexslider a.intro {
    bottom:0;
    color:rgba(0, 0, 0, 0.1);
    font-size:14px;
    position:absolute;
    right:0;
    text-decoration:none;
    z-index:99999;
    }
    .slides:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
    }
    html[xmlns] .slides{
    display:block;
    }
    * html .slides{
    height:1%;
    }
    /* No JavaScript Fallback */
    /* If you are not using another script, such as Modernizr, make sure you
    * include js that eliminates this class on page load */
    .no-js .slides > li:first-child{
    display:block;
    }
    /* FlexSlider Default Theme
    *********************************/
    .flexslider{
    margin:0 0 60px;
    background:#fff;
    border:4px solid #fff;
    position:relative;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 4px rgba(0,0,0,.2);
    box-shadow:0 1px 4px rgba(0,0,0,.2);
    zoom:1;
    }
    .flex-viewport{
    max-height:2000px;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
    }
    .loading .flex-viewport{
    max-height:300px;
    }
    .flexslider .slides{
    zoom:1;
    }
    .carousel li{
    margin-right:5px;
    }
    /* Direction Nav */
    .flexslider li {
    border: 0 none !important;
    padding: 0 !important;
    text-indent: 0 !important;
    }
    .flex-direction-nav a{
    width:30px;
    height:30px;
    margin:-20px 0 0;
    display:block;
    background:url(http://project.dimpost.com/flexslider-carousel/images/bg_direction_nav.png) no-repeat 0 0;
    position:absolute;
    top:50%;
    cursor:pointer;
    text-indent:-9999px;
    opacity:0;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    }
    .flex-direction-nav .flex-next{
    background-position:100% 0;
    right:-36px;
    }
    .flex-direction-nav .flex-prev{
    left:-36px;
    }
    .flexslider:hover .flex-next{
    opacity:0.8;
    right:5px;
    }
    .flexslider:hover .flex-prev{
    opacity:0.8;
    left:5px;
    }
    .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{
    opacity:1;
    }
    .flex-direction-nav .disabled{
    opacity:.3!important;
    filter:alpha(opacity=30);
    cursor:default;
    }
    /* Control Nav */
    .flex-control-nav{
    width:100%;
    position:absolute;
    bottom:-40px;
    text-align:center;
    }
    .flex-control-nav li{
    margin:0 6px;
    display:inline-block;
    zoom:1;
    *display:inline;
    }
    .flex-control-paging li a{
    width:11px;
    height:11px;
    display:block;
    background:#666;
    background:rgba(0,0,0,0.5);
    cursor:pointer;
    text-indent:-9999px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
    -moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
    box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
    }
    .flex-control-paging li a:hover{
    background:#333;
    background:rgba(0,0,0,0.7);
    }
    .flex-control-paging li a.flex-active{
    background:#000;
    background:rgba(0,0,0,0.9);
    cursor:default;
    }
    .flex-control-thumbs{
    margin:5px 0 0;
    position:static;
    overflow:hidden;
    }
    .flex-control-thumbs li{
    width:25%;
    float:left;
    margin:0;
    }
    .flex-control-thumbs img{
    width:100%;
    display:block;
    opacity:.7;
    cursor:pointer;
    }
    .flex-control-thumbs img:hover{
    opacity:1;
    }
    .flex-control-thumbs .active{
    opacity:1;
    cursor:default;
    }
    </style>
    <script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.js"></script>
    <script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.flexslider-min.js"></script>
    <script type="text/javascript">
     $(document).ready(function(){
    $(window).load(function() {
      $('.flexslider').flexslider({
        animation: "slide",
        animationLoop: false,
        itemWidth: 210,
        itemMargin: 0,
        minItems: 1,
        maxItems: 4
      });
    });
    });
    </script>
    <div class="flexslider">
      <ul class="slides">
        <li>
          <img src="http://project.dimpost.com/flexslider-carousel/images/slide1.jpg" />
        </li>
        <li>
          <img src="http://project.dimpost.com/flexslider-carousel/images/slide2.jpg" />
        </li>
        <li>
          <img src="http://project.dimpost.com/flexslider-carousel/images/slide3.jpg" />
        </li>
        <li>
          <img src="http://project.dimpost.com/flexslider-carousel/images/slide4.jpg" />
        </li>
        <li>
          <img src="http://project.dimpost.com/flexslider-carousel/images/slide2.jpg" />
        </li>
        <li>
          <img src="http://project.dimpost.com/flexslider-carousel/images/slide1.jpg" />
        </li>
        <li>
          <img src="http://project.dimpost.com/flexslider-carousel/images/slide4.jpg" />
        </li>
        <li>
          <img src="http://project.dimpost.com/flexslider-carousel/images/slide3.jpg" />
        </li>
        <li>
          <img src="http://project.dimpost.com/flexslider-carousel/images/slide1.jpg" />
        </li>
        <li>
          <img src="http://project.dimpost.com/flexslider-carousel/images/slide4.jpg" />
        </li>
        <li>
          <img src="http://project.dimpost.com/flexslider-carousel/images/slide3.jpg" />
        </li>
        <li>
          <img src="http://4.bp.blogspot.com/-brDyo8F9yKE/UudLs8MjWQI/AAAAAAAACTE/EeSH4Ejod8Y/s200-c/FlexSlider-Basic.jpg" />
        </li>
      </ul>
    </div>

هو فعلا بيشتغل بس لما تكون الصفحة ليست من جزىء من المنتدى
انا هحاول اعمل فحص ودراسة
وباذن الله هاوصل لحل
لانه اهو الفرق بين الصفحتين
هتلاقى انه فيهم واحدة شغالة والتانية لا
والسبب بيرجع اكيد لنص بداخل الكود بيعطلة لما يكون جزىء من الموقع
لا تقلق كل مشكلة ولها حل اكيد

Michael_vx
 
 

ذكر
عدد المساهمات : 1519
معدل النشاط : 4976

http://miccsoft.com

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

رد: مشكله في الكود

مُساهمة من طرف ahmed.taha في السبت 29 مارس 2014 - 15:42

اي اخي صحيح 
اكون مشكور اذا لكيت العطل وقمت باصلاحه 
راح اكون بالانتظار

ahmed.taha



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

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

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

رد: مشكله في الكود

مُساهمة من طرف Michael_vx في الأحد 30 مارس 2014 - 21:24

هناك مشكلة بالكود نفسة الكود بيعمل على منتدى ومنتدى لا
حاول العثور على كود اخر واسف على التاخير فى الرد

Michael_vx
 
 

ذكر
عدد المساهمات : 1519
معدل النشاط : 4976

http://miccsoft.com

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

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


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