حصريا سلايد من نوع مختلف مع تاثيرات احترافية -مصمم بالفوتوشوب-
مرحبا بكم زوار واعضاء المدونة
اليوم صصمت لكم بالفوتوشوب اضافة وعماتها لبلوجر
والموضوع حصري لدي والاضافة من تصميمي
كيفية تركيب الاضافة
- قم فقط بنسخ الكود التالي وضعه في اي مكان يعجبك في القالب او كاضافة
- وقم بتغيير ما هو ملون فقط
- ويمكن التحكم بالعرض والطول للسلايد شو
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZFjXUOBTJkpUU_7W60bQ1MH3G9e3dt0CuKPZ42VpM9BndJFWbJvf0sRQURLAsD4f3OHUfv7N87kCPkqZrcBQZQHWJS4Dxjqeiu174KpoaCLlbSAEVU5puboPM_JxGY2wPHdksqiT1mEE/s640/2015-07-04_150939.png"/></a> <a href="http://www.web3-night.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqxq2IsystlgO1EXY2cjK54jJUqXH52EJob9rnuPNlpQNG1xgWir8xX0CljATkyK4F8LEx2Gtjshv1s_N619ZIRDvB72uJBeSlBTDs7K-p_lIFjlvwCPfzAkk_oEprlj57tM0cly8-yFQ/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfdYZehhAUuN8xVOeslXpFpE-zLYV73typADCc9SOX-Fgg30h31M8RPOaW_hwSKKfSQd1miZn2moYxtvuaRuHR-VuC0RU5xYNmKK2vR3OimMYFLD_52R-BtA43idB4M07veFj1ceK-ZCM/s640/2015-07-01_210221.png"/></a> <a href="http://www.web3-night.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQHFUsrTdJWZSppiRZ7ntuwenpKVahqsFEOitq0s2rJeiWbx_-_fv5KPftrdsTKugPKP1_MQ-nkTVZfaQ19wBcXER1jyC0L0KszEeYTE_9OaLY6Cq31VlBUFVZQoehTalHmZtczxwxJy8/s640/%25D8%25A8%25D8%25AF%25D9%2588%25D9%2586+%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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZFjXUOBTJkpUU_7W60bQ1MH3G9e3dt0CuKPZ42VpM9BndJFWbJvf0sRQURLAsD4f3OHUfv7N87kCPkqZrcBQZQHWJS4Dxjqeiu174KpoaCLlbSAEVU5puboPM_JxGY2wPHdksqiT1mEE/s640/2015-07-04_150939.png"/></a> <a href="http://www.web3-night.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqxq2IsystlgO1EXY2cjK54jJUqXH52EJob9rnuPNlpQNG1xgWir8xX0CljATkyK4F8LEx2Gtjshv1s_N619ZIRDvB72uJBeSlBTDs7K-p_lIFjlvwCPfzAkk_oEprlj57tM0cly8-yFQ/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZFjXUOBTJkpUU_7W60bQ1MH3G9e3dt0CuKPZ42VpM9BndJFWbJvf0sRQURLAsD4f3OHUfv7N87kCPkqZrcBQZQHWJS4Dxjqeiu174KpoaCLlbSAEVU5puboPM_JxGY2wPHdksqiT1mEE/s640/2015-07-04_150939.png"/></a> <a href="http://www.web3-night.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqxq2IsystlgO1EXY2cjK54jJUqXH52EJob9rnuPNlpQNG1xgWir8xX0CljATkyK4F8LEx2Gtjshv1s_N619ZIRDvB72uJBeSlBTDs7K-p_lIFjlvwCPfzAkk_oEprlj57tM0cly8-yFQ/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi1U2jbMj1p5DOW49U9AHtGZfykA4xNiqKflomr7fAGrzdGzQ09-uCpd-Munsc7bTI0g9MBb8BZc0QfRTa9wCko7R_NIPlF-GcFLYGjENDWk08c_TqxL12yrOqm8ugbN_z489ki5hnwUc/s1600/2015-02-19_194053.png"/></a> <a href="http://www.web3-night.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5dq-X_apX_7OTFD67pZL-laI4SRpBr3X8AK6YZlBsJotag4GFP3hkf8q4o_IXTXSbCGgLuZOXcxHAB6O-PYwhrS7kWLCD5Jcd7mPjYgxae0g0HTv98f_eBsJTH9tSrjfFEOt_cvoKuJs/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTxZl9opHuhF1BAB-Qj1kL5Qicxpm-l_2CN8yBN39K5Gg3TecZ5cfAv83-VpyjiI5v0ZWj5nHjuC7fBRfl3KQEnHeFSsLFYat2LhtvgiY8W3Jdr3UTL3fLwkaQfdzM13ZCRg10pYtsukQ/s1600/2015-02-10_180451.png"/></a> <a href="http://www.web3-night.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju3SQO6UEHGXSBj1hyfAJ-_PrDTW85ysRH27V3gTTxxHoLoJaLLbqAz0K__3flDr-G_6S6oo2C6ngdN7V8BwlAfA_H4LdDpODS6mL43zVCpUE_2WX2ESCqtFXyyB4ByjPIDSetmFcgcUnK/s1600/images.png"/></a> </div> </li> </ol> </div><!-- /osama-web-night-slideshow --><script> new TiltSlider( document.getElementById( 'slideshow' ) ); </script>
</center>
لاتنسى ايضا دعمنا للمزيد
