طريقة اضافة سلايد شو أحترافي

أضف تعليق

السلام عليكم ورحمة الله وبركاته

اليوم سنتعرف على كيفية اضافة السلايدر الموجود على مدونتنا.

لإضافة السلايدر تذهب إلى لوحة تحكم مدونتك وتضغط على قالب ثم تحرير html وتضع العلامة على مربع توسيع قالب واجهة المستخدم ثم تضغط في الكيبورد على ctrl+f وتبحث عن هذا الكود :

بعد أن تجده قم بوضع هذا الكود فوقه :

#featured{
margin-bottom:10px;
}
.sliderwrapper{
position: relative;
border-bottom-width: 6px;
height: 124px;
}
.sliderwrapper .contentdiv{
visibility: hidden;
position: absolute;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;
padding:15px 15px 15px 0px;
background:#f1f1f1;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 3px #ABABAB;
margin-top:10px;
}
.pagination{
text-align: right;
margin-top: 50px;
padding:5px;
}
.pagination a{
font:11px Arial;
color:#a3a3a3;
padding:4px 8px 4px 8px;
}
.pagination a.selected{
color:#4f4f4f;
}
.pagination .prev,.pagination .next { color:#EAEAEA;
font-size:0px; background:none; padding:0px; }
.featuredPost{
width:410px;
padding:0px 10px 10px 10px !important;
bottom:0;
float:left !important;
margin-right: 54px;
}
.featuredPost a{
color:#515151;
font: 18px "Microsoft Sans Serif";
margin:0;
padding:0;
}
.featuredPost h2{margin:0 0 8px 0;}
.featuredPost span{font-size:11px; margin:0; color:#797979;}
.featuredPost p{font-size:12px; margin:4px 0 0 0; color:#797979;}
.sliderPostPhoto a img{float: right !important;}
.sliderPostPhoto{float: right !important; width:100px !important;}

ثم مرة أخرى كمرحلة ثانية إبحث عن هذا الكود :

بعد إضافته قم بتغيير كلمة الوندوز في الكود إلى القسم الذي تريده أن يضهر في السلايدر
وقم أيضا بتغيير الرقم 7 إلى عدد المواضيع التي تريدها أن تظهر على السلايدر
*وكمرحلة ثالثة قم بالبحث مرة أخرى عن هذا الكود :

وقم بإضافة هذا الكود قبله :

*وفي الأخير قم بالبحث عن هذا الكود :

وقم بإضافة هذا الكود بعده :

بعد هذا كله قم بالضغط على حفظ التغييرات ومبروك عليك السلايدر .

بقلم عالم المعلوميات

بقلم عالم المعلوميات : مدون جزائري عمره 20 سنة, يهتم بكل ما هو جديد في عالم التقنيات و الأنترنت طموحه مساعدة الأخرين في الوصول إلى المعلومة بأسهل طريقة ممكنة يمكنكم متابعتي عبر مواقع التواصل الاجتماعية او , ، .

عن المدونة :

مدونة عالم المعلوميات هي عبارة عن مدونة معلوماتية تضم مجموعة من الدروس و الشروحات التي تفيد الشباب العربي ، بالإضافة إلى مقالات يومية تم تأسيسها سنة 2013 حيث تستقطب العديد من رواد الأنترنيت من كافة الدول العربية عبر الشروحات الحصرية والتي نطمح من خلالها إلي إثراء المحتوي العربي .

أخر الأخبار

عالم المعلوميات

أخر الأخبار