كيف سوي كذا

السسلاام علييكم

شلون سوي نفس كذا

http://im45.gulfup.com/Qq8Z0.png

بلييز اريد مثله لماا اوقف الماوس عليه يتوفق الشريط ولما ابعد المواس عنه يتحرك وايضاا يوجد سهم يمين ويسار يشتغل!

اريد مثله يااريت ويكون في مكان الاعلانات الخاصه

بلييز

وجزاكم الله خير

ينقل الى
القسم المناسب
دعم مشاكل التومبلايت و الأكواد

تفضل
كود سلايد شو احترافى

اخي اريد مثل الذي طلبت الذي اعطتني مختلف

ان شاء الله

وينكم ياخبراااء

بلليز

تفضل اخي الحبيب
منقول للافادة
لا تنسى تغيير روابط

الكود:: <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> </div> </div>

اخي وضعت الكوود في الاعلانات الخاصه وماشتغل!

تحياتي

اين انتم؟؟؟

ووينكمممممم معقوول ماعندكم الكووود

تفضل
<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(هنا رابط الصورة) no-repeat -6px -5px;
width: 18px;
height: 21px;
overflow: hidden;
text-indent: -555px;
}
.slideset .prev {
position: absolute;
left: 0px;
top: 72px;
background: url(هنا رابط الصورة) 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>

</li>
<li>
<a href="#">
<img width="145" height="145" src="هنا رابط الصورة" class="attachment-200x145 wp-post-image" alt="" /> </a>

</li>
<li>
<a href="#">
<img width="145" height="145" src="هنا رابط الصورة" class="attachment-200x145 wp-post-image" alt="" /> </a>

</li>
<li>
<a href="#">
<img width="145" height="145" src="هنا رابط الصورة" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>

</li>
<li>
<a href="#">
<img width="145" height="145" src="هنا رابط الصورة" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>

</li>
</ul>
</div>
</div>

اخواني الكوود مش شغال هو شغال بس مهو مرتب خربان

للمعاينه
http://im49.gulfup.com/z7jiH.png

اريد مثل الذي طلبت او شبه لكن شغال

اخي الكود شغال 100%
للمعاينة :
هنا

خبير اكواد كتب:اخي الكود شغال 100%
للمعاينة :
هنا

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

هو انا وضغته في التشكيلات واشتغل 100% لكن انا اريده ان يكون في الاعلانات الخاصه

وشكرااا

اخي الحبيب تابع كود اعلانات الثابتة والمتحركة

اخي دخلت ع الرابط ولم استفدت شي ؟؟

تفضل

<style>
.slider_specialoffer_content
width: 960px;
height: 239px;
position: relative;
display: block;
}
.slider {
background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat right top;
width: 691px;
height: 237px;
position: absolute;
}
.slider img { margin: 6px 9px; }
.slider .next_button {
position: absolute;
z-index: -9999px;
right: 30px;
top: 40%;
background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat;
width: 43px;
height: 45px;
text-indent: -9999px;
overflow: hidden;
z-index: 999;
}
.slider .prev_button {
position: absolute;
z-index: 999;
left: 30px;
top: 40%;
background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat;
width: 43px;
height: 45px;
text-indent: -9999px;
overflow: hidden;
}
</style>
<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
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.jquery.js"
type="text/javascript"></script>
<div class="slider_specialoffer_content "><div class="slider">
 <div class="box_skitter
box_skitter_large">
<ul>
<li><a
href="#"><img alt="www.4egy.net"
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_04.png"
/> </a> </li>
<li><a href="#"><img
alt="www.4egy.net"
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_02.png"
/></a> </li>
<li><a href="#"><img
alt="www.4egy.net"
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_04.png"
/></a> </li>
<li><a href="#"><img
alt="www.4egy.net"
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_03.png"
</a> </li></ul></div></div>
منقول من ديفي نت
اخي غير الصور
اخي قبل تغيير الصور جربو على منتدى اخر

اخي الكوود شغال جميع الاكواد اسابقه شغاله لكن المشكله كل ماضعهاا في الاعلانات الخاصه مايشتغل !!!

وانا اريده في الاعلانات الخاصه!

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

طيب انا ابي اضعها في الاعلانات مثل ماوريتكم بالصوره! محتااااجه والله

تم الحل
تفضل ضعه في الاعلانات الخاصة

<style type="text/css">

/* JavaScript Image Slider By http://mdonti-n.blogspot.com/ */

#mcis {
display: none;
}

#sliderFrame {
position: relative;
width: 468px;
margin: 0 auto;
border:3px solid #E1E0E2;
}

#ribbon {
width: 111px;
height: 111px;
position: absolute;
top: -4px;
right: -4px;
}

#slider {
width: 468px;
height: 260px;
background: #fff url(https://lh3.googleusercontent.com/-jr3u7sHVNzc/T_9iyf5egvI/AAAAAAAAC9c/jwanynfbt7Y/h120/mdonti-n.blogspot.com-loading.gif) no-repeat 50% 50%;
position: relative;
margin: 0 auto;
box-shadow: 0px 1px 5px 010007;
}

#slider img {
position: absolute;
border: none;
display: none;
}

#slider a.imgLink {
z-index: 2;
display: none;
position: absolute;
top: 0px;
right: 0px;
border: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}

div.mc-caption-bg, div.mc-caption-bg2 {
position: absolute;
width: 100%;
height: auto;
padding: 0;
right: 0px;
bottom: 0px;
z-index: 3;
overflow: hidden;
font-size: 0;
}

div.mc-caption-bg {
background-color: #0066CC;
}

div.mc-caption {
font: bold 25px/21px traditional arabic ;
color: #0000;
z-index: 4;
padding: 10px 0;
text-align: center;
}

div.mc-caption a {
color: #FB0;
}

div.mc-caption a:hover {
color: #DA0;
}

div.navBulletsWrapper {
top: 250px;
right: 190px;
width: 150px;
background: none;
padding-right: 20px;
position: relative;
z-index: 5;
cursor: pointer;
}

div.navBulletsWrapper div {
width: 11px;
height: 11px;
background: transparent url(https://lh3.googleusercontent.com/-XpmNmet2gQE/T_9iZTdKsgI/AAAAAAAAC9U/e5Hto1X5zKc/h120/mdonti-n.blogspot.com-bullet.png) no-repeat 0 0;
float: right;
overflow: hidden;
vertical-align: middle;
cursor: pointer;
margin-left: 11px;
_position: relative;
}

div.navBulletsWrapper div.active {
background-position: 0 -11px;
}

#slider {
transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}
</style>

<script src="http://my-mdonti.googlecode.com/files/js-image-slider.js" type="text/javascript"></script>

<div id="sliderFrame">
<div id="ribbon"></div>
<div id="slider">

<a href="xxxxx"><img src="ضع رابط الصورة هنا" alt=""/></a>

<a href="xxxxxx"><img src="ضع رابط الصورة هنا" alt=""/></a>

<a href="xxxxxx"><img src="ضع رابط الصورة هنا" alt=""/></a>

<a href="xxxxxx"><img src="ضع رابط الصورة هنا" alt=""/></a>

<a href="xxxxxx"><img src="ضع رابط الصورة هنا"alt=" "/></a>

اذا ماعجبك الاول

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>عنوان الصفحة</title><meta http-equiv="content-script-type"
content="text/javascript" /><meta http-equiv="content-style-type"
content="text/css" /><meta http-equiv="imagetoolbar" content="no"
/>

<meta name="google-site-verification" content="P7BJggJ24VHn6Tj47PJcOEZAY-D28VmZHKMCQX-93y0" />
<HTML dir=rtl>

<style type="text/css">
html {
overflow: hidden;
}
body {
position: absolute;
margin: 0px;
padding: 0px;
background: #111;
width: 100%;
height: 100%;
}
#center {
position: absolute;
left: 50%;
top: 50%;
}
#slider {
position: absolute;
width: 820px;
height: 333px;
left: -430px;
top: -186px;
overflow: hidden;
background: #000;
border: 20px solid #000;
}
#slider .slide {
position: absolute;
top: 0px;
height: 333px;
width: 500px;
background: #000;
overflow: hidden;
border-left: #000 solid 1px;
cursor: default;
}
#slider .title {
color: #F80;
font-weight: bold;
font-size: 1.2em;
margin-right: 1.5em;
text-decoration: none;
}
#slider .backgroundText {
position: absolute;
width: 100%;
height: 100%;
top: 100%;
background: #000;
filter: alpha(opacity=40);
opacity: 0.4;
}
#slider .text {
position: absolute;
top: 1%;
top: 100%;
color: #FFF;
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 0.9em;
text-align: justify;
width: 470px;
left: 10px;
}
#slider .diapo {
position: absolute;
filter: alpha(opacity=100);
opacity: 1;
visibility: hidden;
}
a:link {
color: Lime;
text-decoration:none;
}
a:visited {
color: Lime;
text-decoration:none;
}
a:hover {
color:DarkOrange;
text-decoration:none;
}

a {text-decoration: none;}
a:hover {
text-shadow: 2px 2px 2px #73729c;
text-decoration: none !important;
}

a:hover
{
background: url(https://i.servimg.com/u/f65/16/35/21/30/undo10.gif) no-repeat right;
padding:10px 30px 10px 10px;
}

</style>

<script type="text/javascript">
/* ==== slider nameSpace ==== */
var slider = function() {
/* ==== private methods ==== */
function getElementsByClass(object, tag, className) {
var o = object.getElementsByTagName(tag);
for ( var i = 0, n = o.length, ret = []; i < n; i++) {
if (o[i].className == className) ret.push(o[i]);
}
if (ret.length == 1) ret = ret[0];
return ret;
}
function setOpacity (obj,o) {
if (obj.filters) obj.filters.alpha.opacity = Math.round(o);
else obj.style.opacity = o / 100;
}
/* ==== Slider Constructor ==== */
function Slider(oCont, speed, iW, iH, oP) {
this.slides = [];
this.over = false;
this.S = this.S0 = speed;
this.iW = iW;
this.iH = iH;
this.oP = oP;
this.oc = document.getElementById(oCont);
this.frm = getElementsByClass(this.oc, 'div', 'slide');
this.NF = this.frm.length;
this.resize();
for (var i = 0; i < this.NF; i++) {
this.slides[i] = new Slide(this, i);
}
this.oc.parent = this;
this.view = this.slides[0];
this.Z = this.mx;
/* ==== on mouse out event ==== */
this.oc.onmouseout = function () {
this.parent.mouseout();
return false;
}
}
Slider.prototype = {
/* ==== animation loop ==== */
run : function () {
this.Z += this.over ? (this.mn - this.Z) * .5 : (this.mx - this.Z) * .5;
this.view.calc();
var i = this.NF;
while (i--) this.slides[i].move();
},
/* ==== resize ==== */
resize : function () {
this.wh = this.oc.clientWidth;
this.ht = this.oc.clientHeight;
this.wr = this.wh * this.iW;
this.r = this.ht / this.wr;
this.mx = this.wh / this.NF;
this.mn = (this.wh * (1 - this.iW)) / (this.NF - 1);
},
/* ==== rest ==== */
mouseout : function () {
this.over = false;
setOpacity(this.view.img, this.oP);
}
}
/* ==== Slide Constructor ==== */
Slide = function (parent, N) {
this.parent = parent;
this.N = N;
this.x0 = this.x1 = N * parent.mx;
this.v = 0;
this.loaded = false;
this.cpt = 0;
this.start = new Date();
this.obj = parent.frm[N];
this.txt = getElementsByClass(this.obj, 'div', 'text');
this.img = getElementsByClass(this.obj, 'img', 'diapo');
this.bkg = document.createElement('div');
this.bkg.className = 'backgroundText';
this.obj.insertBefore(this.bkg, this.txt);
if (N == 0) this.obj.style.borderLeft = 'none';
this.obj.style.left = Math.floor(this.x0) + 'px';
setOpacity(this.img, parent.oP);
/* ==== mouse events ==== */
this.obj.parent = this;
this.obj.onmouseover = function() {
this.parent.over();
return false;
}
}
Slide.prototype = {
/* ==== target positions ==== */
calc : function() {
var that = this.parent;
// left slides
for (var i = 0; i <= this.N; i++) {
that.slides[i].x1 = i * that.Z;
}
// right slides
for (var i = this.N + 1; i < that.NF; i++) {
that.slides[i].x1 = that.wh - (that.NF - i) * that.Z;
}
},
/* ==== HTML animation : move slides ==== */
move : function() {
var that = this.parent;
var s = (this.x1 - this.x0) / that.S;
/* ==== lateral slide ==== */
if (this.N && Math.abs(s) > .5) {
this.obj.style.left = Math.floor(this.x0 += s) + 'px';
}
/* ==== vertical text ==== */
var v = (this.N < that.NF - 1) ? that.slides[this.N + 1].x0 - this.x0 : that.wh - this.x0;
if (Math.abs(v - this.v) > .5) {
this.bkg.style.top = this.txt.style.top = Math.floor(2 + that.ht - (v - that.Z) * that.iH * that.r) + 'px';
this.v = v;
this.cpt++;
} else {
if (!this.pro) {
/* ==== adjust speed ==== */
this.pro = true;
var tps = new Date() - this.start;
if(this.cpt > 1) {
that.S = Math.max(2, (28 / (tps / this.cpt)) * that.S0);
}
}
}
if (!this.loaded) {
if (this.img.complete) {
this.img.style.visibility = 'visible';
this.loaded = true;
}
}
},
/* ==== light ==== */
over : function () {
this.parent.resize();
this.parent.over = true;
setOpacity(this.parent.view.img, this.parent.oP);
this.parent.view = this;
this.start = new Date();
this.cpt = 0;
this.pro = false;
this.calc();
setOpacity(this.img, 100);
}
}
/* ==== public method - script initialization ==== */
return {
init : function() {
// create instances of sliders here
// parameters : HTMLcontainer name, speed (2 fast - 20 slow), Horizontal ratio, vertical text ratio, opacity
this.s1 = new Slider("slider", 12, 1.84/3, 1/3.2, 70);
setInterval("slider.s1.run();", 16);
}
}
}();
</script>
</head>
<body>
<br>
<div
style="text-align: center;"><font style="font-weight: bold;"
size="5"><span style="font-family: Tahoma;"><a href="رابط الصورة
منتداك">الرئيسية</a> <a href="رابط البوابة او رابط
اخر">البوابة</a></span></font><br></div>

<div id="center">
<div id="slider">

<div class="slide">
<img
class="diapo"
src="رابط الصورة" alt=" كلمات
دلالية للموضوع " width="500" height="333"><div class="text">

<span class="title">عنوان الموضوع باختصار</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div><div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="333"><div class="text">
<span class="title">عنوان الموضوع
</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div><div class="slide">
<img
class="diapo"
src="رابط الصورة" alt=" كلمات
دلالية للموضوع" width="500" height="354"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع . <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>

وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">

<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>

وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">

<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.

</div>

</div> <div class="slide">
<img
class="diapo"
src="رابطالصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>

وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>

وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="335"><div class="text">
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">شقرائة المزيد</a><br><br>.
</div>
</div>

<div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع " width="500" height="333"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>
</div>

<div class="slide">
<img
class="diapo"
src="رابط الصورة" alt="كلمات
دلالية للموضوع" width="500" height="333"><div class="text">
<span class="title">عنوان الموضوع</span>
وصف موجز للموضوع. <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>
</div>

</div>
</div>

<script type="text/javascript">
/* ==== start script ==== */
slider.init();
</script>
</body>
</html>

وضعتها الاكواد في الاعلانات ومانفع!

تظهر فقط في التشكيلات العامة

اخي اعطني رابط منتداك للمعاينة

http://makszoox7.forumarabia.com/

ملاحظه انا جربت الاكواد في منتدى تجربي!
تحياتي

Gta_Cena95 كتب:تفضل اخي الحبيب
منقول للافادة
لا تنسى تغيير روابط

الكود:
<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> </div> </div>

هذا هو الكوود الي ابيه لكن ابي يكون في الاعلانات الخاصه وليس التشيكلات العامة

Hitskin.com

كيف سوي كذا

كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا

رد: كيف سوي كذا