ركثونا: اضافات بلوجر

سلايدشو احترافي يقوم بعرض مواضيع المدونه تلقائيا (سلايدشو ليوماجازين)

#ad here

<div dir="rtl" style="text-align: right;" trbidi="on"><br /><div style="text-align: left;"><b> بسم الله والصلاة والسلام على رسول الله , مرحبا بكم اخواني في كل جديد من  مدونة جلال البعداني , اليوم باذن الله سوف سنتظرق الى كيفية اضافة سكريبت سلايد شو  احترافي (سلايد شو قالب ليوماجازين) لمدونات بلوجر بطريقه سهله ومضمونه , طبعا هذا  السلايد شو غني عن التعريف فمعظم المدونين يعرفونه , مايميز هذا السلايد شو انه يضفي لمسة  جميلة على المدونات حيث يساهم بشكل كبير في إثارة انتباه الزائر إلى أكثر  المواضيع أهمية في المدونه , ومن مميزاته ايضا انه يقوم بعرض اخر مواضيع المدونه  بطريقه تلقائيه بشكل دون الحاجه الى ادراج روابط وصور المواضيع فيه,  الأمر بسيط جدا و سأحاول تبسيطه أكثر قدر الإمكان ان شاء الله</b></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: center;"><div><div dir="ltr" style="text-align: left;"><div dir="rtl" style="text-align: right;"><div dir="ltr" style="text-align: center;"></div><div dir="ltr"><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: center;"></div><div style="text-align: center;"><b><span id="goog_951402682"></span>  </b></div><div class="separator" style="clear: both; text-align: left;"><b><img border="0" height="331" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgObBT6tJwFP58GPw8d59bOaVa1iGEGHAaWoYSn9V4mxzEG2i87CLD_Opqy01Ifm3snZirZ4WOoiSL3vgTBwzFx2B6g414ds902aFmh7O1y3At-8owFYk5k7lO9yUwI-onJyLx6Vs3Vouy4/s1600/HfgW9_0.png" width="640" /></b></div><div style="text-align: left;"><b>  </b></div><div style="text-align: center;"><div style="text-align: left;"><b><br /></b></div><div style="text-align: left;"><b><a class="previewbutton" href="http://slideshow-maxxiz.blogspot.com/search" rel="nofollow" target="_blank"></a><a class="previewbutton" href="http://slideshow-maxxiz.blogspot.com/search" rel="nofollow" target="_blank"><span class="previewbutton1">۞مشاهدة مثال حي للسلايدر شو</span>  <span class="previewbutton2">◄</span></a></b></div></div></div></div></div></div><div style="text-align: left;"></div><div style="text-align: left;"><b>  </b></div><h2 style="-webkit-box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD7KV3mEVOSVWOD5ga0xIRjpgLjAL0OBXtvd4maaeg_w9LdRfzen6eDG0I0ht9HOdlBLqioNXQzqh3sMcWS25T1wD7jggii0FuZwJ_ZJ-J53cdyikgUddN9EJD40d5B7kEvM-RD17T6y0/s1600/h2.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 15px 3px; outline: none medium; padding: 3px 10px 3px 30px; text-align: left; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase; vertical-align: baseline;">كيفية اضافة هذه الاداه الى مدوناتكم</h2></div><b><span style="border: 0px; color: red; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"></span></b><br /><div style="text-align: left;"><b><span style="border: 0px; color: red; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit;"> </span><span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"><span style="outline: none medium;"><span class="" style="outline: none medium;">  1- <span style="color: black;">من</span>  لوحة التحكم</span></span></span><span style="font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; outline: none medium;"><span class="" style="outline: none medium;"> -> </span></span><span style="border: 0px; color: blue; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"><span style="outline: none medium;"><span class="" style="outline: none medium;">قالب</span></span></span><span style="font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; outline: none medium;"><span class="" style="outline: none medium;"> -> </span></span><span style="border: 0px; color: purple; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"><span style="outline: none medium;"><span class="" style="outline: none medium;">تحرير HTML</span></span></span><span style="border: 0px; color: #990000; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"><span style="outline: none medium;"><span class="" style="outline: none medium;"></span></span></span><span style="font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit;"></span></span></b></div><br /><div style="text-align: left;"><b><br /></b></div><div style="text-align: left;"><b><span style="outline: none medium;">     <span style="color: red;">2</span>- خذ نسخه احتياطيه لـ </span><span style="color: purple; outline: none medium;">قالب</span><span style="outline: none medium;"> المدونه قبل إجراء أية تغييرات </span></b></div><div></div><div style="text-align: left;"><b>     3<span style="color: red;"></span>- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)</b></div><blockquote class="tr_bq"><blockquote class="tr_bq"><div style="text-align: left;"><b> ]]></b:skin></b></div></blockquote></blockquote><div style="text-align: left;"><b>  <span style="background-color: #f9cb9c;">**</span><span style="background-color: #f9cb9c;"> والصق الكود التالي قبله تمامآ</span> </b></div><blockquote class="tr_bq"><div class="container"><div class="line number1 index0 alt2" style="text-align: left;"><code class="css plain"><b>.mainSlideshows {</b></code></div><div class="line number2 index1 alt1" style="text-align: left;"><b><code class="css keyword">width</code><code class="css plain">: </code><code class="css value">628px</code> <code class="css color3">!important</code><code class="css plain">;</code><code class="css keyword">height</code><code class="css plain">: </code><code class="css value">460px</code><code class="css plain">;</code><code class="css keyword">margin-bottom</code><code class="css plain">: </code><code class="css value">20px</code><code class="css plain">;</code></b></div><div class="line number3 index2 alt2" style="text-align: left;"><b><code class="css keyword">position</code><code class="css plain">: </code><code class="css value">relative</code><code class="css plain">;</code><code class="css keyword">border</code><code class="css plain">: </code><code class="css value">none</code><code class="css plain">;</code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">10px</code><code class="css plain">;</code><code class="css keyword">background</code><code class="css plain">:</code><code class="css value">#fff</code><code class="css plain">;</code><code class="css keyword">overflow</code><code class="css plain">:</code><code class="css value">hidden</code><code class="css plain">;</code></b></div><div class="line number4 index3 alt1" style="text-align: left;"><b><code class="css plain">}.mainSlideshows .sliderloader {</code><code class="css keyword">position</code><code class="css plain">: </code><code class="css value">absolute</code><code class="css plain">;</code><code class="css keyword">top</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;</code><code class="css keyword">bottom</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;</code><code class="css keyword">left</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;</code><code class="css keyword">right</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;}</code></b></div><div class="line number5 index4 alt2" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedPosts {</code><code class="css keyword">overflow</code><code class="css plain">: </code><code class="css value">hidden</code><code class="css plain">;</code><code class="css keyword">height</code><code class="css plain">: </code><code class="css value">350px</code><code class="css plain">;</code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">628px</code><code class="css plain">;}</code></b></div><div class="line number6 index5 alt1" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedPosts .slide {</code><code class="css keyword">display</code><code class="css plain">: </code><code class="css value">none</code><code class="css plain">;</code><code class="css keyword">position</code><code class="css plain">: </code><code class="css value">relative</code><code class="css plain">;</code></b></div><div class="line number7 index6 alt2" style="text-align: left;"><b><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">628px</code><code class="css plain">;</code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">350px</code><code class="css plain">;}</code></b></div><div class="line number8 index7 alt1" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedPosts .slide img {</code><code class="css keyword">float</code><code class="css plain">: </code><code class="css value">left</code><code class="css plain">;</code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">628px</code><code class="css plain">;</code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">350px</code><code class="css plain">;}</code></b></div><div class="line number9 index8 alt2" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedPosts .slide .text {</code><code class="css keyword">position</code><code class="css plain">: </code><code class="css value">absolute</code><code class="css plain">;</code><code class="css keyword">bottom</code><code class="css plain">: </code><code class="css value">0px</code><code class="css plain">;</code></b></div><div class="line number10 index9 alt1" style="text-align: left;"><b><code class="css keyword">left</code><code class="css plain">: </code><code class="css value">20px</code><code class="css plain">;</code><code class="css keyword">z-index</code><code class="css plain">: </code><code class="css value">2</code><code class="css plain">;}</code></b></div><div class="line number11 index10 alt2" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedPosts .slide .text p {</code><code class="css keyword">margin</code><code class="css plain">: </code><code class="css value">0px</code> <code class="css value">60px</code> <code class="css value">0px</code> <code class="css value">0px</code><code class="css plain">;</code><code class="css keyword">padding</code><code class="css plain">: </code><code class="css value">10px</code><code class="css plain">;}</code></b></div><div class="line number12 index11 alt1" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedPosts .slide .text h</code><code class="css value">3</code> <code class="css plain">{</code><code class="css keyword">font-size</code><code class="css plain">:</code><code class="css value">16px</code><code class="css plain">;</code><code class="css keyword">font-weight</code><code class="css plain">:</code><code class="css value">bold</code><code class="css plain">;</code></b></div><div class="line number13 index12 alt2" style="text-align: left;"><b><code class="css keyword">text-shadow</code><code class="css plain">: </code><code class="css value">1px</code> <code class="css value">1px</code> <code class="css value">1px</code> <code class="css value">#017bb4</code><code class="css plain">;</code></b></div><div class="line number14 index13 alt1" style="text-align: left;"><b><code class="css keyword">margin</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;</code><code class="css keyword">padding</code><code class="css plain">: </code><code class="css value">10px</code><code class="css plain">;</code><code class="css keyword">display</code><code class="css plain">: inline-</code><code class="css value">block</code><code class="css plain">;</code></b></div><div class="line number15 index14 alt2" style="text-align: left;"><b><code class="css keyword">position</code><code class="css plain">: </code><code class="css value">relative</code><code class="css plain">;</code><code class="css keyword">top</code><code class="css plain">: </code><code class="css value">0px</code><code class="css plain">;}</code></b></div><div class="line number16 index15 alt1" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedPosts .slide .overlay {</code></b></div><div class="line number17 index16 alt2" style="text-align: left;"><b><code class="css keyword">position</code><code class="css plain">: </code><code class="css value">absolute</code><code class="css plain">;</code><code class="css keyword">top</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;</code><code class="css keyword">bottom</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;</code><code class="css keyword">left</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;</code><code class="css keyword">right</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;</code><code class="css keyword">z-index</code><code class="css plain">: </code><code class="css value">1</code><code class="css plain">;}</code></b></div><div class="line number18 index17 alt1" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedThumbs {</code><code class="css keyword">position</code><code class="css plain">: </code><code class="css value">relative</code><code class="css plain">;</code><code class="css keyword">padding</code><code class="css plain">: </code><code class="css value">0px</code> <code class="css value">20px</code><code class="css plain">;</code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">110px</code><code class="css plain">;}</code></b></div><div class="line number19 index18 alt2" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedThumbs ul {</code><code class="css keyword">margin</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;</code><code class="css keyword">padding</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;</code><code class="css keyword">list-style</code><code class="css plain">: </code><code class="css value">none</code><code class="css plain">;}</code></b></div><div class="line number20 index19 alt1" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedThumbs li {</code><code class="css keyword">margin</code><code class="css plain">: </code><code class="css value">15px</code> <code class="css value">14px</code> <code class="css value">15px</code> <code class="css value">0</code><code class="css plain">;</code><code class="css keyword">padding</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;</code></b></div><div class="line number21 index20 alt2" style="text-align: left;"><b><code class="css keyword">list-style</code><code class="css plain">: </code><code class="css value">none</code><code class="css plain">;</code><code class="css keyword">float</code><code class="css plain">: </code><code class="css value">left</code><code class="css plain">;</code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">105px</code><code class="css plain">;</code><code class="css keyword">max-width</code><code class="css plain">:</code><code class="css value">105px</code><code class="css plain">;</code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">80px</code><code class="css plain">;</code></b></div><div class="line number22 index21 alt1" style="text-align: left;"><b><code class="css keyword">overflow</code><code class="css plain">:</code><code class="css value">hidden</code><code class="css plain">;}</code></b></div><div class="line number23 index22 alt2" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedThumbs li img {</code><code class="css keyword">float</code><code class="css plain">: </code><code class="css value">left</code><code class="css plain">;</code><code class="css keyword">cursor</code><code class="css plain">: </code><code class="css value">pointer</code><code class="css plain">;</code></b></div><div class="line number24 index23 alt1" style="text-align: left;"><b><code class="css plain">filter: grayscale(</code><code class="css value">100%</code><code class="css plain">);-moz-filter: grayscale(</code><code class="css value">100%</code><code class="css plain">);</code></b></div><div class="line number25 index24 alt2" style="text-align: left;"><b><code class="css plain">-webkit-filter: grayscale(</code><code class="css value">100%</code><code class="css plain">);</code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">105px</code><code class="css plain">;</code><code class="css keyword">max-width</code><code class="css plain">:</code><code class="css value">105px</code><code class="css plain">;</code></b></div><div class="line number26 index25 alt1" style="text-align: left;"><b><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">80px</code><code class="css plain">;border-radius: </code><code class="css value">0px</code><code class="css plain">;box-shadow: </code><code class="css value">none</code><code class="css plain">;}</code></b></div><div class="line number27 index26 alt2" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedThumbs li img:hover, </code><code class="css value">#fea</code><code class="css plain">turedThumbs li.active-slide img {</code></b></div><div class="line number28 index27 alt1" style="text-align: left;"><b><code class="css plain">filter: </code><code class="css value">none</code><code class="css plain">;-moz-filter: </code><code class="css value">none</code><code class="css plain">;-webkit-filter: </code><code class="css value">none</code><code class="css plain">;</code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">105px</code><code class="css plain">;</code></b></div><div class="line number29 index28 alt2" style="text-align: left;"><b><code class="css keyword">max-width</code><code class="css plain">:</code><code class="css value">105px</code><code class="css plain">;}</code></b></div><div class="line number30 index29 alt1" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedThumbs ul.direction-nav {}</code></b></div><div class="line number31 index30 alt2" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedThumbs ul.direction-nav li {</code><code class="css keyword">margin</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;}</code></b></div><div class="line number32 index31 alt1" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedThumbs ul.direction-nav li a {</code></b></div><div class="line number33 index32 alt2" style="text-align: left;"><b><code class="css keyword">display</code><code class="css plain">: </code><code class="css value">block</code><code class="css plain">;</code><code class="css keyword">width</code><code class="css plain">: </code><code class="css value">15px</code><code class="css plain">;</code><code class="css keyword">height</code><code class="css plain">: </code><code class="css value">15px</code><code class="css plain">;</code><code class="css keyword">text-indent</code><code class="css plain">: </code><code class="css value">-9999px</code><code class="css plain">;</code></b></div><div class="line number34 index33 alt1" style="text-align: left;"><b><code class="css keyword">position</code><code class="css plain">: </code><code class="css value">absolute</code><code class="css plain">;</code><code class="css keyword">top</code><code class="css plain">: </code><code class="css value">50px</code><code class="css plain">;</code><code class="css keyword">right</code><code class="css plain">: </code><code class="css value">-10px</code><code class="css plain">;</code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">5px</code> <code class="css value">2px</code><code class="css plain">;}</code></b></div><div class="line number35 index34 alt2" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedThumbs ul.direction-nav li a.prev {</code><code class="css keyword">left</code><code class="css plain">: </code><code class="css value">-10px</code><code class="css plain">;</code><code class="css keyword">right</code><code class="css plain">: </code><code class="css value">620px</code><code class="css plain">;}</code></b></div><div class="line number36 index35 alt1" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedThumbs ul.direction-nav li a:hover {</code></b></div><div class="line number37 index36 alt2" style="text-align: left;"><b><code class="css plain">opacity: .</code><code class="css value">7</code><code class="css plain">;filter: alpha(opacity=</code><code class="css value">70</code><code class="css plain">);</code></b></div><div class="line number38 index37 alt1" style="text-align: left;"><b><code class="css plain">-ms-filter:</code><code class="css string">"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"</code><code class="css plain">;}</code></b></div><div class="line number39 index38 alt2" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedPosts .slide .text, </code><code class="css value">#fea</code><code class="css plain">turedPosts .slide .text a {</code><code class="css keyword">color</code><code class="css plain">: </code><code class="css value">#fff</code><code class="css plain">;}</code></b></div><div class="line number40 index39 alt1" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedPosts .slide .text p {</code><code class="css keyword">color</code><code class="css plain">:</code><code class="css value">#FFF</code><code class="css plain">;</code><code class="css keyword">text-shadow</code><code class="css plain">: </code><code class="css value">1px</code> <code class="css value">1px</code> <code class="css value">#000</code><code class="css plain">;</code></b></div><div class="line number41 index40 alt2" style="text-align: left;"><b><code class="css keyword">background</code><code class="css plain">: rgba(</code><code class="css value">0</code><code class="css plain">, </code><code class="css value">0</code><code class="css plain">, </code><code class="css value">0</code><code class="css plain">, </code><code class="css value">0.8</code><code class="css plain">);</code><code class="css keyword">padding</code><code class="css plain">: </code><code class="css value">10px</code><code class="css plain">;}</code></b></div><div class="line number42 index41 alt1" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedPosts .slide .text h</code><code class="css value">3</code> <code class="css plain">{</code><code class="css keyword">background</code><code class="css plain">:  </code><code class="css value">#21b8ff</code><code class="css plain">;}</code></b></div><div class="line number43 index42 alt2" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedThumbs {</code></b></div><div class="line number44 index43 alt1" style="text-align: left;"><b><code class="css keyword">background</code><code class="css plain">: </code><code class="css value">url</code><code class="css plain">(http://</code><code class="css value">1</code><code class="css plain">.bp.blogspot.com/-tDWd</code><code class="css value">0</code><code class="css plain">SAj</code><code class="css value">38</code><code class="css plain">I/Uj</code><code class="css value">89</code><code class="css plain">zgOoX</code><code class="css value">7</code><code class="css plain">I/AAAAAAAABZE/</code><code class="css value">4</code><code class="css plain">Ni</code><code class="css value">53</code><code class="css plain">xcrcDs/s</code><code class="css value">1600</code><code class="css plain">/sliderThumbs.png) </code><code class="css value">repeat-x</code> <code class="css value">top</code><code class="css plain">;}</code></b></div><div class="line number45 index44 alt2" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedThumbs ul.direction-nav li .prev {</code></b></div><div class="line number46 index45 alt1" style="text-align: left;"><b><code class="css keyword">background</code><code class="css plain">: </code><code class="css value">#fff</code> <code class="css value">url</code><code class="css plain">(http://</code><code class="css value">2</code><code class="css plain">.bp.blogspot.com/-pvUlBeVu</code><code class="css value">-7</code><code class="css plain">Q/Uj</code><code class="css value">7</code><code class="css plain">rBJv</code><code class="css value">0</code><code class="css plain">JbI/AAAAAAAABUQ/zxL</code><code class="css value">4</code><code class="css plain">ELr</code><code class="css value">2</code><code class="css plain">p</code><code class="css value">2</code><code class="css plain">A/s</code><code class="css value">1600</code><code class="css plain">/slider-arrows-prev.png) </code><code class="css value">no-repeat</code> <code class="css value">center</code> <code class="css value">center</code><code class="css plain">;}</code></b></div><div class="line number47 index46 alt2" style="text-align: left;"><b><code class="css value">#fea</code><code class="css plain">turedThumbs ul.direction-nav li .next {</code></b></div><div class="line number48 index47 alt1" style="text-align: left;"><b><code class="css keyword">background</code><code class="css plain">: </code><code class="css value">#fff</code> <code class="css value">url</code><code class="css plain">(http://</code><code class="css value">3</code><code class="css plain">.bp.blogspot.com/-DENPdodM</code><code class="css value">1</code><code class="css plain">g</code><code class="css value">4</code><code class="css plain">/Uj</code><code class="css value">7</code><code class="css plain">rAo</code><code class="css value">7</code><code class="css plain">QosI/AAAAAAAABUI/NNfOg-wxsvY/s</code><code class="css value">1600</code><code class="css plain">/slider-arrows-next.png) </code><code class="css value">no-repeat</code> <code class="css value">center</code> <code class="css value">center</code><code class="css plain">;}</code></b></div><div class="line number49 index48 alt2" style="text-align: left;"><code class="css plain"><b>.mainSlideshows .preloader {</b></code></div><div class="line number50 index49 alt1" style="text-align: left;"><b><code class="css keyword">background</code><code class="css plain">: </code><code class="css value">url</code><code class="css plain">(http://</code><code class="css value">2</code><code class="css plain">.bp.blogspot.com/-QXCSajkIjp</code><code class="css value">4</code><code class="css plain">/Uj</code><code class="css value">7</code><code class="css plain">qGpi</code><code class="css value">7</code><code class="css plain">jII/AAAAAAAAA</code><code class="css value">-8</code><code class="css plain">/At</code><code class="css value">7</code><code class="css plain">D</code><code class="css value">9</code><code class="css plain">Hz</code><code class="css value">1</code><code class="css plain">_</code><code class="css value">7</code><code class="css plain">Q/s</code><code class="css value">1600</code><code class="css plain">/ajax-loader.gif) </code><code class="css value">center</code> <code class="css value">center</code> <code class="css value">no-repeat</code><code class="css plain">;</code></b></div><div class="line number51 index50 alt2" style="text-align: left;"><code class="css plain"><b>}</b></code></div></div></blockquote><div><span style="font-size: x-small;"><b><br /></b></span></div><div style="text-align: left;"><b><span style="color: #cc0000;"><u><span dir="RTL" lang="AR-SA">ثم قم بالبحث عن الكود التالي</span></u></span> </b></div><blockquote class="tr_bq"><blockquote class="tr_bq"><div dir="ltr" style="text-align: left;"><code class="css plain"><b></head></b></code></div></blockquote></blockquote><div style="text-align: left;"><b><span style="background-color: #f9cb9c;"> ** والصق الكود التالي قبله مباشره (فوقه) </span> </b></div><blockquote class="tr_bq"><blockquote class="tr_bq" style="text-align: left;"><b><script src='http://dl.dropboxusercontent.com/s/qd713000d962kms/jquery.flexslider-rtl.js' type='text/javascript'/></b></blockquote><blockquote class="tr_bq" style="text-align: left;"><b><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1' type='text/javascript'></script></b></blockquote></blockquote><div style="text-align: left;"><b><span style="color: #cc0000;"><u>وبالاخير قم بالبحث عن</u></span> </b></div><blockquote class="tr_bq"><blockquote class="tr_bq"><div class="container"><div class="line number1 index0 alt2" dir="ltr" style="text-align: left;"><b><code class="html plain"><</code><code class="html keyword">div</code> <code class="html color1">id</code><code class="html plain">=</code><code class="html string">'main-wrapper'</code><code class="html plain">></code></b></div></div></blockquote></blockquote><div style="text-align: left;"><b><span style="color: #e06666;">واذا لم تجده قم بالبحث عن احد الاكواد التاليه</span> </b></div><blockquote class="tr_bq"><blockquote class="tr_bq"><div class="container" dir="ltr" style="text-align: left;"><div class="line number1 index0 alt2"><b><code class="html plain"><</code><code class="html keyword">div</code> <code class="html color1">id</code><code class="html plain">=</code><code class="html string">'main-wrapper'</code><code class="html plain">></code></b></div><div class="line number2 index1 alt1"><b><code class="html spaces">          </code><code class="html plain">او</code></b></div><div class="line number3 index2 alt2"><b><code class="html plain"><</code><code class="html keyword">div</code> <code class="html color1">id</code><code class="html plain">=</code><code class="html string">'content'</code><code class="html plain">></code></b></div><div class="line number4 index3 alt1"><b><code class="html spaces">          </code><code class="html plain">او</code></b></div><div class="line number5 index4 alt2"><b><code class="html plain"><</code><code class="html keyword">div</code> <code class="html color1">id</code><code class="html plain">=</code><code class="html string">"content"</code><code class="html plain">></</code><code class="html keyword">div</code><code class="html plain">></code></b></div><div class="line number6 index5 alt1"><b><code class="html spaces">          </code><code class="html plain">او</code></b></div><div class="line number7 index6 alt2"><b><code class="html plain"><</code><code class="html keyword">div</code> <code class="html color1">class</code><code class="html plain">=</code><code class="html string">'column-center-inner'</code><code class="html plain">></code></b></div></div></blockquote></blockquote><div style="text-align: left;"><b><span style="background-color: #ffe599;">** و الصق الكود التالي بعده/أسفله :</span> </b></div><blockquote class="tr_bq"><div class="container"><div class="line number1 index0 alt2" style="text-align: left;"><b><code class="xml plain"><</code><code class="xml keyword">b:if</code> <code class="xml color1">cond</code><code class="xml plain">=</code><code class="xml string">'data:blog.url == data:blog.homepageUrl'</code><code class="xml plain">></code></b></div><div class="line number2 index1 alt1" style="text-align: left;"><b><code class="xml plain"><</code><code class="xml keyword">div</code> <code class="xml color1">class</code><code class="xml plain">=</code><code class="xml string">'mainSlideshows clearfix mainBorder'</code> <code class="xml color1">id</code><code class="xml plain">=</code><code class="xml string">'mainSlideshows'</code><code class="xml plain">></code></b></div><div class="line number3 index2 alt2" style="text-align: left;"><b><code class="xml plain"><</code><code class="xml keyword">div</code> <code class="xml color1">class</code><code class="xml plain">=</code><code class="xml string">'clearfix'</code> <code class="xml color1">id</code><code class="xml plain">=</code><code class="xml string">'featuredPosts'</code><code class="xml plain">></code></b></div><div class="line number4 index3 alt1" style="text-align: left;"><b><code class="xml plain"><</code><code class="xml keyword">div</code> <code class="xml color1">class</code><code class="xml plain">=</code><code class="xml string">'preloader'</code><code class="xml plain">/></code><code class="xml comments"></code></b></div><div class="line number5 index4 alt2" style="text-align: left;"><b><code class="xml plain"><</code><code class="xml keyword">div</code> <code class="xml color1">class</code><code class="xml plain">=</code><code class="xml string">'slides'</code><code class="xml plain">> <</code><code class="xml keyword">script</code> <code class="xml color1">src</code><code class="xml plain">=</code><code class="xml string">'http://yourjavascript.com/9138228314/slide1.js'</code><code class="xml plain">/>  <</code><code class="xml keyword">script</code> <code class="xml color1">type</code><code class="xml plain">=</code><code class="xml string">'text/javascript'</code><code class="xml plain">></code></b></div><div class="line number6 index5 alt1" style="text-align: left;"><code class="xml plain"><b>var numposts = 20;</b></code></div><div class="line number7 index6 alt2" style="text-align: left;"><code class="xml plain"><b>var showpostthumbnails = false;</b></code></div><div class="line number8 index7 alt1" style="text-align: left;"><code class="xml plain"><b>var displaymore = false;</b></code></div><div class="line number9 index8 alt2" style="text-align: left;"><code class="xml plain"><b>var displayseparator = false;</b></code></div><div class="line number10 index9 alt1" style="text-align: left;"><code class="xml plain"><b>var showcommentnum = false;</b></code></div><div class="line number11 index10 alt2" style="text-align: left;"><code class="xml plain"><b>var showpostdate = false;</b></code></div><div class="line number12 index11 alt1" style="text-align: left;"><code class="xml plain"><b>var showpostsummary = true;</b></code></div><div class="line number13 index12 alt2" style="text-align: left;"><code class="xml plain"><b>var numchars = 100;</b></code></div><div class="line number14 index13 alt1" style="text-align: left;"><b><code class="xml plain"></</code><code class="xml keyword">script</code><code class="xml plain">>   </code></b></div><div class="line number15 index14 alt2" style="text-align: left;"><b><code class="xml plain"><</code><code class="xml keyword">script</code> <code class="xml color1">src</code><code class="xml plain">=</code><code class="xml string">'<span style="background-color: orange;">http://www.mostafatharwat.co.vu/</span>feeds/posts/default/?published&amp;alt=json-in-script&amp;callback=labelthumbs'</code> <code class="xml color1">type</code><code class="xml plain">=</code><code class="xml string">'text/javascript'</code><code class="xml plain">/></code></b></div><div class="line number16 index15 alt1" style="text-align: left;"><b><code class="xml plain"></</code><code class="xml keyword">div</code><code class="xml plain">></code><code class="xml comments"></code></b></div><div class="line number17 index16 alt2" style="text-align: left;"><b><code class="xml plain"></</code><code class="xml keyword">div</code><code class="xml plain">></code><code class="xml comments"></code></b></div><div class="line number18 index17 alt1" style="text-align: left;"><b><code class="xml plain"><</code><code class="xml keyword">div</code> <code class="xml color1">class</code><code class="xml plain">=</code><code class="xml string">'clearfix'</code> <code class="xml color1">id</code><code class="xml plain">=</code><code class="xml string">'featuredThumbs'</code><code class="xml plain">></code></b></div><div class="line number19 index18 alt2" style="text-align: left;"><b><code class="xml plain"><</code><code class="xml keyword">ul</code> <code class="xml color1">class</code><code class="xml plain">=</code><code class="xml string">'slides'</code><code class="xml plain">></code></b></div><div class="line number20 index19 alt1" style="text-align: left;"><b><code class="xml plain"><</code><code class="xml keyword">script</code> <code class="xml color1">src</code><code class="xml plain">=</code><code class="xml string">'http://yourjavascript.com/1391494332/slide2.js'</code><code class="xml plain">/></code></b></div><div class="line number21 index20 alt2" style="text-align: left;"><b><code class="xml plain"><</code><code class="xml keyword">script</code> <code class="xml color1">type</code><code class="xml plain">=</code><code class="xml string">'text/javascript'</code><code class="xml plain">></code></b></div><div class="line number22 index21 alt1" style="text-align: left;"><code class="xml plain"><b>var numposts = 10;</b></code></div><div class="line number23 index22 alt2" style="text-align: left;"><b><code class="xml plain"></</code><code class="xml keyword">script</code><code class="xml plain">></code></b></div><div class="line number24 index23 alt1" style="text-align: left;"><b><code class="xml plain"><</code><code class="xml keyword">script</code> <code class="xml color1">src</code><code class="xml plain">=</code><code class="xml string">'<span style="background-color: orange;">http://www.mostafatharwat.co.vu</span>/feeds/posts/default/?published&amp;alt=json-in-script&amp;callback=labelthumbs'</code> <code class="xml color1">type</code><code class="xml plain">=</code><code class="xml string">'text/javascript'</code><code class="xml plain">/></code></b></div><div class="line number25 index24 alt2" style="text-align: left;"><b><code class="xml plain"></</code><code class="xml keyword">ul</code><code class="xml plain">></code></b></div><div class="line number26 index25 alt1" style="text-align: left;"><b><code class="xml plain"></</code><code class="xml keyword">div</code><code class="xml plain">></code></b></div><div class="line number27 index26 alt2" style="text-align: left;"><b><code class="xml plain"></</code><code class="xml keyword">div</code><code class="xml plain">></code><code class="xml comments"></code>          </b></div><div class="line number28 index27 alt1" style="text-align: left;"><b><code class="xml plain"><</code><code class="xml keyword">script</code> <code class="xml color1">type</code><code class="xml plain">=</code><code class="xml string">'text/javascript'</code><code class="xml plain">></code></b></div><div class="line number29 index28 alt2" style="text-align: left;"><code class="xml plain"><b>jQuery(document).ready(function($) {</b></code></div><div class="line number30 index29 alt1" style="text-align: left;"><b><code class="xml spaces">    </code><code class="xml plain">jQuery(&#39;#featuredThumbs&#39;).flexslider({</code></b></div><div class="line number31 index30 alt2" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">namespace: &quot;&quot;,</code></b></div><div class="line number32 index31 alt1" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">animation: &quot;slide&quot;,</code></b></div><div class="line number33 index32 alt2" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">asNavFor: &#39;#featuredPosts&#39;,</code></b></div><div class="line number34 index33 alt1" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">slideshow: false,</code></b></div><div class="line number35 index34 alt2" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">controlNav: false,</code></b></div><div class="line number36 index35 alt1" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">itemWidth: 105,</code></b></div><div class="line number37 index36 alt2" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">itemMargin: 11,</code></b></div><div class="line number38 index37 alt1" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">minItems: 2,</code></b></div><div class="line number39 index38 alt2" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">maxItems: 6</code></b></div><div class="line number40 index39 alt1" style="text-align: left;"><b><code class="xml spaces">    </code><code class="xml plain">});</code></b></div><div class="line number41 index40 alt2" style="text-align: left;"><b><code class="xml spaces">    </code><code class="xml plain">jQuery(&#39;#featuredPosts&#39;).flexslider({</code></b></div><div class="line number42 index41 alt1" style="text-align: left;"><b><code class="xml spaces">       </code><code class="xml plain">namespace: &quot;&quot;,</code></b></div><div class="line number43 index42 alt2" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">selector: &quot;.slides &gt; .slide&quot;,</code></b></div><div class="line number44 index43 alt1" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">animation: &quot;slide&quot;,</code></b></div><div class="line number45 index44 alt2" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">sync: &#39;#featuredThumbs&#39;,</code></b></div><div class="line number46 index45 alt1" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">slideshowSpeed: 5000,</code></b></div><div class="line number47 index46 alt2" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">animationSpeed: 900,</code></b></div><div class="line number48 index47 alt1" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">animationLoop: true,</code></b></div><div class="line number49 index48 alt2" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">slideshow: true,</code></b></div><div class="line number50 index49 alt1" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">controlNav: false,</code></b></div><div class="line number51 index50 alt2" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">directionNav: false,</code></b></div><div class="line number52 index51 alt1" style="text-align: left;"><b><code class="xml spaces">        </code><code class="xml plain">start: function(slider) {</code></b></div><div class="line number53 index52 alt2" style="text-align: left;"><b><code class="xml spaces">            </code><code class="xml plain">jQuery(&#39;.preloader&#39;).hide();</code></b></div><div class="line number54 index53 alt1" style="text-align: left;"><b><code class="xml spaces">            </code><code class="xml plain">jQuery(&#39;#featuredThumbs&#39;).show();</code></b></div><div class="line number55 index54 alt2" style="text-align: left;"><b><code class="xml spaces">      </code><code class="xml plain">}</code></b></div><div class="line number56 index55 alt1" style="text-align: left;"><b><code class="xml spaces">    </code><code class="xml plain">});</code></b></div><div class="line number57 index56 alt2" style="text-align: left;"><b><code class="xml plain">});</code><span style="text-align: right;"> </span></b></div></div></blockquote><blockquote class="tr_bq"><div class="container"><div class="line number58 index57 alt1" style="text-align: left;"><b><code class="xml plain"></</code><code class="xml keyword">script</code><code class="xml plain">></</code><code class="xml keyword">b:if</code><code class="xml plain">></code></b></div></div></blockquote><b>الان يجب عليك استبدال رابط مدونتي  <span style="background-color: orange;">http://www.mostafatharwat.co.vu/</span>  برابط مدونتك  (ستجده مكرر مرتين) </b><br /><b><br /></b><b>وبالاخير قم بحفظ القالب وتمتع بمشاهدة السلايدرشو وهو يعرض اخر مواضيع مدونتك بطريقه تلقائيه وبدون بذل اي جهد او تعب من قبلك<br /><br /></b><br /><div style="text-align: center;"><b><span style="color: #45818e;">وكالعاده اذا واجهتكم اي مشاكل في تركيب السلايدرشو ضعوا تعليق وسيتم الرد عليكم ان شاء الله </span>.....</b></div><br /><br /></div>

سلايدشو احترافي يقوم بعرض مواضيع المدونه تلقائيا (سلايدشو ليوماجازين)

بسم الله والصلاة والسلام على رسول الله , مرحبا بكم اخواني في كل جديد من مدونة جلال البعداني , اليوم باذن الله سوف سنتظرق الى كيفية اضافة س...

مزيد من المعلومات »

حصرياً السلايدشو الاكثر احترافيه على منصة بلوجر (سلايد شو قالب -maxxiz)

0 اضافات بلوجر 6:30 ص

#ad here

<div dir="rtl" style="text-align: right;" trbidi="on"><br /><div style="text-align: left;"><b>بسم الله والصلاة والسلام على رسول الله , السلام عليكم ورحمة الله وبركاته  , اليوم باذن الله سوف سنتعلم معآ  كيفية اضافة سكريبت سلايد شو تلقائي  (slideshow-maxxiz) لمدونات بلوجر بطريقه سهله ومضمونه , هذا  السلايد شو يقوم بعرض المواضيع تلقائيا ,بمعنى انك لن تحتاج الى ادراج  روابط المواضيع او روابط الصور ليتم عرضها فيه , وانما سيتكفل هذا السكريبت  بعرض مواضيعك بطريقه اوتوماتيكه بشكل انيق وبحركات متعدده ومتغيره مع كل  صوره, مايميز هذا السلايد شو انه يضفي لمسة  جميلة على المدونات حيث يساهم بشكل كبير في إثارة انتباه الزائر إلى أكثر  المواضيع أهمية في المدونه , ومن مميزاته ايضا انه يقوم بعرض  مواضيع قسم  معين من اقسام المدونه تقوم انت باختياره حسب رغبتك ,  الأمر بسيط جدا و  سأحاول تبسيطه أكثر قدر الإمكان ان شاء الله</b></div><div class="separator" style="clear: both; text-align: left;"><b><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdhqlbdl2kp635soO5jqkKrcWNreoGjB1Ag7tF2JA4Pu2xZotBB5BpABtVlZSH1-qiIxQKg5_BzQ76Sijgb0PkecdOQ5okCqpCk8lNz4jSYJu2la61LlEDLYmklSRtc1ALir4GOYCEfqAd/s1600/slideshow_0.png" width="640" /></b></div><div style="text-align: left;"><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: left;"><b><br /></b></div><div style="text-align: left;"><b><a class="previewbutton" href="http://slideshow-maxxiz.blogspot.com/" rel="nofollow" style="color: grey;" target="_blank"><span class="previewbutton1">مشاهدة مثال حي للسلايدر شو</span>  <span class="previewbutton2">◄</span></a>    </b></div><div style="text-align: left;"></div><div style="text-align: left;"><b>  </b></div><div style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD7KV3mEVOSVWOD5ga0xIRjpgLjAL0OBXtvd4maaeg_w9LdRfzen6eDG0I0ht9HOdlBLqioNXQzqh3sMcWS25T1wD7jggii0FuZwJ_ZJ-J53cdyikgUddN9EJD40d5B7kEvM-RD17T6y0/s1600/h2.png); background-position: 4px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border: 3px solid rgb(200, 200, 0); box-shadow: rgb(198, 198, 198) 0px 1px 3px, rgba(255, 255, 255, 0.4) 1px 1px 0px inset; color: #a5a503; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 15px 3px; outline: none medium; padding: 3px 10px 3px 30px; text-align: center; text-shadow: rgb(204, 204, 204) 0px 1px 0px; text-transform: uppercase; vertical-align: baseline;"><div style="background-attachment: scroll; background-color: #c9c906; background-image: url(https://jetara.googlecode.com/svn/trunk/header-6.png); background-position: 0% 0%; background-repeat: repeat no-repeat; color: white; text-align: left;"><b><span style="font-size: x-small;">كيفية اضافة هذا السلايد شو لمدوناتكم</span> </b></div></div><div style="text-align: left;"><b> <span style="border: 0px; color: red; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"><span style="outline: none medium;"><span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"><span style="outline: none medium;"><span class="" style="outline: none medium;">    1- <span style="color: black;">من</span>  لوحة التحكم</span></span></span><span style="outline: none medium;"><span class="" style="outline: none medium;"> -> </span></span><span style="border: 0px; color: blue; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"><span style="outline: none medium;"><span class="" style="outline: none medium;">قالب</span></span></span><span style="outline: none medium;"><span class="" style="outline: none medium;"> -> </span></span><span style="border: 0px; color: purple; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"><span style="outline: none medium;"><span class="" style="outline: none medium;">تحرير HTML</span></span></span><span style="border: 0px; color: #990000; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"><span style="outline: none medium;"><span class="" style="outline: none medium;"></span></span></span></span></span></b></div><div style="text-align: left;"><b><span style="outline: none medium;">     <span style="color: red;">2</span>- خذ نسخه احتياطيه لـ </span><span style="color: purple; outline: none medium;">قالب</span><span style="outline: none medium;"> المدونه قبل إجراء أية تغييرات </span></b></div><div></div><div style="text-align: left;"><b>     3<span style="color: red;"></span>- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)</b></div><blockquote class="tr_bq"><blockquote class="tr_bq"><div dir="ltr" style="text-align: left;"><b>  ]]></b:skin></b></div></blockquote></blockquote><div style="text-align: left;"><b>    <span style="background-color: #f9cb9c;">**</span><span style="background-color: #f9cb9c;"> والصق الكود التالي قبله تمامآ</span> </b></div><blockquote class="tr_bq"><div class="container"><div class="line number1 index0 alt2" style="text-align: left;"><b><code class="css plain">.featuredpost.box_skitter.box_skitter_home.maxxiz-theme{</code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">4px</code><code class="css plain">; </code><code class="css keyword">background-color</code><code class="css plain">:</code><code class="css value">#FDFDFD</code><code class="css plain">; box-shadow:</code><code class="css value">0</code> <code class="css value">1px</code> <code class="css value">5px</code> <code class="css value">#BDBDBD</code><code class="css plain">; -moz-box-shadow:</code><code class="css value">0</code> <code class="css value">1px</code> <code class="css value">5px</code> <code class="css value">#BDBDBD</code><code class="css plain">; -webkit-box-shadow:</code><code class="css value">0</code> <code class="css value">1px</code> <code class="css value">5px</code> <code class="css value">#BDBDBD</code><code class="css plain">; -webkit-border-radius:</code><code class="css value">3px</code><code class="css plain">; -moz-border-radius:</code><code class="css value">3px</code><code class="css plain">; border-radius:</code><code class="css value">3px</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">350px</code><code class="css plain">; </code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">relative</code><code class="css plain">; </code><code class="css keyword">z-index</code><code class="css plain">:</code><code class="css value">88</code><code class="css plain">; </code><code class="css keyword">margin-bottom</code><code class="css plain">:</code><code class="css value">15px</code><code class="css plain">}</code></b></div><div class="line number2 index1 alt1" style="text-align: left;"><code class="css plain"><b>.box_skitter_home.maxxiz-theme .prev_button, </b></code></div><div class="line number3 index2 alt2" style="text-align: left;"><code class="css plain"><b>.box_skitter_home.maxxiz-theme .next_button, </b></code></div><div class="line number4 index3 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .info_slide_dots{</code><code class="css keyword">background-color</code><code class="css plain">:</code><code class="css value">#F3F3F3</code><code class="css plain">; </code><code class="css keyword">background</code><code class="css plain">:-moz-linear-gradient(</code><code class="css value">top</code><code class="css plain">,</code><code class="css value">#FFF</code> <code class="css value">0%</code><code class="css plain">,</code><code class="css value">#F3F3F3</code> <code class="css value">100%</code><code class="css plain">); </code><code class="css keyword">background</code><code class="css plain">:-webkit-gradient(linear,</code><code class="css value">left</code> <code class="css value">top</code><code class="css plain">,</code><code class="css value">left</code> <code class="css value">bottom</code><code class="css plain">,color-stop(</code><code class="css value">0%</code><code class="css plain">,</code><code class="css value">#FFF</code><code class="css plain">),color-stop(</code><code class="css value">100%</code><code class="css plain">,</code><code class="css value">#F3F3F3</code><code class="css plain">)); </code><code class="css keyword">background</code><code class="css plain">:-webkit-linear-gradient(</code><code class="css value">top</code><code class="css plain">,</code><code class="css value">#FFF</code> <code class="css value">0%</code><code class="css plain">,</code><code class="css value">#F3F3F3</code> <code class="css value">100%</code><code class="css plain">); </code><code class="css keyword">background</code><code class="css plain">:-o-linear-gradient(</code><code class="css value">top</code><code class="css plain">,</code><code class="css value">#FFF</code> <code class="css value">0%</code><code class="css plain">,</code><code class="css value">#F3F3F3</code> <code class="css value">100%</code><code class="css plain">); </code><code class="css keyword">background</code><code class="css plain">:-ms-linear-gradient(</code><code class="css value">top</code><code class="css plain">,</code><code class="css value">#FFF</code> <code class="css value">0%</code><code class="css plain">,</code><code class="css value">#F3F3F3</code> <code class="css value">100%</code><code class="css plain">); </code><code class="css keyword">background</code><code class="css plain">:linear-gradient(</code><code class="css value">top</code><code class="css plain">,</code><code class="css value">#FFF</code> <code class="css value">0%</code><code class="css plain">,</code><code class="css value">#F3F3F3</code> <code class="css value">100%</code><code class="css plain">); transition:background-color linear .</code><code class="css value">3</code><code class="css plain">s; -moz-transition:background-color linear .</code><code class="css value">3</code><code class="css plain">s; -webkit-transition:background-color linear .</code><code class="css value">3</code><code class="css plain">s; -o-transition:background-color linear .</code><code class="css value">3</code><code class="css plain">s; </code><code class="css keyword">outline</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">}</code></b></div><div class="line number5 index4 alt2" style="text-align: left;"><b><code class="css plain">#autorslidertop{</code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">4px</code><code class="css plain">; </code><code class="css keyword">border</code><code class="css plain">:</code><code class="css value">1px</code> <code class="css value">solid</code> <code class="css value">#DDD</code><code class="css plain">; </code><code class="css keyword">background-color</code><code class="css plain">:</code><code class="css value">white</code><code class="css plain">; box-shadow:</code><code class="css value">0</code> <code class="css value">1px</code> <code class="css value">5px</code> <code class="css plain">rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,.</code><code class="css value">15</code><code class="css plain">); -moz-box-shadow:</code><code class="css value">0</code> <code class="css value">1px</code> <code class="css value">5px</code> <code class="css plain">rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,.</code><code class="css value">15</code><code class="css plain">); -webkit-box-shadow:</code><code class="css value">0</code> <code class="css value">1px</code> <code class="css value">5px</code> <code class="css plain">rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,.</code><code class="css value">15</code><code class="css plain">); -webkit-border-radius:</code><code class="css value">3px</code><code class="css plain">; -moz-border-radius:</code><code class="css value">3px</code><code class="css plain">; border-radius:</code><code class="css value">3px</code><code class="css plain">}</code></b></div><div class="line number6 index5 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter ul{</code><code class="css keyword">display</code><code class="css plain">:</code><code class="css value">none</code><code class="css plain">}</code></b></div><div class="line number7 index6 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter .container_skitter{</code><code class="css keyword">overflow</code><code class="css plain">:</code><code class="css value">hidden</code><code class="css plain">; </code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">relative</code><code class="css plain">; </code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">100%</code> <code class="css color3">!important</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">100%</code> <code class="css color3">!important</code><code class="css plain">; </code><code class="css keyword">max-width</code><code class="css plain">:</code><code class="css value">100%</code><code class="css plain">}</code></b></div><div class="line number8 index7 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter .image{</code><code class="css keyword">overflow</code><code class="css plain">:</code><code class="css value">hidden</code><code class="css plain">; </code><code class="css keyword">max-width</code><code class="css plain">:</code><code class="css value">100%</code><code class="css plain">; </code><code class="css keyword">max-height</code><code class="css plain">:</code><code class="css value">100%</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">350px</code><code class="css plain">}</code></b></div><div class="line number9 index8 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter .image > a{</code><code class="css keyword">display</code><code class="css plain">:</code><code class="css value">block</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">350px</code><code class="css plain">}</code></b></div><div class="line number10 index9 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter .image img{</code><code class="css keyword">display</code><code class="css plain">:</code><code class="css value">none</code><code class="css plain">; </code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">100%</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">100%</code><code class="css plain">; </code><code class="css keyword">max-height</code><code class="css plain">:</code><code class="css value">100%</code><code class="css plain">}</code></b></div><div class="line number11 index10 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter .box_clone{</code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">absolute</code><code class="css plain">; </code><code class="css keyword">top</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">left</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">100px</code><code class="css plain">; </code><code class="css keyword">overflow</code><code class="css plain">:</code><code class="css value">hidden</code><code class="css plain">; </code><code class="css keyword">display</code><code class="css plain">:</code><code class="css value">none</code><code class="css plain">; </code><code class="css keyword">z-index</code><code class="css plain">:</code><code class="css value">20</code><code class="css plain">}</code></b></div><div class="line number12 index11 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter img{</code><code class="css keyword">max-width</code><code class="css plain">:</code><code class="css value">none</code><code class="css plain">}</code></b></div><div class="line number13 index12 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter .box_clone img{</code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">absolute</code><code class="css plain">; </code><code class="css keyword">top</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">350px</code><code class="css plain">; </code><code class="css keyword">left</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">z-index</code><code class="css plain">:</code><code class="css value">19</code><code class="css plain">; </code><code class="css keyword">max-width</code><code class="css plain">:</code><code class="css value">710px</code><code class="css plain">; </code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">710px</code><code class="css plain">}</code></b></div><div class="line number14 index13 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter .prev_button{</code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">absolute</code><code class="css plain">; </code><code class="css keyword">top</code><code class="css plain">:</code><code class="css value">50%</code><code class="css plain">; </code><code class="css keyword">left</code><code class="css plain">:</code><code class="css value">35px</code><code class="css plain">; </code><code class="css keyword">z-index</code><code class="css plain">:</code><code class="css value">100</code><code class="css plain">; </code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">42px</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">42px</code><code class="css plain">; </code><code class="css keyword">overflow</code><code class="css plain">:</code><code class="css value">hidden</code><code class="css plain">; </code><code class="css keyword">text-indent</code><code class="css plain">:</code><code class="css value">-9999em</code><code class="css plain">; </code><code class="css keyword">margin-top</code><code class="css plain">:</code><code class="css value">-25px</code><code class="css plain">}</code></b></div><div class="line number15 index14 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter .next_button{</code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">absolute</code><code class="css plain">; </code><code class="css keyword">top</code><code class="css plain">:</code><code class="css value">50%</code><code class="css plain">; </code><code class="css keyword">right</code><code class="css plain">:</code><code class="css value">35px</code><code class="css plain">; </code><code class="css keyword">z-index</code><code class="css plain">:</code><code class="css value">100</code><code class="css plain">; </code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">42px</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">42px</code><code class="css plain">; </code><code class="css keyword">overflow</code><code class="css plain">:</code><code class="css value">hidden</code><code class="css plain">; </code><code class="css keyword">text-indent</code><code class="css plain">:</code><code class="css value">-9999em</code><code class="css plain">; </code><code class="css keyword">margin-top</code><code class="css plain">:</code><code class="css value">-25px</code><code class="css plain">}</code></b></div><div class="line number16 index15 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter .info_slide{</code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">absolute</code><code class="css plain">; </code><code class="css keyword">top</code><code class="css plain">:</code><code class="css value">15px</code><code class="css plain">; </code><code class="css keyword">left</code><code class="css plain">:</code><code class="css value">15px</code><code class="css plain">; </code><code class="css keyword">z-index</code><code class="css plain">:</code><code class="css value">100</code><code class="css plain">; </code><code class="css keyword">background</code><code class="css plain">:</code><code class="css value">#000</code><code class="css plain">; </code><code class="css keyword">color</code><code class="css plain">:</code><code class="css value">#FFF</code><code class="css plain">; </code><code class="css keyword">font</code><code class="css plain">:</code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">5px</code> <code class="css value">0</code> <code class="css value">5px</code> <code class="css value">5px</code><code class="css plain">; -moz-border-radius:</code><code class="css value">5px</code><code class="css plain">; -webkit-border-radius:</code><code class="css value">5px</code><code class="css plain">; border-radius:</code><code class="css value">5px</code><code class="css plain">; opacity:</code><code class="css value">0.75</code><code class="css plain">}</code></b></div><div class="line number17 index16 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter .info_slide .image_number{</code><code class="css keyword">background</code><code class="css plain">:</code><code class="css value">#333</code><code class="css plain">; </code><code class="css keyword">float</code><code class="css plain">:</code><code class="css value">left</code><code class="css plain">; </code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">2px</code> <code class="css value">10px</code><code class="css plain">; </code><code class="css keyword">margin</code><code class="css plain">:</code><code class="css value">0</code> <code class="css value">5px</code> <code class="css value">0</code> <code class="css value">0</code><code class="css plain">; </code><code class="css keyword">cursor</code><code class="css plain">:</code><code class="css value">pointer</code><code class="css plain">; -moz-border-radius:</code><code class="css value">2px</code><code class="css plain">; -webkit-border-radius:</code><code class="css value">2px</code><code class="css plain">; border-radius:</code><code class="css value">2px</code><code class="css plain">}</code></b></div><div class="line number18 index17 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter .info_slide .image_number_select{</code><code class="css keyword">background</code><code class="css plain">:</code><code class="css value">#c00</code><code class="css plain">; </code><code class="css keyword">float</code><code class="css plain">:</code><code class="css value">left</code><code class="css plain">; </code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">2px</code> <code class="css value">10px</code><code class="css plain">; </code><code class="css keyword">margin</code><code class="css plain">:</code><code class="css value">0</code> <code class="css value">5px</code> <code class="css value">0</code> <code class="css value">0</code><code class="css plain">}</code></b></div><div class="line number19 index18 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter .container_thumbs{</code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">relative</code><code class="css plain">; </code><code class="css keyword">overflow</code><code class="css plain">:</code><code class="css value">hidden</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">50px</code><code class="css plain">}</code></b></div><div class="line number20 index19 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter .info_slide_thumb{-moz-border-radius:</code><code class="css value">0</code><code class="css plain">; -webkit-border-radius:</code><code class="css value">0</code><code class="css plain">; border-radius:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">overflow</code><code class="css plain">:</code><code class="css value">hidden</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">45px</code><code class="css plain">; </code><code class="css keyword">top</code><code class="css plain">:</code><code class="css value">auto</code><code class="css plain">; </code><code class="css keyword">bottom</code><code class="css plain">:</code><code class="css value">-5px</code><code class="css plain">; </code><code class="css keyword">left</code><code class="css plain">:</code><code class="css value">-5px</code><code class="css plain">; </code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">5px</code><code class="css plain">; opacity:</code><code class="css value">1.0</code><code class="css plain">}</code></b></div><div class="line number21 index20 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter .info_slide_thumb .image_number{</code><code class="css keyword">overflow</code><code class="css plain">:</code><code class="css value">hidden</code><code class="css plain">; </code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">70px</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">40px</code><code class="css plain">; </code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">relative</code><code class="css plain">}</code></b></div><div class="line number22 index21 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter .info_slide_thumb .image_number img{</code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">absolute</code><code class="css plain">; </code><code class="css keyword">top</code><code class="css plain">:</code><code class="css value">-50px</code><code class="css plain">; </code><code class="css keyword">left</code><code class="css plain">:</code><code class="css value">-50px</code><code class="css plain">}</code></b></div><div class="line number23 index22 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter .box_scroll_thumbs{</code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">0</code> <code class="css value">10px</code><code class="css plain">}</code></b></div><div class="line number24 index23 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter .box_scroll_thumbs .scroll_thumbs{</code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">absolute</code><code class="css plain">; </code><code class="css keyword">bottom</code><code class="css plain">:</code><code class="css value">60px</code><code class="css plain">; </code><code class="css keyword">left</code><code class="css plain">:</code><code class="css value">50px</code><code class="css plain">; </code><code class="css keyword">background</code><code class="css plain">:</code><code class="css value">#ccc</code><code class="css plain">; </code><code class="css keyword">background</code><code class="css plain">:-moz-linear-gradient(</code><code class="css value">-90</code><code class="css plain">deg,</code><code class="css value">#555</code><code class="css plain">,</code><code class="css value">#fff</code><code class="css plain">); </code><code class="css keyword">background</code><code class="css plain">:-webkit-gradient(linear,</code><code class="css value">left</code> <code class="css value">top</code><code class="css plain">,</code><code class="css value">left</code> <code class="css value">bottom</code><code class="css plain">,from(</code><code class="css value">#555</code><code class="css plain">),to(</code><code class="css value">#fff</code><code class="css plain">)); </code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">200px</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">10px</code><code class="css plain">; </code><code class="css keyword">overflow</code><code class="css plain">:</code><code class="css value">hidden</code><code class="css plain">; </code><code class="css keyword">text-indent</code><code class="css plain">:</code><code class="css value">-9999em</code><code class="css plain">; </code><code class="css keyword">z-index</code><code class="css plain">:</code><code class="css value">101</code><code class="css plain">; -moz-border-radius:</code><code class="css value">20px</code><code class="css plain">; -webkit-border-radius:</code><code class="css value">20px</code><code class="css plain">; border-radius:</code><code class="css value">20px</code><code class="css plain">; </code><code class="css keyword">cursor</code><code class="css plain">:</code><code class="css value">pointer</code><code class="css plain">; </code><code class="css keyword">border</code><code class="css plain">:</code><code class="css value">1px</code> <code class="css value">solid</code> <code class="css value">#333</code><code class="css plain">}</code></b></div><div class="line number25 index24 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter .info_slide_dots{</code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">absolute</code><code class="css plain">; </code><code class="css keyword">bottom</code><code class="css plain">:</code><code class="css value">-40px</code><code class="css plain">; </code><code class="css keyword">z-index</code><code class="css plain">:</code><code class="css value">151</code><code class="css plain">; </code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">5px</code> <code class="css value">0</code> <code class="css value">5px</code> <code class="css value">5px</code><code class="css plain">; -moz-border-radius:</code><code class="css value">50px</code><code class="css plain">; -webkit-border-radius:</code><code class="css value">50px</code><code class="css plain">; border-radius:</code><code class="css value">50px</code><code class="css plain">}</code></b></div><div class="line number26 index25 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter .info_slide_dots .image_number{</code><code class="css keyword">background</code><code class="css plain">:</code><code class="css value">#333</code><code class="css plain">; </code><code class="css keyword">float</code><code class="css plain">:</code><code class="css value">left</code><code class="css plain">; </code><code class="css keyword">margin</code><code class="css plain">:</code><code class="css value">0</code> <code class="css value">5px</code> <code class="css value">0</code> <code class="css value">0</code><code class="css plain">; </code><code class="css keyword">cursor</code><code class="css plain">:</code><code class="css value">pointer</code><code class="css plain">; -moz-border-radius:</code><code class="css value">50px</code><code class="css plain">; -webkit-border-radius:</code><code class="css value">50px</code><code class="css plain">; border-radius:</code><code class="css value">50px</code><code class="css plain">; </code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">18px</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">18px</code><code class="css plain">; </code><code class="css keyword">text-indent</code><code class="css plain">:</code><code class="css value">-9999em</code><code class="css plain">; </code><code class="css keyword">outline</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">overflow</code><code class="css plain">:</code><code class="css value">hidden</code><code class="css plain">}</code></b></div><div class="line number27 index26 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter .info_slide_dots .image_number_select{</code><code class="css keyword">background</code><code class="css plain">:</code><code class="css value">#c00</code><code class="css plain">; </code><code class="css keyword">float</code><code class="css plain">:</code><code class="css value">left</code><code class="css plain">; </code><code class="css keyword">margin</code><code class="css plain">:</code><code class="css value">0</code> <code class="css value">5px</code> <code class="css value">0</code> <code class="css value">0</code><code class="css plain">}</code></b></div><div class="line number28 index27 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter .label_skitter{</code><code class="css keyword">z-index</code><code class="css plain">:</code><code class="css value">80</code><code class="css plain">; </code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">absolute</code><code class="css plain">; </code><code class="css keyword">bottom</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">left</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">display</code><code class="css plain">:</code><code class="css value">none</code><code class="css plain">}</code></b></div><div class="line number29 index28 alt2" style="text-align: left;"><b><code class="css plain">.loading{</code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">absolute</code><code class="css plain">; </code><code class="css keyword">top</code><code class="css plain">:</code><code class="css value">50%</code><code class="css plain">; </code><code class="css keyword">right</code><code class="css plain">:</code><code class="css value">50%</code><code class="css plain">; </code><code class="css keyword">z-index</code><code class="css plain">:</code><code class="css value">10000</code><code class="css plain">; </code><code class="css keyword">margin</code><code class="css plain">:</code><code class="css value">-16px</code> <code class="css value">-16px</code><code class="css plain">; </code><code class="css keyword">color</code><code class="css plain">:</code><code class="css value">#FFF</code><code class="css plain">; </code><code class="css keyword">text-indent</code><code class="css plain">:</code><code class="css value">-9999em</code><code class="css plain">; </code><code class="css keyword">overflow</code><code class="css plain">:</code><code class="css value">hidden</code><code class="css plain">; </code><code class="css keyword">background</code><code class="css plain">:</code><code class="css value">#FFF</code> <code class="css value">no-repeat</code> <code class="css value">left</code> <code class="css value">top</code><code class="css plain">; </code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">32px</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">32px</code><code class="css plain">}</code></b></div><div class="line number30 index29 alt1" style="text-align: left;"><b><code class="css plain">.label_skitter{</code><code class="css keyword">z-index</code><code class="css plain">:</code><code class="css value">150</code><code class="css plain">; </code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">absolute</code><code class="css plain">; </code><code class="css keyword">bottom</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">left</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">color</code><code class="css plain">:</code><code class="css value">#FFF</code><code class="css plain">; </code><code class="css keyword">display</code><code class="css plain">:</code><code class="css value">none</code><code class="css plain">; opacity:</code><code class="css value">0.9</code><code class="css plain">}</code></b></div><div class="line number31 index30 alt2" style="text-align: left;"><b><code class="css plain">.label_skitter p{</code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">5px</code><code class="css plain">; </code><code class="css keyword">margin</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">}</code></b></div><div class="line number32 index31 alt1" style="text-align: left;"><code class="css plain"><b>.info_slide *{}</b></code></div><div class="line number33 index32 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter .progressbar{</code><code class="css keyword">background</code><code class="css plain">:</code><code class="css value">#000</code><code class="css plain">; </code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">absolute</code><code class="css plain">; </code><code class="css keyword">bottom</code><code class="css plain">:</code><code class="css value">5px</code><code class="css plain">; </code><code class="css keyword">left</code><code class="css plain">:</code><code class="css value">10px</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">5px</code><code class="css plain">; </code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">940px</code><code class="css plain">; </code><code class="css keyword">z-index</code><code class="css plain">:</code><code class="css value">99</code><code class="css plain">; border-radius:</code><code class="css value">20px</code><code class="css plain">}</code></b></div><div class="line number34 index33 alt1" style="text-align: left;"><b><code class="css plain">.preview_slide{</code><code class="css keyword">display</code><code class="css plain">:</code><code class="css value">none</code><code class="css plain">; </code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">absolute</code><code class="css plain">; </code><code class="css keyword">z-index</code><code class="css plain">:</code><code class="css value">999</code><code class="css plain">; </code><code class="css keyword">bottom</code><code class="css plain">:</code><code class="css value">40px</code><code class="css plain">; </code><code class="css keyword">left</code><code class="css plain">:</code><code class="css value">-40px</code><code class="css plain">; </code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">100px</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">50px</code><code class="css plain">; </code><code class="css keyword">border</code><code class="css plain">:</code><code class="css value">3px</code> <code class="css value">solid</code> <code class="css value">#FFF</code><code class="css plain">; </code><code class="css keyword">background</code><code class="css plain">:rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,.</code><code class="css value">5</code><code class="css plain">); -moz-box-shadow:rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0.7</code><code class="css plain">) </code><code class="css value">0</code> <code class="css value">0</code> <code class="css value">10px</code><code class="css plain">; -webkit-box-shadow:rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0.7</code><code class="css plain">) </code><code class="css value">0</code> <code class="css value">0</code> <code class="css value">10px</code><code class="css plain">; box-shadow:rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0.7</code><code class="css plain">) </code><code class="css value">0</code> <code class="css value">0</code> <code class="css value">10px</code><code class="css plain">; </code><code class="css keyword">overflow</code><code class="css plain">:</code><code class="css value">hidden</code><code class="css plain">}</code></b></div><div class="line number35 index34 alt2" style="text-align: left;"><b><code class="css plain">.preview_slide ul{</code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">100px</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">50px</code><code class="css plain">; </code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">overflow</code><code class="css plain">:</code><code class="css value">hidden</code><code class="css plain">; </code><code class="css keyword">margin</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">list-style</code><code class="css plain">:</code><code class="css value">none</code><code class="css plain">; </code><code class="css keyword">display</code><code class="css plain">:</code><code class="css value">block</code><code class="css plain">; </code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">absolute</code><code class="css plain">; </code><code class="css keyword">top</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">left</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">}</code></b></div><div class="line number36 index35 alt1" style="text-align: left;"><b><code class="css plain">.preview_slide ul li{</code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">100px</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">55px</code><code class="css plain">; </code><code class="css keyword">overflow</code><code class="css plain">:</code><code class="css value">hidden</code><code class="css plain">; </code><code class="css keyword">float</code><code class="css plain">:</code><code class="css value">left</code><code class="css plain">; </code><code class="css keyword">margin</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">relative</code><code class="css plain">; </code><code class="css keyword">display</code><code class="css plain">:</code><code class="css value">block</code><code class="css plain">}</code></b></div><div class="line number37 index36 alt2" style="text-align: left;"><b><code class="css plain">.preview_slide ul li img{</code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">absolute</code><code class="css plain">; </code><code class="css keyword">top</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">left</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">55px</code><code class="css plain">; </code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">100px</code><code class="css plain">}</code></b></div><div class="line number38 index37 alt1" style="text-align: left;"><b><code class="css plain">#overlay_skitter{</code><code class="css keyword">position</code><code class="css plain">:</code><code class="css value">absolute</code><code class="css plain">; </code><code class="css keyword">top</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">left</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">100%</code><code class="css plain">; </code><code class="css keyword">z-index</code><code class="css plain">:</code><code class="css value">9998</code><code class="css plain">; opacity:</code><code class="css value">1</code><code class="css plain">; </code><code class="css keyword">background</code><code class="css plain">:</code><code class="css value">#000</code><code class="css plain">}</code></b></div><div class="line number39 index38 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter_home{</code><code class="css keyword">background-image</code><code class="css plain">:</code><code class="css value">url</code><code class="css plain">(<a href="http:">http://</a></code><code class="css value">2</code><code class="css plain">.bp.blogspot.com/-DCmjx</code><code class="css value">6</code><code class="css plain">RoZr</code><code class="css value">4</code><code class="css plain">/USE</code><code class="css value">6</code><code class="css plain">_AtfkoI/AAAAAAAAIew/Kymik</code><code class="css value">1</code><code class="css plain">Hv</code><code class="css value">4</code><code class="css plain">sY/s</code><code class="css value">1600</code><code class="css plain">/anim_loading_sm_</code><code class="css value">082208</code><code class="css plain">.gif); </code><code class="css keyword">background-position</code><code class="css plain">:</code><code class="css value">center</code> <code class="css value">center</code><code class="css plain">; </code><code class="css keyword">background-repeat</code><code class="css plain">:</code><code class="css value">no-repeat</code><code class="css plain">}</code></b></div><div class="line number40 index39 alt1" style="text-align: left;"><code class="css plain"><b>.box_skitter_home.maxxiz-theme .prev_button, </b></code></div><div class="line number41 index40 alt2" style="text-align: left;"><code class="css plain"><b>.box_skitter_home.maxxiz-theme .next_button, </b></code></div><div class="line number42 index41 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .info_slide_dots{</code><code class="css keyword">border</code><code class="css plain">:</code><code class="css value">1px</code> <code class="css value">solid</code> <code class="css value">#FFF</code><code class="css plain">; box-shadow:</code><code class="css value">0</code> <code class="css value">1px</code> <code class="css value">3px</code> <code class="css value">#BDBDBD</code><code class="css plain">; -moz-box-shadow:</code><code class="css value">0</code> <code class="css value">1px</code> <code class="css value">3px</code> <code class="css value">#BDBDBD</code><code class="css plain">; -webkit-box-shadow:</code><code class="css value">0</code> <code class="css value">1px</code> <code class="css value">3px</code> <code class="css value">#BDBDBD</code><code class="css plain">; -moz-border-radius:</code><code class="css value">0</code><code class="css plain">; -webkit-border-radius:</code><code class="css value">0</code><code class="css plain">; border-radius:</code><code class="css value">0</code><code class="css plain">}</code></b></div><div class="line number43 index42 alt2" style="text-align: left;"><code class="css plain"><b>.box_skitter_home.maxxiz-theme .info_slide{}</b></code></div><div class="line number44 index43 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .info_slide_dots{    </code><code class="css keyword">bottom</code><code class="css plain">:</code><code class="css value">-14px</code><code class="css plain">;     </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">30px</code><code class="css plain">;     </code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">0px</code> <code class="css value">4px</code><code class="css plain">;     </code><code class="css keyword">z-index</code><code class="css plain">:</code><code class="css value">99</code><code class="css plain">}</code></b></div><div class="line number45 index44 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .info_slide_dots span{transition:background linear .</code><code class="css value">3</code><code class="css plain">s; -webkit-transition:background linear .</code><code class="css value">3</code><code class="css plain">s; -moz-transition:background linear .</code><code class="css value">3</code><code class="css plain">s; </code><code class="css keyword">background-image</code><code class="css plain">:</code><code class="css value">url</code><code class="css plain">(<a href="http:">http://</a></code><code class="css value">2</code><code class="css plain">.bp.blogspot.com/-wlQ</code><code class="css value">0</code><code class="css plain">ByipI</code><code class="css value">94</code><code class="css plain">/USJMy</code><code class="css value">6</code><code class="css plain">cTt</code><code class="css value">4</code><code class="css plain">I/AAAAAAAAIhI/</code><code class="css value">0</code><code class="css plain">ZQk</code><code class="css value">2</code><code class="css plain">Nw-F-Y/s</code><code class="css value">1600</code><code class="css plain">/light-overlay.png); </code><code class="css keyword">background-repeat</code><code class="css plain">:</code><code class="css value">repeat-x</code><code class="css plain">; </code><code class="css keyword">background-position</code><code class="css plain">:</code><code class="css value">left</code> <code class="css value">-13px</code><code class="css plain">; </code><code class="css keyword">background-color</code><code class="css plain">:</code><code class="css value">#d1d1d1</code><code class="css plain">; </code><code class="css keyword">color</code><code class="css plain">:</code><code class="css value">#777</code><code class="css plain">; -webkit-border-radius:</code><code class="css value">50%</code><code class="css plain">; -moz-border-radius:</code><code class="css value">50%</code><code class="css plain">; border-radius:</code><code class="css value">50%</code><code class="css plain">; </code><code class="css keyword">border-bottom</code><code class="css plain">:</code><code class="css value">1px</code> <code class="css value">solid</code> <code class="css value">#FFF</code><code class="css plain">; </code><code class="css keyword">display</code><code class="css plain">:</code><code class="css value">block</code><code class="css plain">; </code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">10px</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">10px</code><code class="css plain">; </code><code class="css keyword">text-indent</code><code class="css plain">:</code><code class="css value">-9999px</code><code class="css plain">; </code><code class="css keyword">float</code><code class="css plain">:</code><code class="css value">left</code><code class="css plain">; </code><code class="css keyword">margin</code><code class="css plain">:</code><code class="css value">10px</code> <code class="css value">6px</code> <code class="css value">0</code> <code class="css value">6px</code><code class="css plain">}</code></b></div><div class="line number46 index45 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .info_slide_dots span:hover{</code><code class="css keyword">background-color</code><code class="css plain">:</code><code class="css value">#777</code><code class="css plain">}</code></b></div><div class="line number47 index46 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .info_slide_dots span.image_number_select{</code><code class="css keyword">background-color</code><code class="css plain">:</code><code class="css value">#1ABFC6</code><code class="css plain">; </code><code class="css keyword">border</code><code class="css plain">:</code><code class="css value">none</code><code class="css plain">; </code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">14px</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">14px</code><code class="css plain">; </code><code class="css keyword">margin</code><code class="css plain">:</code><code class="css value">8px</code> <code class="css value">3px</code> <code class="css value">0</code> <code class="css value">3px</code><code class="css plain">; box-shadow:</code><code class="css value">inset</code> <code class="css value">1px</code> <code class="css value">0</code> <code class="css value">0</code> <code class="css plain">rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,.</code><code class="css value">1</code><code class="css plain">),</code><code class="css value">inset</code> <code class="css value">-1px</code> <code class="css value">0</code> <code class="css value">0</code> <code class="css plain">rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,.</code><code class="css value">1</code><code class="css plain">),</code><code class="css value">inset</code> <code class="css value">0</code> <code class="css value">1px</code> <code class="css value">0</code> <code class="css plain">rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,.</code><code class="css value">1</code><code class="css plain">),</code><code class="css value">inset</code> <code class="css value">0</code> <code class="css value">-1px</code> <code class="css value">0</code> <code class="css plain">rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,.</code><code class="css value">1</code><code class="css plain">); -webkit-box-shadow:</code><code class="css value">inset</code> <code class="css value">1px</code> <code class="css value">0</code> <code class="css value">0</code> <code class="css plain">rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,.</code><code class="css value">1</code><code class="css plain">),</code><code class="css value">inset</code> <code class="css value">-1px</code> <code class="css value">0</code> <code class="css value">0</code> <code class="css plain">rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,.</code><code class="css value">1</code><code class="css plain">),</code><code class="css value">inset</code> <code class="css value">0</code> <code class="css value">1px</code> <code class="css value">0</code> <code class="css plain">rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,.</code><code class="css value">1</code><code class="css plain">),</code><code class="css value">inset</code> <code class="css value">0</code> <code class="css value">-1px</code> <code class="css value">0</code> <code class="css plain">rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,.</code><code class="css value">1</code><code class="css plain">); -moz-box-shadow:</code><code class="css value">inset</code> <code class="css value">1px</code> <code class="css value">0</code> <code class="css value">0</code> <code class="css plain">rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,.</code><code class="css value">1</code><code class="css plain">),</code><code class="css value">inset</code> <code class="css value">-1px</code> <code class="css value">0</code> <code class="css value">0</code> <code class="css plain">rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,.</code><code class="css value">1</code><code class="css plain">),</code><code class="css value">inset</code> <code class="css value">0</code> <code class="css value">1px</code> <code class="css value">0</code> <code class="css plain">rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,.</code><code class="css value">1</code><code class="css plain">),</code><code class="css value">inset</code> <code class="css value">0</code> <code class="css value">-1px</code> <code class="css value">0</code> <code class="css plain">rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,.</code><code class="css value">1</code><code class="css plain">)}</code></b></div><div class="line number48 index47 alt1" style="text-align: left;"><code class="css plain"><b>.box_skitter_home.maxxiz-theme .prev_button, </b></code></div><div class="line number49 index48 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .next_button{</code><code class="css keyword">display</code><code class="css plain">:</code><code class="css value">block</code><code class="css plain">; </code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">75px</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">22px</code><code class="css plain">; </code><code class="css keyword">line-height</code><code class="css plain">:</code><code class="css value">30px</code><code class="css plain">; </code><code class="css keyword">text-decoration</code><code class="css plain">:</code><code class="css value">none</code><code class="css plain">; </code><code class="css keyword">font-size</code><code class="css plain">:</code><code class="css value">10px</code><code class="css plain">; </code><code class="css keyword">text-transform</code><code class="css plain">:</code><code class="css value">uppercase</code><code class="css plain">; transition:</code><code class="css value">none</code><code class="css plain">; -webkit-transition:</code><code class="css value">none</code><code class="css plain">; -o-transition:</code><code class="css value">none</code><code class="css plain">; -moz-transition:</code><code class="css value">none</code><code class="css plain">; </code><code class="css keyword">text-indent</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">bottom</code><code class="css plain">:</code><code class="css value">-11px</code><code class="css plain">; </code><code class="css keyword">top</code><code class="css plain">:</code><code class="css value">auto</code><code class="css plain">; </code><code class="css keyword">color</code><code class="css plain">:</code><code class="css value">#777</code><code class="css plain">; </code><code class="css keyword">z-index</code><code class="css plain">:</code><code class="css value">98</code><code class="css plain">; </code><code class="css keyword">cursor</code><code class="css plain">:</code><code class="css value">pointer</code><code class="css plain">}</code></b></div><div class="line number50 index49 alt1" style="text-align: left;"><code class="css plain"><b>.box_skitter_home.maxxiz-theme .prev_button:hover, </b></code></div><div class="line number51 index50 alt2" style="text-align: left;"><code class="css plain"><b>.box_skitter_home.maxxiz-theme .next_button:hover, </b></code></div><div class="line number52 index51 alt1" style="text-align: left;"><code class="css plain"><b>.box_skitter_home.maxxiz-theme .prev_button:active, </b></code></div><div class="line number53 index52 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .next_button:active{opacity:</code><code class="css value">1</code> <code class="css color3">!important</code><code class="css plain">}</code></b></div><div class="line number54 index53 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .next_button{</code><code class="css keyword">right</code><code class="css plain">:</code><code class="css value">25.5%</code><code class="css plain">; </code><code class="css keyword">padding-right</code><code class="css plain">:</code><code class="css value">5px</code><code class="css plain">; </code><code class="css keyword">text-align</code><code class="css plain">:</code><code class="css value">right</code><code class="css plain">; </code><code class="css keyword">line-height</code><code class="css plain">:</code><code class="css value">22px</code><code class="css plain">; opacity:</code><code class="css value">1</code> <code class="css color3">!important</code><code class="css plain">}</code></b></div><div class="line number55 index54 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .next_button span{</code><code class="css keyword">padding-right</code><code class="css plain">:</code><code class="css value">20px</code><code class="css plain">; </code><code class="css keyword">background</code><code class="css plain">:</code><code class="css value">url</code><code class="css plain">(<a href="http:">http://</a></code><code class="css value">3</code><code class="css plain">.bp.blogspot.com/</code><code class="css value">-0</code><code class="css plain">sdXIJ</code><code class="css value">1</code><code class="css plain">gg</code><code class="css value">7</code><code class="css plain">E/USJMx</code><code class="css value">9</code><code class="css plain">yN_NI/AAAAAAAAIg</code><code class="css value">8</code><code class="css plain">/_c</code><code class="css value">5</code><code class="css plain">LEVNSzyU/s</code><code class="css value">1600</code><code class="css plain">/nav-next.png) </code><code class="css value">no-repeat</code> <code class="css value">left</code> <code class="css value">top</code><code class="css plain">; </code><code class="css keyword">background-position</code><code class="css plain">:</code><code class="css value">right</code> <code class="css value">center</code><code class="css plain">; </code><code class="css keyword">padding-bottom</code><code class="css plain">:</code><code class="css value">1px</code><code class="css plain">; </code><code class="css keyword">display</code><code class="css plain">:</code><code class="css value">block</code><code class="css plain">}</code></b></div><div class="line number56 index55 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .prev_button{</code><code class="css keyword">left</code><code class="css plain">:</code><code class="css value">25.5%</code><code class="css plain">; </code><code class="css keyword">padding-left</code><code class="css plain">:</code><code class="css value">5px</code><code class="css plain">; </code><code class="css keyword">text-align</code><code class="css plain">:</code><code class="css value">left</code><code class="css plain">; </code><code class="css keyword">line-height</code><code class="css plain">:</code><code class="css value">22px</code><code class="css plain">; opacity:</code><code class="css value">1</code> <code class="css color3">!important</code><code class="css plain">}</code></b></div><div class="line number57 index56 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .prev_button span{</code><code class="css keyword">padding-left</code><code class="css plain">:</code><code class="css value">20px</code><code class="css plain">; </code><code class="css keyword">background</code><code class="css plain">:</code><code class="css value">url</code><code class="css plain">(<a href="http:">http://</a></code><code class="css value">4</code><code class="css plain">.bp.blogspot.com/-z</code><code class="css value">8</code><code class="css plain">Ap</code><code class="css value">4</code><code class="css plain">NNJRac/USJMxgHGlDI/AAAAAAAAIg</code><code class="css value">4</code><code class="css plain">/wblKthAlpyQ/s</code><code class="css value">1600</code><code class="css plain">/nav-prev.png) </code><code class="css value">no-repeat</code> <code class="css value">left</code> <code class="css value">top</code><code class="css plain">; </code><code class="css keyword">background-position</code><code class="css plain">:</code><code class="css value">left</code> <code class="css value">center</code><code class="css plain">; </code><code class="css keyword">padding-bottom</code><code class="css plain">:</code><code class="css value">1px</code><code class="css plain">; </code><code class="css keyword">display</code><code class="css plain">:</code><code class="css value">block</code><code class="css plain">}</code></b></div><div class="line number58 index57 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .label_skitter{</code><code class="css keyword">width</code><code class="css plain">:</code><code class="css value">90%</code><code class="css plain">; </code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">left</code><code class="css plain">:</code><code class="css value">50%</code><code class="css plain">; </code><code class="css keyword">margin-left</code><code class="css plain">:</code><code class="css value">-45%</code><code class="css plain">; </code><code class="css keyword">bottom</code><code class="css plain">:</code><code class="css value">10%</code><code class="css plain">; </code><code class="css keyword">text-align</code><code class="css plain">:</code><code class="css value">right</code><code class="css plain">; </code><code class="css keyword">height</code><code class="css plain">:</code><code class="css value">auto</code><code class="css plain">; </code><code class="css keyword">color</code><code class="css plain">:</code><code class="css value">white</code><code class="css plain">}</code></b></div><div class="line number59 index58 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .label_skitter .inner{</code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">5px</code> <code class="css value">8px</code> <code class="css value">5px</code><code class="css plain">; </code><code class="css keyword">background</code><code class="css plain">:</code><code class="css value">#1ABFC6</code><code class="css plain">; </code><code class="css keyword">border-right</code><code class="css plain">:</code><code class="css value">5px</code> <code class="css value">solid</code> <code class="css value">white</code><code class="css plain">; </code><code class="css keyword">border-left</code><code class="css plain">:</code><code class="css value">5px</code> <code class="css value">solid</code> <code class="css value">white</code><code class="css plain">}</code></b></div><div class="line number60 index59 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .label_skitter p{</code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">margin-top</code><code class="css plain">:</code><code class="css value">5px</code><code class="css plain">; </code><code class="css keyword">margin-bottom</code><code class="css plain">:</code><code class="css value">5px</code><code class="css plain">; </code><code class="css keyword">font-size</code><code class="css plain">:</code><code class="css value">11px</code><code class="css plain">; </code><code class="css keyword">text-shadow</code><code class="css plain">:</code><code class="css value">0</code> <code class="css value">1px</code> <code class="css value">0</code> <code class="css plain">rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0.3</code><code class="css plain">)}</code></b></div><div class="line number61 index60 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .label_skitter strong{</code><code class="css keyword">margin-top</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">line-height</code><code class="css plain">:</code><code class="css value">20px</code> <code class="css color3">!important</code><code class="css plain">; </code><code class="css keyword">font-size</code><code class="css plain">:</code><code class="css value">15px</code><code class="css plain">; </code><code class="css keyword">text-shadow</code><code class="css plain">:</code><code class="css value">0</code> <code class="css value">1px</code> <code class="css value">0</code> <code class="css plain">rgba(</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,</code><code class="css value">0</code><code class="css plain">,.</code><code class="css value">3</code><code class="css plain">); </code><code class="css keyword">color</code><code class="css plain">:</code><code class="css value">white</code><code class="css plain">}</code></b></div><div class="line number62 index61 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .label_skitter a{</code><code class="css keyword">color</code><code class="css plain">:</code><code class="css value">#fff</code><code class="css plain">; </code><code class="css keyword">text-decoration</code><code class="css plain">:</code><code class="css value">none</code><code class="css plain">; </code><code class="css keyword">font-family</code><code class="css plain">:</code><code class="css color1">arial</code><code class="css plain">,</code><code class="css color1">tahoma</code><code class="css plain">; </code><code class="css keyword">font-size</code><code class="css plain">:</code><code class="css value">17px</code><code class="css plain">; </code><code class="css keyword">text-shadow</code><code class="css plain">:</code><code class="css value">1px</code> <code class="css value">1px</code> <code class="css value">#00D2D9</code><code class="css plain">}</code></b></div><div class="line number63 index62 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .label_skitter a:hover{</code><code class="css keyword">color</code><code class="css plain">:</code><code class="css value">#00D2D9</code><code class="css plain">}</code></b></div><div class="line number64 index63 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter_home.maxxiz-theme .info_slide_thumb{</code><code class="css keyword">background-color</code><code class="css plain">:</code><code class="css value">#FFF</code><code class="css plain">}</code></b></div><div class="line number65 index64 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter.maxxiz-theme .info_slide_thumb .image_number{</code><code class="css keyword">margin</code><code class="css plain">:</code><code class="css value">5px</code><code class="css plain">}</code></b></div><div class="line number66 index65 alt1" style="text-align: left;"><code class="css plain"><b>.box_skitter .container_skitter .date, </b></code></div><div class="line number67 index66 alt2" style="text-align: left;"><b><code class="css plain">.box_skitter .container_skitter .cm{</code><code class="css keyword">font-size</code><code class="css plain">:</code><code class="css value">8px</code><code class="css plain">}</code></b></div><div class="line number68 index67 alt1" style="text-align: left;"><b><code class="css plain">.box_skitter .container_skitter .date span{</code><code class="css keyword">margin-right</code><code class="css plain">:</code><code class="css value">3px</code><code class="css plain">}</code></b></div><div class="line number69 index68 alt2" style="text-align: left;"><code class="css plain"><b>#autoslidenya .widget-content, </b></code></div><div class="line number70 index69 alt1" style="text-align: left;"><b><code class="css plain">#manualslidenya</code><code class="css value">1</code> <code class="css plain">.featuredarea{</code><code class="css keyword">margin</code><code class="css plain">:</code><code class="css value">0</code><code class="css plain">; </code><code class="css keyword">padding</code><code class="css plain">:</code><code class="css value">2px</code><code class="css plain">}</code><span style="text-align: right;"> </span></b></div></div></blockquote><blockquote class="tr_bq"><div class="container"><div class="line number71 index70 alt2" style="text-align: left;"><b><code class="css plain">#manualslidenya</code><code class="css value">1</code> <code class="css plain">.featuredarea{</code><code class="css keyword">margin</code><code class="css plain">:</code><code class="css value">0</code> <code class="css value">0</code> <code class="css value">15px</code><code class="css plain">}</code></b></div></div></blockquote><div style="text-align: left;"><b><span style="color: #cc0000;"><u><span dir="RTL" lang="AR-SA">ثم قم بالبحث عن الكود التالي</span></u></span> </b></div><blockquote class="tr_bq"><blockquote class="tr_bq"><div dir="ltr" style="text-align: left;"><code class="css plain"><b></head></b></code></div></blockquote></blockquote><div style="text-align: left;"><span style="background-color: #f9cb9c;"><b> ** والصق الكود التالي قبله مباشره (فوقه) </b></span></div><blockquote class="tr_bq" style="text-align: left;"><b><script type="text/javascript" src="http://yourjavascript.com/3102224223/slideshow-jalal-maxxiz.js"></script></b></blockquote><blockquote class="tr_bq" style="text-align: left;"><b><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script></b></blockquote><div style="text-align: left;"><b><span style="color: #cc0000;"><u>وبالاخير قم بالبحث عن</u></span> </b></div><blockquote class="tr_bq" style="text-align: left;"><b><div id='main-wrapper'></b></blockquote><div style="text-align: left;"><b><span style="color: #e06666;">واذا لم تجده قم بالبحث عن احد الاكواد التاليه</span> </b></div><blockquote class="tr_bq"><div class="container"><div class="line number1 index0 alt2" style="text-align: left;"><b><code class="html plain"><</code><code class="html keyword">div</code> <code class="html color1">id</code><code class="html plain">=</code><code class="html string">'main-wrapper'</code><code class="html plain">></code></b></div><div class="line number2 index1 alt1" style="text-align: left;"><b><code class="html spaces">          </code><code class="html plain">او</code></b></div><div class="line number3 index2 alt2" style="text-align: left;"><b><code class="html plain"><</code><code class="html keyword">div</code> <code class="html color1">id</code><code class="html plain">=</code><code class="html string">'content'</code><code class="html plain">></code></b></div><div class="line number4 index3 alt1" style="text-align: left;"><b><code class="html spaces">          </code><code class="html plain">او</code></b></div><div class="line number5 index4 alt2" style="text-align: left;"><b><code class="html plain"><</code><code class="html keyword">div</code> <code class="html color1">id</code><code class="html plain">=</code><code class="html string">"content"</code><code class="html plain">></</code><code class="html keyword">div</code><code class="html plain">></code></b></div><div class="line number6 index5 alt1" style="text-align: left;"><b><code class="html spaces">          </code><code class="html plain">او</code></b></div><div class="line number7 index6 alt2" style="text-align: left;"><b><code class="html plain"><</code><code class="html keyword">div</code> <code class="html color1">class</code><code class="html plain">=</code><code class="html string">'column-center-inner'</code><code class="html plain">></code></b></div></div></blockquote><div style="text-align: left;"><b><span style="background-color: #ffe599;">** و الصق الكود التالي بعده/أسفله :</span> </b></div><blockquote class="tr_bq"><div class="container"><div class="line number1 index0 alt2" style="text-align: left;"><b><code class="html plain"><</code><code class="html keyword">b:if</code> <code class="html color1">cond</code><code class="html plain">=</code><code class="html string">'data:blog.url == data:blog.homepageUrl'</code><code class="html plain">></code></b></div><div class="line number2 index1 alt1" style="text-align: left;"><b><code class="html plain"><</code><code class="html keyword">div</code> <code class="html color1">class</code><code class="html plain">=</code><code class="html string">'clear'</code><code class="html plain">/></code></b></div><div class="line number3 index2 alt2" style="text-align: left;"><b><code class="html plain"><</code><code class="html keyword">div</code> <code class="html color1">id</code><code class="html plain">=</code><code class="html string">'featpost'</code><code class="html plain">/></code></b></div><div class="line number4 index3 alt1" style="text-align: left;"><b><code class="html plain"><</code><code class="html keyword">script</code> <code class="html color1">type</code><code class="html plain">=</code><code class="html string">'text/javascript'</code><code class="html plain">></code></b></div><div class="line number5 index4 alt2" style="text-align: left;"><code class="html plain"><b>jQuery(&quot;#featpost&quot;).AutofeaturedPost({</b></code></div><div class="line number6 index5 alt1" style="text-align: left;"><code class="html plain"><b>blogURL: &quot;<a href="http://alb33dani.com/&quot;">http://www.mostafatharwat.co.vu/&quot;</a>,</b></code></div><div class="line number7 index6 alt2" style="text-align: left;"><code class="html plain"><b>MaxPost:10,</b></code></div><div class="line number8 index7 alt1" style="text-align: left;"><code class="html plain"><b>tagName: &quot;قوالب بلوجر&quot;</b></code></div><div class="line number9 index8 alt2" style="text-align: left;"><code class="html plain"><b>});</b></code></div><div class="line number10 index9 alt1" style="text-align: left;"><b><code class="html plain"></</code><code class="html keyword">script</code><code class="html plain">></code></b></div><div class="line number11 index10 alt2" style="text-align: left;"><b><code class="html plain"><</code><code class="html keyword">div</code> <code class="html color1">class</code><code class="html plain">=</code><code class="html string">'clear'</code><code class="html plain">/></code></b></div><div class="line number12 index11 alt1" style="text-align: left;"><b><code class="html plain"></</code><code class="html keyword">b:if</code><code class="html plain">></code></b></div></div></blockquote><blockquote class="tr_bq"><div><div class="syntaxhighlighter  html" id="highlighter_262169"><table border="0" cellpadding="0" cellspacing="0" style="text-align: left;"><tbody><tr><td class="code"><div class="container"><div class="line number12 index11 alt1"><b><code class="html plain"></code></b></div></div></td></tr></tbody></table></div></div></blockquote><span style="background-color: #d0e0e3;"></span><br /><div style="text-align: left;"><span style="background-color: #d0e0e3;"><b>الان يجب عليك استبدال رابط مدونتي  http://www.mostafatharwat.co.vu/  برابط مدونتك</b></span></div><span style="background-color: #d0e0e3;"></span><br /><div style="text-align: left;"><b>وايضا قم باستبدال <span style="background-color: #f4cccc;">كلمة قوالب</span> بلوجر باسم احد اقسام مدونتك </b></div><div style="text-align: left;"><b><br /></b></div><div style="text-align: left;"><b>وبالاخير قم بحفظ القالب وتمتع بمشاهدة السلايدرشو وهو يعرض اخر مواضيع مدونتك بطريقه تلقائيه وبدون بذل اي جهد او تعب من قبلك<br /><br /><span style="color: #45818e;">وكالعاده اذا واجهتكم اي مشاكل في تركيب السلايدرشو ضعوا تعليق وسيتم الرد عليكم ان شاء الله </span>..... </b></div><blockquote class="tr_bq" style="text-align: left;"></blockquote></div>

حصرياً السلايدشو الاكثر احترافيه على منصة بلوجر (سلايد شو قالب -maxxiz)

بسم الله والصلاة والسلام على رسول الله , السلام عليكم ورحمة الله وبركاته , اليوم باذن الله سوف سنتعلم معآ كيفية اضافة سكريبت سلايد شو تلقا...

مزيد من المعلومات »

.

سلايدشو احترافي يقوم بعرض مواضيع المدونه تلقائيا (سلايدشو ليوماجازين)

حصرياً السلايدشو الاكثر احترافيه على منصة بلوجر (سلايد شو قالب -maxxiz)

اخر الاخبار

مباريات اليوم