هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
تعديل حجم الكود ثاني
2 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: قسم المشاكل الأخرى :: أرشيف قسم "المشاكل الأخرى"
صفحة 1 من اصل 1
تعديل حجم الكود ثاني
السلام عليكم تعديل على حجم الصور في الكود
<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
الصور كبيره الريد تعديل عليها !
وشكراا
<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
الصور كبيره الريد تعديل عليها !
وشكراا
رد: تعديل حجم الكود ثاني
حجم كم تريدها
100 او 200
او 50
تفضل التعديل هذا اذا ناسب
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 -->
رد: تعديل حجم الكود ثاني
تفضل اخر تعديل
يمكن يضبط معك
يمكن يضبط معك
- الكود:
<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 -->
رد: تعديل حجم الكود ثاني
بارك الله فيك حبيبي
نفع لكن كيف غيرتها علمني الطريقة ؟
لكي اعدل علها في اي وقت اريد
تحياتي
نفع لكن كيف غيرتها علمني الطريقة ؟
لكي اعدل علها في اي وقت اريد
تحياتي
رد: تعديل حجم الكود ثاني
النسخ الكود وضعه في ورقة وعدل الارقام
الى الارقام الي تراها مناسبه
وجربه اذا لم يصلح اعد النسخ الكود
وعدل عليه ب ارقام اخرى
وهكذا الى ان تتوصل الي الحل الانسب
هذا افضل طريقة
============
لابد لك من كود احتياط تحسبا
لاي خطاء
الى الارقام الي تراها مناسبه
وجربه اذا لم يصلح اعد النسخ الكود
وعدل عليه ب ارقام اخرى
وهكذا الى ان تتوصل الي الحل الانسب
هذا افضل طريقة
============
لابد لك من كود احتياط تحسبا
لاي خطاء
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: قسم المشاكل الأخرى :: أرشيف قسم "المشاكل الأخرى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى