مثال حي للسلايدر شو
كيفية اضافة هذه الاداه الى مدوناتكم
انتقل إلى
لوحة تحكم
مدونتك
إختر “تخطيط” ثم إضافة أداة ثم اختر
والآن الصق داخل ال
مستطيل الكود التالي
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
>
:
relative
;
width
:
700px
;
margin
:
auto
40px
;}
width
:
700px
;
height
:
306px
;
background
:
#fff
urlundefinedhttp://
4
3
vxFAMI/AAAAAAAABm
8
1600
/loading.gif)
no-repeat
50%
50%
;
:
relative
;
margin
:
auto
;
0px
1px
5px
#999999
;
}
:
;
border
:
none
;
:
none
;
}
z-index
:
2
;
:
none
;
:
;
top
:
0px
;
left
:
0px
;
border
:
;
padding
:
;
margin
:
;
width
:
100%
;
height
:
100%
;
}
div.mc-caption-bg, div.mc-caption-bg
2
{
:
;
width
:
100%
;
height
:
auto
;
padding
:
;
left
:
0px
;
bottom
:
15px
;
z-index
:
3
;
overflow
:
hidden
;
:
;
}
div.mc-caption-bg {
background-color
:
black
;
}
div.mc-
caption
{
font
:
bold
14px
/
20px
Arial
;
color
:
#EEE
;
z-index
:
4
;
padding
:
10px
;
text-align
:
center
;
}
div.mc-
caption
a {
color
:
#FB0
;
}
div.mc-
caption
a:hover {
color
:
#DA0
;
}
top
:
320px
;
left
:
280px
;
width
:
150px
;
background
:
none
;
padding-left
:
20px
;
:
relative
;
z-index
:
5
;
:
pointer
;
}
/* each bullet */
{
width
:
11px
;
height
:
11px
;
background
:
urlundefinedhttp://
3
5
-lcCi
4
/UR-TzMXcpuI/AAAAAAAABm
1600
/bullet.png)
no-repeat
;
float
:
left
;
overflow
:
hidden
;
vertical-align
:
middle
;
:
pointer
;
margin-right
:
11px
;
:
relative
;
/*IE6 hack*/
}
:
-11px
;}
{
3
dundefined
,
,
);
3
dundefined
,
,
);
3
dundefined
,
,
);
3
dundefined
,
,
);
}
"
"
type=
<div id=
>
<div id=
>
<a href=
"#"
"رابط الصوره الاولى"
alt=
"عنوان الموضوع الاول"
/></a>
<a href=
"#"
"رابط الصوره الثانيه"
alt=
"عنوان الموضوع الثاني"
/></a>
<a href=
"#"
"رابط الصوره الثالثه"
alt=
"عنوان الموضوع الثالث"
/></a>
<a href=
"#"
"رابط الصوره الرابعه"
alt=
"عنوالن الموضوع الرابع"
/></a>
<a href=
"#"
"رابط الصوره الخامسه"
alt=
"عنوان الموضوع الخامس"
/></a>
</div>
</div>
مايجب عليك تغييره
عنوان الموضوع
: استبدلها بعنوان الموضوع المراد عرضه في السلايد شو.
رابط صورة الموضوع
: استبدلها برابط صورة الموضوع المراد عرضه بالسلايد شو.
#
: استبدلها برابط الموضوع المراد عرضه بالسلايد شو.
700px
: لتغيير عرض السلايد شو .
306px
:لتغيير ارتفاع السلايدشو.
وبالاخير قم بحفظ الاداه ومبروك عليك السلايدشو
لعرض هذه الاداه قبل اضافتها الى مدونتك قم ينسخ الكود والصقه في محرر الاكواد لمدونة جلال البعداني من
هنا
اذا كان عندكم اي استفسارات يمكنكم كتابة تعليق وسيتم الرد عليه انشاء الله
تابعوا آخر أخبارنا المحلية وآخر المستجدات السياسية والإقتصادية عبر Google news