📁 آخر الأخبار

اضافة أداة لأراء العملاء أو للتعليقات بشكل سلايد متحرك #3

سلايد شو السلايد هو أداة رائع جدا يفضلها الكثيرون بسبب أنها أضافة رائعه جدا جدا واليوم سوف أعرض لكم اضافة جديد عن السلايد شو وقمت من قبل بعرض مواضيع كثيرا عن السلايد شو سوء كان سلايد شو للمواضيع أو سلايد شو يعمل يدويا وكل شئ سوف تجده على المدونة فى قسم أضافات بلوجر أو قسم سلايد شو .

واليوم سوف أعرض لكم سلايد شو احترافى يعرض اراء أو تعليقات زوار مدونتك أو عملاؤك أو اى شئء تريد عرضه به  يمكنك عرضه عليه ن وقمت من قبل بعرض موضوعين عن هذا الأمر بأشكال محتلف وكان الموضوع الأول بأسم اضافة أداة لأراء العملاء بشكل سلايد متحرك الاصدار الأول ويمكنك الحصول عليها من الموضوع الخاص بها .

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

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



معاينة وتحميل أكواد الإضافة



صورة من الإضافة




شرح التركيب



  • سوف تقوم أولا بالبحث عن هذا الوسم]]>ثم تقوم بضع الكود التالى فوقه.


.o-media {
margin-bottom: 50px;
background-color: #fff;
transition: all 250ms ease-in-out;
float: right;
width: 100%;
overflow: hidden;
}
.o-media__right{width:70px;height:80px;float:right;margin:0 5px 0 20px}
.o-media__right img{width:70px;height:80px;border-radius:50px}
.o-media__body a {
display: block;
margin-bottom: 30px;
font-size: 25px;
}
.o-media__body p {
font-size: 20px;
}
.o-media__body {
margin-bottom: 10px;
text-align: center;
}
.o-media__body h5 {
padding-bottom: 70px;
}
.owl-dots {
position: absolute;
display: inline-block;
overflow: hidden;
float: right;
text-align: center;
bottom: 0;
right: 0;
width: 100%;
left: 0;
}
.owl-dot.active {
background: #C39A65;
}
.owl-dot {
width: 25px;
height: 5px;
margin-left: 6px;
background: #000;
cursor: pointer;
display: inline-block;
}
span.icon-quote {
font-size: 40px;
color: #fff;
}
span.icon-quote:before {
content: "\f10e";
color: #fff;
font-family: FontAwesome;
background: #c39a65;
border-radius: 175px;
display: inline-block;
font-size: 35px;
width: 62px;
line-height: 65px;
height: 60px;
}
.o-media2{overflow:hidden;margin-bottom:20px;border-bottom:1px solid #DDDDDD;padding-bottom:10px}
.araazowiar44 {background-color:#E4860D;padding:10px;margin-bottom:20px;color:#fff}
.araazowiar{overflow:hidden;padding:5px}
.araazowiar .item{position:relative}
.item .photo{border-radius:50%;width:70px!important;height:80px;font-size:31px;text-align:center;line-height:56px;float:right;margin-left:20px;margin-top:-22px}
.owl-nav2 {
display: none;
}


  • الأن أبحث عن هذا الوسمثم قم بوضع الكود التالى فوقه ، ويمكنك أن تجد الوسم بهذا الشكلفى بعض القوالب ضع الكود فوقه ايضا.




  • الأن مع اخر كود سوف تقوم بوضع فى المكان الذى تريده وكما تريد.












تغريدات

سبحان الله وبحمده * سبحان الله العظيم










تغريدات

واتقوا يوما ترجعون فيه الى الله










تغريدات

اعرف الله في الرخاء يعرفك في الشدة















  • الأن سوف تقوم بتعديل ما فى الكود بما تريد وبعد ذلك سوف تقوم بحفظ القالب ومبروك عليك.


هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .
غير معرف
غير معرف
تعليقات