Billboard Ads

حصريا سلايد من نوع مختلف مع تاثيرات احترافية -مصمم بالفوتوشوب-
مرحبا بكم زوار واعضاء المدونة 
اليوم صصمت لكم بالفوتوشوب اضافة وعماتها لبلوجر 
والموضوع حصري لدي والاضافة من تصميمي



معاينة الاداة (السلايد شو)

معاينة







    1. قم فقط بنسخ الكود التالي وضعه في اي مكان يعجبك في القالب او كاضافة
    2. وقم بتغيير ما هو ملون فقط
    3. ويمكن التحكم بالعرض والطول للسلايد شو



<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>






لاتنسى ايضا دعمنا للمزيد

    1. لا تنسى اذا اعجبت مواضيعنا تابعنا -انضم الى اعضاء المدونة  من هنا
    2. لا تنسى اذا اعجبت مواضيعنا -لايك لصفحتنا على الفيس بوك  من هنا






By