حصريا سلايد من نوع مختلف مع تاثيرات احترافية -مصمم بالفوتوشوب-
مرحبا بكم زوار واعضاء المدونة
اليوم صصمت لكم بالفوتوشوب اضافة وعماتها لبلوجر
والموضوع حصري لدي والاضافة من تصميمي
كيفية تركيب الاضافة
- قم فقط بنسخ الكود التالي وضعه في اي مكان يعجبك في القالب او كاضافة
- وقم بتغيير ما هو ملون فقط
- ويمكن التحكم بالعرض والطول للسلايد شو
<center><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'/><link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700|Electrolize' rel='stylesheet' type='text/css'/><link href='https://ar1web-com.googlecode.com/svn/trunk/font-ge_dinar.css' rel='stylesheet'/><script src="http://tympanus.net/Tutorials/TiltedContentSlideshow/js/modernizr.custom.js"></script> <script src="http://tympanus.net/Tutorials/TiltedContentSlideshow/js/classie.js"></script> <script src="http://tympanus.net/Tutorials/TiltedContentSlideshow/js/tiltSlider.js"></script><style>.slideshow { position: relative;margin-top:20px; font-family: Electrolize,ge_ss_threeregular;}.slides { list-style: none; padding: 0; margin: 0; position: relative; height: 350px; width: 100%; overflow: hidden; background: #ddd; color: #333; font-family: Electrolize,ge_ss_threeregular;}.no-js .slides { height: auto;}.slides > li { width: 100%; height: 100%; position: absolute; visibility: hidden; -webkit-perspective: 1600px; perspective: 1600px;}.no-js .slides > li { position: relative; visibility: visible;}.slideshow > nav { text-align: center; margin-top: 20px;}.slideshow > nav span { display: inline-block; width: 60px; height: 25px; border-top: 10px solid #fff; border-bottom: 10px solid #fff; background-color: #ddd; cursor: pointer; margin: 0 3px; transition: background-color 0.2s;}.slideshow > nav span:hover { background-color: #333;}.slideshow > nav span.current { background-color: #aaa;}.description { width: 50%; padding: 1em 3.5em; font-size: 1.5em; position: relative; z-index: 1000; opacity: 0; float: left; margin-left: 10px; font-family: Electrolize,ge_ss_threeregular;}.no-js .description { opacity: 1;}.description h2 { font-size: 200%;}.tiltview { position: absolute; left: 44%; width: 54%; top: 54%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(-50%) rotateX(60deg) rotateZ(35deg); transform: translateY(-50%) rotateX(60deg) rotateZ(35deg);}.tiltview a { outline: 1px solid transparent;}.tiltview a,.tiltview a img { /* max-width: 100%; */ display: block; margin: 0 auto; width: 325px; height: 625px;}.tiltview a:first-child { margin-bottom: 30px;}.tiltview.row a { width: 48%; width: 100%; margin: 0;}.tiltview.row a:nth-child(2) { left: 50%; left: calc(50% + 15px); position: absolute; top: 0;}/* Show/Hide */.slides > li.current,.slides > li.show { visibility: visible;}.description { transition: opacity 0.75s;}.current .description,.show .description { opacity: 1;}.hide .description { opacity: 0;}/* Individual effects *//* Move Up, Move Down, Slide Up, Slide Down, Slide Left, Slide Right *//* For each effect we'll define the incoming and outgoing animation *//***********************//* Move up *//***********************/.hide[data-effect-out="moveUpOut"] .tiltview a { -webkit-animation: moveUpOut 1.5s both; animation: moveUpOut 1.5s both;}.hide[data-effect-out="moveUpOut"] .tiltview a:nth-child(2) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s;}@-webkit-keyframes moveUpOut { 25% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateZ(-30px); } 100% { -webkit-transform: translateZ(3000px); }}@keyframes moveUpOut { 25% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateZ(-30px); transform: translateZ(-30px); } 100% { -webkit-transform: translateZ(3000px); transform: translateZ(3000px); }}.show[data-effect-in="moveUpIn"] .tiltview a { -webkit-animation: moveUpIn 1.5s 0.5s both; animation: moveUpIn 1.5s 0.5s both;}.show[data-effect-in="moveUpIn"] .tiltview a:nth-child(2) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s;}@-webkit-keyframes moveUpIn { 0% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateZ(-3000px); } 75% { -webkit-transform: translateZ(30px); } 100% { -webkit-transform: translateZ(0); }}@keyframes moveUpIn { 0% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateZ(-3000px); transform: translateZ(-3000px); } 75% { -webkit-transform: translateZ(30px); transform: translateZ(30px); } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); }}/***********************//* Move down *//***********************/.hide[data-effect-out="moveDownOut"] .tiltview a { -webkit-animation: moveDownOut 1.5s both; animation: moveDownOut 1.5s both;}.hide[data-effect-out="moveDownOut"] .tiltview a:nth-child(2) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s;}@-webkit-keyframes moveDownOut { 25% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateZ(30px); } 100% { -webkit-transform: translateZ(-3000px); }}@keyframes moveDownOut { 25% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateZ(30px); transform: translateZ(30px); } 100% { -webkit-transform: translateZ(-3000px); transform: translateZ(-3000px); }}.show[data-effect-in="moveDownIn"] .tiltview a { -webkit-animation: moveDownIn 1.5s 0.5s both; animation: moveDownIn 1.5s 0.5s both;}.show[data-effect-in="moveDownIn"] .tiltview a:nth-child(2) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s;}@-webkit-keyframes moveDownIn { 0% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateZ(3000px); } 75% { -webkit-transform: translateZ(-30px); } 100% { -webkit-transform: translateZ(0); }}@keyframes moveDownIn { 0% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateZ(3000px); transform: translateZ(3000px); } 75% { -webkit-transform: translateZ(-30px); transform: translateZ(-30px); } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); }}/***********************//* Slide up *//***********************/.hide[data-effect-out="slideUpOut"] .tiltview a { -webkit-animation: slideUpOut 1.5s both; animation: slideUpOut 1.5s both;}.hide[data-effect-out="slideUpOut"] .tiltview a:nth-child(2) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s;}@-webkit-keyframes slideUpOut { 25% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateY(30px); } 100% { -webkit-transform: translateY(-3000px); }}@keyframes slideUpOut { 25% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateY(30px); transform: translateY(30px); } 100% { -webkit-transform: translateY(-3000px); transform: translateY(-3000px); }}.show[data-effect-in="slideUpIn"] .tiltview a { -webkit-animation: slideUpIn 1.5s 0.5s both; animation: slideUpIn 1.5s 0.5s both;}.show[data-effect-in="slideUpIn"] .tiltview a:nth-child(2) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s;}@-webkit-keyframes slideUpIn { 0% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateY(3000px); } 75% { -webkit-transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); }}@keyframes slideUpIn { 0% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateY(3000px); transform: translateY(3000px); } 75% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); }}/***********************//* Slide down *//***********************/.hide[data-effect-out="slideDownOut"] .tiltview a { -webkit-animation: slideDownOut 1.5s both; animation: slideDownOut 1.5s both;}.hide[data-effect-out="slideDownOut"] .tiltview.row a:nth-child(2),.hide[data-effect-out="slideDownOut"] .tiltview.col a:first-child { -webkit-animation-delay: 0.25s; animation-delay: 0.25s;}@-webkit-keyframes slideDownOut { 25% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateY(-30px); } 100% { -webkit-transform: translateY(3000px); }}@keyframes slideDownOut { 25% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(3000px); transform: translateY(3000px); }}.show[data-effect-in="slideDownIn"] .tiltview a { -webkit-animation: slideDownIn 1.5s 0.5s both; animation: slideDownIn 1.5s 0.5s both;}.show[data-effect-in="slideDownIn"] .tiltview.row a:nth-child(2),.show[data-effect-in="slideDownIn"] .tiltview.col a:first-child { -webkit-animation-delay: 0.75s; animation-delay: 0.75s;}@-webkit-keyframes slideDownIn { 0% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateY(-3000px); } 75% { -webkit-transform: translateY(30px); } 100% { -webkit-transform: translateY(0); }}@keyframes slideDownIn { 0% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateY(-3000px); transform: translateY(-3000px); } 75% { -webkit-transform: translateY(30px); transform: translateY(30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); }}/***********************//* Slide left *//***********************/.hide[data-effect-out="slideLeftOut"] .tiltview a { -webkit-animation: slideLeftOut 1.5s both; animation: slideLeftOut 1.5s both;}.hide[data-effect-out="slideLeftOut"] .tiltview a:nth-child(2) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s;}@-webkit-keyframes slideLeftOut { 25% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateX(30px); } 100% { -webkit-transform: translateX(-5000px); }}@keyframes slideLeftOut { 25% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateX(30px); transform: translateX(30px); } 100% { -webkit-transform: translateX(-5000px); transform: translateX(-5000px); }}.show[data-effect-in="slideLeftIn"] .tiltview a { -webkit-animation: slideLeftIn 1.5s 0.5s both; animation: slideLeftIn 1.5s 0.5s both;}.show[data-effect-in="slideLeftIn"] .tiltview a:nth-child(2) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s;}@-webkit-keyframes slideLeftIn { 0% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateX(3000px); } 75% { -webkit-transform: translateX(-30px); } 100% { -webkit-transform: translateX(0); }}@keyframes slideLeftIn { 0% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateX(3000px); transform: translateX(3000px); } 75% { -webkit-transform: translateX(-30px); transform: translateX(-30px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); }}/***********************//* Slide right *//***********************/.hide[data-effect-out="slideRightOut"] .tiltview a { -webkit-animation: slideRightOut 1.5s both; animation: slideRightOut 1.5s both;}.hide[data-effect-out="slideRightOut"] .tiltview.col a:nth-child(2),.hide[data-effect-out="slideRightOut"] .tiltview.row a:first-child { -webkit-animation-delay: 0.25s; animation-delay: 0.25s;}@-webkit-keyframes slideRightOut { 25% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateX(-30px); } 100% { -webkit-transform: translateX(3000px); }}@keyframes slideRightOut { 25% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateX(-30px); transform: translateX(-30px); } 100% { -webkit-transform: translateX(3000px); transform: translateX(3000px); }}.show[data-effect-in="slideRightIn"] .tiltview a { -webkit-animation: slideRightIn 1.5s 0.5s both; animation: slideRightIn 1.5s 0.5s both;}.show[data-effect-in="slideRightIn"] .tiltview.col a:nth-child(2),.show[data-effect-in="slideRightIn"] .tiltview.row a:first-child { -webkit-animation-delay: 0.75s; animation-delay: 0.75s;}@-webkit-keyframes slideRightIn { 0% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateX(-5000px); } 75% { -webkit-transform: translateX(30px); } 100% { -webkit-transform: translateX(0); }}@keyframes slideRightIn { 0% { -webkit-animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); animation-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform: translateX(-5000px); transform: translateX(-5000px); } 75% { -webkit-transform: translateX(30px); transform: translateX(30px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); }}/* Fallback for no 3D Transforms and no preserve-3d */.no-csstransformspreserve3d .show .tiltview a,.no-csstransformspreserve3d .hide .tiltview a,.no-csstransforms3d .show .tiltview a,.no-csstransforms3d .hide .tiltview a { -webkit-animation: none !important; animation: none !important;}.no-csstransforms3d .tiltview.col { top: -50%;}.no-csstransforms3d .tiltview.row { top: 20px;}/* Some media queries */@media screen and (max-width: 65.3125em) { .description, .tiltview { width: 100%; } .tiltview { left: 0; opacity: 0.3; pointer-events: none; }}@media screen and (max-width: 33.75em) { .description { font-size: 1.1em; } .slideshow > nav span { width: 20px; height: 40px; margin: 0 10px; }}@media screen and (max-width: 24em) { .slides { height: 320px; } .description { font-size: 1em; padding: 1.4em; } .no-csstransforms3d .tiltview.col, .no-csstransforms3d .tiltview.row { top: 0; }}@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);@font-face { font-weight: normal; font-style: normal; font-family: 'codropsicons'; src:url('../fonts/codropsicons/codropsicons.eot'); src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'), url('../fonts/codropsicons/codropsicons.woff') format('woff'), url('../fonts/codropsicons/codropsicons.ttf') format('truetype'), url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');}*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }.clearfix:before, .clearfix:after { content: ''; display: table; }.clearfix:after { clear: both; }body { background: #fff; color: #4b5f5a; font-size: 100%; line-height: 1.25; font-family: 'Lato', Arial, sans-serif;}a { color: #9baaa7; text-decoration: none; outline: none;}a:hover, a:focus { color: #e88565;}code { opacity: 0.7; white-space: nowrap; padding: 0 7px; background: rgba(0,0,0,0.08);}.codrops-header { margin: 0 auto; padding: 2em 2em 0; text-align: center;}.codrops-header h1 { margin: 0; font-weight: 300; font-size: 2.5em; padding-top: 0.2em;}.codrops-header h1 span { display: block; padding: 0 0 0.6em 0.1em; font-size: 0.6em; opacity: 0.7;}/* To Navigation Style */.codrops-top { width: 100%; text-transform: uppercase; font-weight: 700; font-size: 0.69em; line-height: 2.2; text-align: center;}.codrops-top a { display: block; padding: 0 1em; text-decoration: none; letter-spacing: 1px;}.codrops-icon:before { margin: 0 4px; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: 'codropsicons'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased;}.codrops-icon-drop:before { content: "\e001";}.codrops-icon-prev:before { content: "\e004";}/* Related demos */.related { padding: 6em 2em; text-align: center;}.related p { font-size: 1.5em;}.related > a { border: 3px solid #8d9a97; display: inline-block; text-align: center; margin: 20px 10px; padding: 25px; color: #8d9a97; -webkit-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s;}.related a:hover { color: #4b5f5a; border-color: #4b5f5a;}.related a img { max-width: 100%; opacity: 0.8; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}.related a:hover img,.related a:active img { opacity: 1;}.related a h3 { margin: 0; padding: 0.5em 0 0.3em; max-width: 300px; text-align: left;}#cdawrap { top: 550px !important; background: #f0f0f0 !important;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}</style> <div class="slideshow" id="slideshow"> <ol class="slides"> <li class="current"> <div class="description"> <h2>1عنوان-اسامة- السلايد شو</h2> <p><a href="http://www.web3-night.blogspot.com/"></a>هذا المنزلق، كما يظهر من خلال الصفحة المقصودة من المسرحيات مع منظور 3D وتؤدي بعض الحركات المثيرة للاهتمام على الصور الجانب الأيمن.</p> </div> <div class="tiltview col"> <a href="http://www.web3-night.blogspot.com/"><img src="http://3.bp.blogspot.com/-fQMlNwXRD0o/VZfNO_d2hTI/AAAAAAAAAM4/jCdEkMW2kn8/s640/2015-07-04_150939.png"/></a> <a href="http://www.web3-night.blogspot.com/"><img src="http://1.bp.blogspot.com/-j_NzfULpowg/VZ_8GXCL0EI/AAAAAAAAAOE/O8npZ_zNZbc/s640/2015-07-10_200814.png"/></a> </div> </li> <li> <div class="description"> <h2>2عنوان-عبد الرضا- السلايد شو</h2> <p><a href="http://www.web3-night.blogspot.com/"></a>هذامختلف عن الاخر ويب نايت المنزلق، كما يظهر من خلال الصفحة المقصودة من المسرحيات مع منظور 3D وتؤدي بعض الحركات المثيرة للاهتمام على الصور الجانب الأيمن.</p> </div><div class="tiltview row" style=" height: 700px; width: 500px;"> <a href="http://www.web3-night.blogspot.com/"><img src="http://2.bp.blogspot.com/-rIqB1MUb5LE/VZQrq43ocKI/AAAAAAAAAMM/Hih-Z0YvHuM/s640/2015-07-01_210221.png"/></a> <a href="http://www.web3-night.blogspot.com/"><img src="http://3.bp.blogspot.com/-l0-aToPC0fQ/VY9A2kObf9I/AAAAAAAAALw/QTu7_TXPX4M/s640/%25D8%25A8%25D8%25AF%25D9%2588%25D9%2586%2B%25D8%25B9%25D9%2586%25D9%2588%25D8%25A7%25D9%2586.jpg"/></a> </div> </li> <li> <div class="description"> <h2>3عنوان-تصميم بالفوتوشوب- السلايد شو</h2> <p><a href="http://www.web3-night.blogspot.com/"></a>هذا -اسامة عبد الرضا النص يستبدل - المنزلق، كما يظهر من خلال الصفحة المقصودة .</p> </div> <div class="tiltview col"> <a href="http://www.web3-night.blogspot.com/"><img src="http://3.bp.blogspot.com/-fQMlNwXRD0o/VZfNO_d2hTI/AAAAAAAAAM4/jCdEkMW2kn8/s640/2015-07-04_150939.png"/></a> <a href="http://www.web3-night.blogspot.com/"><img src="http://1.bp.blogspot.com/-j_NzfULpowg/VZ_8GXCL0EI/AAAAAAAAAOE/O8npZ_zNZbc/s640/2015-07-10_200814.png"/></a> </div> </li> <li> <div class="description"> <h2>4عنوان السلايد شو</h2> <p><a href="http://www.web3-night.blogspot.com/"></a>هذا تصميم السلايد شو بال الفوتوشوب المنزلق، كما يظهر من خلال الصفحة المقصودة من المسرحيات مع منظور 3D وتؤدي بعض الحركات المثيرة للاهتمام على الصور الجانب الأيمن.</p> </div> <div class="tiltview col"> <a href="http://www.web3-night.blogspot.com/"><img src="http://3.bp.blogspot.com/-fQMlNwXRD0o/VZfNO_d2hTI/AAAAAAAAAM4/jCdEkMW2kn8/s640/2015-07-04_150939.png"/></a> <a href="http://www.web3-night.blogspot.com/"><img src="http://1.bp.blogspot.com/-j_NzfULpowg/VZ_8GXCL0EI/AAAAAAAAAOE/O8npZ_zNZbc/s640/2015-07-10_200814.png"/></a> </div> </li> <li> <div class="description"> <h2>5عنوان -ويب-السلايد شو</h2> <p><a href="http://www.web3-night.blogspot.com/"></a>هذا المنزلق،قوالب احترافية من ومدونة اكثر من رائعة ويب نايت كما يظهر من خلال الصفحة المقصودة من المسرحيات مع منظور 3D وتؤدي بعض الحركات المثيرة للاهتمام على الصور الجانب الأيمن.</p> </div> <div class="tiltview col"> <a href="http://www.web3-night.blogspot.com/"><img src="http://3.bp.blogspot.com/-39LHZ7o1MX8/VOas_NPpwcI/AAAAAAAAAGM/6HVhso6fOO8/s1600/2015-02-19_194053.png"/></a> <a href="http://www.web3-night.blogspot.com/"><img src="http://1.bp.blogspot.com/-_UhXZK0TETs/VN5pL8QZRAI/AAAAAAAAAFg/TV2PAwJxZd4/s1600/2015-02-14_001211.png"/></a> </div> </li> <li> <div class="description"> <h2>6 عنوان-بايت- السلايد شو</h2> <p><a href="http://www.web3-night.blogspot.com/"></a>هذا المنزلق، كما يظهر من خلال الصفحة المقصودة من المسرحيات مع منظور 3D وتؤدي بعض الحركات المثيرة للاهتمام على الصور الجانب الأيمن.</p> </div><div class="tiltview row" style=" height: 700px; width: 500px;"> <a href="http://www.web3-night.blogspot.com/"><img src="http://3.bp.blogspot.com/-2FhIrg1qodc/VNoeMpVpmfI/AAAAAAAAAFM/ka6Z-69yfyo/s1600/2015-02-10_180451.png"/></a> <a href="http://www.web3-night.blogspot.com/"><img src="http://2.bp.blogspot.com/-zb2EwcIJ_yA/VNs4zL9BwzI/AAAAAAAAAIg/KRx42fZ1uuE/s1600/images.png"/></a> </div> </li> </ol> </div><!-- /osama-web-night-slideshow --><script> new TiltSlider( document.getElementById( 'slideshow' ) ); </script> </center>
لاتنسى ايضا دعمنا للمزيد
ليست هناك تعليقات
إرسال تعليق