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

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


انشاء منتدى مجاني شبيه بهذا المنتدى

تعديل حجم الكود ثاني

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

تعديل حجم الكود ثاني

مُساهمة من طرف المحال في الثلاثاء 6 مايو 2014 - 18:08

السلام عليكم تعديل على حجم الصور في الكود
<script src="http://foryamany1.Googlecode.com/svn/trunk/4egy/bdayh.js" type="text/javascript"></script> <script src="http://foryamany1.Googlecode.com/svn/trunk/4egy/custom.js" type="text/javascript"></script> <script src="http://foryamany1.Googlecode.com/svn/trunk/4egy/easing.js" type="text/javascript"></script><style>
.slideset {
  width: 960px;
  height: 167px;
  margin: auto;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.slideset .next {
  position: absolute;
  right: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -5px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .prev {
  position: absolute;
  left: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -35px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .slidesetCont {
  width: 905px;
  margin: auto;
  position: relative;
  background: #000;
}
.slidesetCont ul {
  float: right;
  width: 100%;
}
.slidesetCont ul > li { float: left; }
.slidesetCont ul > li a {
  display: block;
  width: 250px;
  height: 150px;
  padding: 6px;
  overflow: hidden;
  background: #FFF;
  border: 1px #d2d2d2 solid;
  margin: 0 7px;
}
.slidesetCont ul > li a img {
  background: #EEE;
  width: 250px !important;
  height: 150px !important;
  display: block;
}
ul, li, ol {
  list-style: none;
  outline: 0px;
}
</style> <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/ads.js" type="text/javascript"></script>
<div class="slideset">
     <a class="next" href="#"></a> <a class="prev" href="#"></a>
    <div class="slidesetCont">
         
        <ul class="set1">
             
            <li>
                 <a href="http://makszoox7.forumarabia.com/t863-topic#6932"> <img style="width: 250px; height: 150px;" src="https://ia601008.us.archive.org/22/items/DarkEvilsFairyTail01Egydvd.com.7z/Mirai/974132_384936384946387_2147436879_n.jpg" class="attachment-250x150 wp-post-image" alt="منتديات العاشق" /> </a>
                <!--       image       -->
            </li>
             
            <li>
                 <a href="http://makszoox7.forumarabia.com/"> <img style="width: 250px; height: 150px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-250x150 wp-post-image" alt="منتديات العاشق " /> </a>
                <!--       image       -->
            </li>
             
            <li>
                 <a href="http://makszoox7.forumarabia.com/"> <img style="width: 250px; height: 150px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-250x150 wp-post-image" alt="منتديات العاشق " /> </a>
                <!--       image       -->
            </li>
             
            <li>
                 <a href="http://makszoox7.forumarabia.com/"> <img style="width: 250px; height: 150px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-250x150 wp-post-image" alt="منتديات العاشق " /> </a>
                <!--       image       -->
            </li>
             
            <li>
                 <a href="http://makszoox7.forumarabia.com/"> <img style="width: 250px; height: 150px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-250x150 wp-post-image" alt="منتديات العاشق " /> </a>
                <!--       image       -->
            </li>
             
            <li>
                 <a href="http://makszoox7.forumarabia.com/"> <img style="width: 250px; height: 150px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-250x150 wp-post-image" alt="اسم منتداك" /> </a>
                <!--       image       -->
            </li>
             
            <li>
                 <a href="http://makszoox7.forumarabia.com/"> <img style="width: 250px; height: 150px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-250x150 wp-post-image" alt="منتديات العاشق" /> </a>
                <!--       image       -->
            </li>
             
        </ul>
         
    </div>
</div>
<!--       //slideset       -->

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

صوره للمعانية الكود:

http://im58.gulfup.com/erpxsX.png


الصور كبيره الريد تعديل عليها !


وشكراا
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2559
السُمعة : 7

http://makszoox7.forumarabia.com/

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

رد: تعديل حجم الكود ثاني

مُساهمة من طرف stones في الثلاثاء 6 مايو 2014 - 18:17

حجم كم تريدها
100 او 200
او 50
تفضل التعديل هذا اذا ناسب
الكود:
<script src="http://foryamany1.Googlecode.com/svn/trunk/4egy/bdayh.js" type="text/javascript"></script> <script src="http://foryamany1.Googlecode.com/svn/trunk/4egy/custom.js" type="text/javascript"></script> <script src="http://foryamany1.Googlecode.com/svn/trunk/4egy/easing.js" type="text/javascript"></script><style>
.slideset {
  width: 960px;
  height: 167px;
  margin: auto;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.slideset .next {
  position: absolute;
  right: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -5px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .prev {
  position: absolute;
  left: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -35px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .slidesetCont {
  width: 905px;
  margin: auto;
  position: relative;
  background: #000;
}
.slidesetCont ul {
  float: right;
  width: 100%;
}
.slidesetCont ul > li { float: left; }
.slidesetCont ul > li a {
  display: block;
  width: 250px;
  height: 150px;
  padding: 6px;
  overflow: hidden;
  background: #FFF;
  border: 1px #d2d2d2 solid;
  margin: 0 7px;
}
.slidesetCont ul > li a img {
  background: #EEE;
  width: 250px !important;
  height: 150px !important;
  display: block;
}
ul, li, ol {
  list-style: none;
  outline: 0px;
}
</style> <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/ads.js" type="text/javascript"></script>
<div class="slideset">
    <a class="next" href="#"></a> <a class="prev" href="#"></a>
    <div class="slidesetCont">
       
        <ul class="set1">
           
            <li>
                <a href="http://makszoox7.forumarabia.com/t863-topic#6932"> <img style="width: 150px; height: 100px;" src="https://ia601008.us.archive.org/22/items/DarkEvilsFairyTail01Egydvd.com.7z/Mirai/974132_384936384946387_2147436879_n.jpg" class="attachment-150x100 wp-post-image" alt="منتديات العاشق" /> </a>
                <!--      image      -->
            </li>
           
            <li>
                <a href="http://makszoox7.forumarabia.com/"> <img style="width: 150px; height: 100px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-100x100 wp-post-image" alt="منتديات العاشق " /> </a>
                <!--      image      -->
            </li>
           
            <li>
                <a href="http://makszoox7.forumarabia.com/"> <img style="width: 150px; height: 100px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-100x100 wp-post-image" alt="منتديات العاشق " /> </a>
                <!--      image      -->
            </li>
           
            <li>
                <a href="http://makszoox7.forumarabia.com/"> <img style="width: 150px; height: 100px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-100x100 wp-post-image" alt="منتديات العاشق " /> </a>
                <!--      image      -->
            </li>
           
            <li>
                <a href="http://makszoox7.forumarabia.com/"> <img style="width: 150px; height: 100px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-100x100 wp-post-image" alt="منتديات العاشق " /> </a>
                <!--      image      -->
            </li>
           
            <li>
                <a href="http://makszoox7.forumarabia.com/"> <img style="width: 150px; height: 100px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-100x100 wp-post-image" alt="اسم منتداك" /> </a>
                <!--      image      -->
            </li>
           
            <li>
                <a href="http://makszoox7.forumarabia.com/"> <img style="width: 150px; height: 100px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-100x100 wp-post-image" alt="منتديات العاشق" /> </a>
                <!--      image      -->
            </li>
           
        </ul>
       
    </div>
</div>
<!--      //slideset      -->
avatar
stones
 
 

ذكر
عدد المساهمات : 11050
معدل النشاط : 13631
السُمعة : 413

http://stones.arab.st/

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

رد: تعديل حجم الكود ثاني

مُساهمة من طرف المحال في الثلاثاء 6 مايو 2014 - 18:37

امممم لم يتغير شي!


انا اريد الطريقة لكي اعدل الحجم بنفسي!

وشكراا
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2559
السُمعة : 7

http://makszoox7.forumarabia.com/

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

رد: تعديل حجم الكود ثاني

مُساهمة من طرف stones في الثلاثاء 6 مايو 2014 - 18:47

الطريقة في الصور



avatar
stones
 
 

ذكر
عدد المساهمات : 11050
معدل النشاط : 13631
السُمعة : 413

http://stones.arab.st/

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

رد: تعديل حجم الكود ثاني

مُساهمة من طرف المحال في الثلاثاء 6 مايو 2014 - 19:02

مانفع حبيبي؟

وضعتها 90 ×90

مازالت كما هي
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2559
السُمعة : 7

http://makszoox7.forumarabia.com/

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

رد: تعديل حجم الكود ثاني

مُساهمة من طرف stones في الثلاثاء 6 مايو 2014 - 19:19

تفضل اخر تعديل
يمكن يضبط معك
الكود:
<script src="http://foryamany1.Googlecode.com/svn/trunk/4egy/bdayh.js" type="text/javascript"></script> <script src="http://foryamany1.Googlecode.com/svn/trunk/4egy/custom.js" type="text/javascript"></script> <script src="http://foryamany1.Googlecode.com/svn/trunk/4egy/easing.js" type="text/javascript"></script><style>
.slideset {
  width: 960px;
  height: 167px;
  margin: auto;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.slideset .next {
  position: absolute;
  right: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -5px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .prev {
  position: absolute;
  left: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -35px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .slidesetCont {
  width: 905px;
  margin: auto;
  position: relative;
  background: #000;
}
.slidesetCont ul {
  float: right;
  width: 100%;
}
.slidesetCont ul > li { float: left; }
.slidesetCont ul > li a {
  display: block;
  width: 100px;
  height: 100px;
  padding: 6px;
  overflow: hidden;
  background: #FFF;
  border: 1px #d2d2d2 solid;
  margin: 0 7px;
}
.slidesetCont ul > li a img {
  background: #EEE;
  width: 100px !important;
  height: 100px !important;
  display: block;
}
ul, li, ol {
  list-style: none;
  outline: 0px;
}
</style> <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/ads.js" type="text/javascript"></script>
<div class="slideset">
    <a class="next" href="#"></a> <a class="prev" href="#"></a>
    <div class="slidesetCont">
     
        <ul class="set1">
         
            <li>
                <a href="http://makszoox7.forumarabia.com/t863-topic#6932"> <img style="width: 100px; height: 100px;" src="https://ia601008.us.archive.org/22/items/DarkEvilsFairyTail01Egydvd.com.7z/Mirai/974132_384936384946387_2147436879_n.jpg" class="attachment-100x100 wp-post-image" alt="منتديات العاشق" /> </a>
                <!--      image      -->
            </li>
         
            <li>
                <a href="http://makszoox7.forumarabia.com/"> <img style="width: 100px; height: 100px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-100x100 wp-post-image" alt="منتديات العاشق " /> </a>
                <!--      image      -->
            </li>
         
            <li>
                <a href="http://makszoox7.forumarabia.com/"> <img style="width: 100px; height: 100px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-100x100 wp-post-image" alt="منتديات العاشق " /> </a>
                <!--      image      -->
            </li>
         
            <li>
                <a href="http://makszoox7.forumarabia.com/"> <img style="width: 100px; height: 100px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-100x100 wp-post-image" alt="منتديات العاشق " /> </a>
                <!--      image      -->
            </li>
         
            <li>
                <a href="http://makszoox7.forumarabia.com/"> <img style="width: 100px; height: 100px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-100x100 wp-post-image" alt="منتديات العاشق " /> </a>
                <!--      image      -->
            </li>
         
            <li>
                <a href="http://makszoox7.forumarabia.com/"> <img style="width: 100px; height: 100px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-100x100 wp-post-image" alt="اسم منتداك" /> </a>
                <!--      image      -->
            </li>
         
            <li>
                <a href="http://makszoox7.forumarabia.com/"> <img style="width: 100px; height: 100px;" src="http://im48.gulfup.com/N5LrD5.gif" class="attachment-100x100 wp-post-image" alt="منتديات العاشق" /> </a>
                <!--      image      -->
            </li>
         
        </ul>
     
    </div>
</div>
<!--      //slideset      -->
avatar
stones
 
 

ذكر
عدد المساهمات : 11050
معدل النشاط : 13631
السُمعة : 413

http://stones.arab.st/

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

رد: تعديل حجم الكود ثاني

مُساهمة من طرف المحال في الثلاثاء 6 مايو 2014 - 20:17

بارك الله فيك حبيبي

نفع لكن كيف غيرتها علمني الطريقة ؟

لكي اعدل علها في اي وقت اريد

تحياتي
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2559
السُمعة : 7

http://makszoox7.forumarabia.com/

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

رد: تعديل حجم الكود ثاني

مُساهمة من طرف stones في الأربعاء 7 مايو 2014 - 10:42

النسخ الكود وضعه في ورقة وعدل الارقام
الى الارقام الي تراها مناسبه
وجربه اذا لم يصلح اعد النسخ الكود
وعدل عليه ب ارقام اخرى
وهكذا الى ان تتوصل الي الحل الانسب
هذا افضل طريقة
============
لابد لك من كود احتياط تحسبا
لاي خطاء
avatar
stones
 
 

ذكر
عدد المساهمات : 11050
معدل النشاط : 13631
السُمعة : 413

http://stones.arab.st/

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

رد: تعديل حجم الكود ثاني

مُساهمة من طرف المحال في الأربعاء 7 مايو 2014 - 15:19

تمم الحل
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2559
السُمعة : 7

http://makszoox7.forumarabia.com/

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

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


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