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

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

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

مُساهمة من طرف المحال في الثلاثاء 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
معدل النشاط : 2956
السُمعة : 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
 
 

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

http://stones.arab.st/

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

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

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

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


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

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

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

http://makszoox7.forumarabia.com/

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

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

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

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



avatar
stones
 
 

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

http://stones.arab.st/

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

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

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

مانفع حبيبي؟

وضعتها 90 ×90

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

ذكر
عدد المساهمات : 849
معدل النشاط : 2956
السُمعة : 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
 
 

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

http://stones.arab.st/

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

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

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

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

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

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

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

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

http://makszoox7.forumarabia.com/

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

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

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

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

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

http://stones.arab.st/

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

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

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

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

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

http://makszoox7.forumarabia.com/

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

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


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