ممكن هذا الكود بسرعة
4 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 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: 200px;
height: 145px;
padding: 6px;
overflow: hidden;
background: #FFF;
border: 1px #d2d2d2 solid;
margin: 0 7px;
}
.slidesetCont ul > li a img {
background: #EEE;
width: 200px !important;
height: 145px !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="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
<li>
<a href="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/microsoft-surface-tablets-the-differences-between-rt-and-window-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
<li>
<a href="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/nexus7-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
<li>
<a href="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/C710-2605-Chromebook-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
<li>
<a href="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-12-at-4.53.39-PM-150x150.png" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
</ul>
</div>
</div>
<!--//slideset-->
<! --- code prog by www.4egy.net --->
رد: ممكن هذا الكود بسرعة
يوجد ب الكود كثير من الصور
ومعروف رابط الصورة
ومعروف رابط الصورة
- الكود:
http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png
- الكود:
4egy.net
رد: ممكن هذا الكود بسرعة
تفضلي يا اختي خليتهم 6
- الكود:
<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: 200px;
height: 145px;
padding: 6px;
overflow: hidden;
background: #FFF;
border: 1px #d2d2d2 solid;
margin: 0 7px;
}
.slidesetCont ul > li a img {
background: #EEE;
width: 200px !important;
height: 145px !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="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
<li>
<a href="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/microsoft-surface-tablets-the-differences-between-rt-and-window-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
<li>
<a href="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/nexus7-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
<li>
<a href="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/C710-2605-Chromebook-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
<li>
<a href="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-12-at-4.53.39-PM-150x150.png" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
<a href="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
<li>
<a href="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
<li>
</ul>
<a href="#">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
<!--image-->
</li>
<li>
</ul>
</div>
</div>
<!--//slideset-->
<! --- code prog by www.4egy.net --->
رد: ممكن هذا الكود بسرعة
الكود شغال بس لما اغير الرابط ما يشتغل ينقلني الى الرئيسة وليسس الى الموضوع المطلوب
رد: ممكن هذا الكود بسرعة
اتفضلى الكود اهو والرابط اما تحبي تغيرية تغيرى الكلمة دى
(http://alkber.forumegypt.net/forum)
(http://alkber.forumegypt.net/forum)
- الكود:
<! --- ABBAS.ALKBEER --->
<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: 200px;
height: 145px;
padding: 6px;
overflow: hidden;
background: #FFF;
border: 1px #d2d2d2 solid;
margin: 0 7px;
}
.slidesetCont ul > li a img {
background: #EEE;
width: 200px !important;
height: 145px !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://alkber.forumegypt.net/forum">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" /> </a>
<!--image-->
</li>
<li>
<a href="http://alkber.forumegypt.net/forum">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/microsoft-surface-tablets-the-differences-between-rt-and-window-150x150.jpg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" /> </a>
<!--image-->
</li>
<li>
<a href="http://alkber.forumegypt.net/forum">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/nexus7-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" /> </a>
<!--image-->
</li>
<li>
<a href="http://alkber.forumegypt.net/forum">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/C710-2605-Chromebook-150x150.jpg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" /> </a>
<!--image-->
</li>
<li>
<a href="http://alkber.forumegypt.net/forum">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-12-at-4.53.39-PM-150x150.png" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" /> </a>
<!--image-->
</li>
<a href="http://alkber.forumegypt.net/forum">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" /> </a>
<!--image-->
</li>
<li>
<a href="http://alkber.forumegypt.net/forum">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" /> </a>
<!--image-->
</li>
<li>
</ul>
<a href="http://alkber.forumegypt.net/forum">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="http://alkber.forumegypt.net" /> </a>
<!--image-->
</li>
<li>
</ul>
</div>
</div>
<!--//slideset-->
<! --- ABBAS.ALKBEER --->
رد: ممكن هذا الكود بسرعة
تفضلي الكود فقط ثلاث صور مع توضيح مكان الصور والروابط
- الكود:
<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: 200px;
height: 145px;
padding: 6px;
overflow: hidden;
background: #FFF;
border: 1px #d2d2d2 solid;
margin: 0 7px;
}
.slidesetCont ul > li a img {
background: #EEE;
width: 200px !important;
height: 145px !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="#">
<img width="145" height="145" src="رابط الصورة" class="attachment-200x145 wp-post-image" alt="رابط موضوعك" /> </a>
<!--image-->
</li>
<li>
<a href="#">
<img width="145" height="145" src="رابط الصورة" class="attachment-200x145 wp-post-image" alt="رابط موضوعك" /> </a>
<!--image-->
</li>
<li>
<a href="#">
<img width="145" height="145" src="رابط الصورة" class="attachment-200x145 wp-post-image" alt="رابط موضوعك" /> </a>
<!--image-->
</li>
<li>
</div>
</div>
<!--//slideset-->
<! --- code prog by www.4egy.net --->
رد: ممكن هذا الكود بسرعة
اتفضلى الكود بدون خلفية
- الكود:
<! --- ABBAS.ALKBEER --->
<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;
}
.slidesetCont ul {
float: right;
width: 100%;
}
.slidesetCont ul > li { float: left; }
.slidesetCont ul > li a {
display: block;
width: 200px;
height: 145px;
padding: 6px;
overflow: hidden;
background: #FFF;
border: 1px #d2d2d2 solid;
margin: 0 7px;
}
.slidesetCont ul > li a img {
background: #EEE;
width: 200px !important;
height: 145px !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://alkber.forumegypt.net/forum">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" /> </a>
<!--image-->
</li>
<li>
<a href="http://alkber.forumegypt.net/forum">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/microsoft-surface-tablets-the-differences-between-rt-and-window-150x150.jpg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" /> </a>
<!--image-->
</li>
<li>
<a href="http://alkber.forumegypt.net/forum">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/nexus7-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" /> </a>
<!--image-->
</li>
<li>
<a href="http://alkber.forumegypt.net/forum">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/C710-2605-Chromebook-150x150.jpg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" /> </a>
<!--image-->
</li>
<li>
<a href="http://alkber.forumegypt.net/forum">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-12-at-4.53.39-PM-150x150.png" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" /> </a>
<!--image-->
</li>
<a href="http://alkber.forumegypt.net/forum">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" /> </a>
<!--image-->
</li>
<li>
<a href="http://alkber.forumegypt.net/forum">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="منتديات الكبير" /> </a>
<!--image-->
</li>
<li>
</ul>
<a href="http://alkber.forumegypt.net/forum">
<img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="http://alkber.forumegypt.net" /> </a>
<!--image-->
</li>
<li>
</ul>
</div>
</div>
<!--//slideset-->
<! --- ABBAS.ALKBEER --->
مواضيع مماثلة
» آبي هذا الكود بسرعة ..
» بدي مثل هذا الكود .. بسرعة رجاءً
» اريد هذا الكود بسرعة
» بدي مثل هذا الكود .. بسرعة رجاءً
» محتاج الكود بسرعة
» بدي مثل هذا الكود .. بسرعة رجاءً
» اريد هذا الكود بسرعة
» بدي مثل هذا الكود .. بسرعة رجاءً
» محتاج الكود بسرعة
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى