| رقم المشاركة : ( 1 ) |
| Admin
|  | | |
| 
عدد المساهمات : 107
تاريخ التسجيل : 18/10/2012
| ضع إعلانك هنا |  |
|
|
مدخل html سلايد شو ثلاثي الابعاد لعرض اعمالك
السلام عليكم ورحمة الله
اقدم لكم اليوم شئ جديد ومرغوب فيه وهو مدخل لسلايد شو
لعرض الاعمال المدخل شغال وسهل التعديل
ويمكنك من اضافة حسابات الفيس وتويتر للنشر المواضيع اس=يضا
صورة للصفحة
https://2img.net/h/oi68.tinypic.com/24yutj7.gif
القالب
- الكود:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700|Electrolize' rel='stylesheet' type='text/css'/>
<link href='https://a3p-mohammadalhor.googlecode.com/svn/trunk/font-ge_dinar.css' rel='stylesheet'/>
<link href='http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css' rel='stylesheet'/>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,300' rel='stylesheet' type='text/css'/>
<link rel="stylesheet" id="fontawesome-css" href="http://flasherland.com/themeforest/storylineslider/demo/css/font-awesome/css/font-awesome.css" type="text/css" media="all"/>
<link rel="stylesheet" id="prettyPhoto-css" href="http://flasherland.com/themeforest/storylineslider/demo/bcss/prettyPhoto.css" type="text/css" media="all"/>
<link rel="stylesheet" id="flexslider-css" href="http://flasherland.com/themeforest/storylineslider/demo/css/flexslider.css" type="text/css" media="screen"/>
<link rel="stylesheet" id="mainstyle-css" href="http://flasherland.com/themeforest/storylineslider/demo/css/style.css" type="text/css" media="all"/>
<link rel="stylesheet" type="text/css" href="http://flasherland.com/themeforest/storylineslider/demo/js/audioplayer/360player.css"/>
<link rel="stylesheet" type="text/css" href="http://flasherland.com/themeforest/storylineslider/demo/js/audioplayer/360player-visualization.css"/>
<script type="text/javascript" src="http://flasherland.com/themeforest/storylineslider/demo/js/jquery.js"></script>
<script type="text/javascript" src="http://flasherland.com/themeforest/storylineslider/demo/js/jquery-migrate.min.js"></script>
<script type="text/javascript" src="http://flasherland.com/themeforest/storylineslider/demo/js/modernizr.custom.79639.js"></script>
<script type="text/javascript" src="http://flasherland.com/themeforest/storylineslider/demo/js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="http://flasherland.com/themeforest/storylineslider/demo/js/all-functions.js"></script>
<script type="text/javascript" src="http://flasherland.com/themeforest/storylineslider/demo/js/classList.js"></script>
<script type="text/javascript" src="http://flasherland.com/themeforest/storylineslider/demo/js/bespoke.js"></script>
<script type="text/javascript" src="http://flasherland.com/themeforest/storylineslider/demo/js/jquery.flexslider.js"></script>
<script>jQuery(document).ready(function ($){scrollinit("carousel", 3, 1, true, true, true, true, false);});</script>
</head>
<body>
<osama-web3-night.blogspot.com>
<div class='ss-holder' id='ss-holder' style='font-family: 'Lobster',ge_ss_threeregular;'>
<div id='effects'><article id='articlehold'><section>
<div class='ss-row turquoise go-anim'>
<div class='ribbon'><i class='icon-time icon-large'></i> 20,June
<div class='seclevelribbon'>
<div class='thirdlevelribbon'>
<div class='ribbon-sec'>2015</div></div></div></div>
<div class='hover-effect h-style'><a href='images/preview/02.jpg' rel='prettyPhotoImages[1]'><img class='clean-img' src='http://2.bp.blogspot.com/-58m9GciC1hE/VeibllBxYBI/AAAAAAAAAiA/GwzLGOzW3vA/s1600/2015-09-03_221000.png'/>
<div class='mask'><i class='icon-search'></i><span class='img-rollover'></span></div></a></div>
<div class='ss-container'><h3 class='content-title'><a href='http://web3-night.blogspot.com/2015/09/ar1web.com.html'>قالب مدونة عرب ويب الحالي تحديثات بتاريخ 2015/9/3</a></h3>
<div>للحصول على القالب عليك شراء القالب مني فقط
الدفع بايبال
تكلم معي على صفحتي الشخصية
https://www.facebook.com/osama.barcelona.26
او
على البريد
osama.web3@gmail.com
سعر القالب ؟؟؟؟؟ لمن يريده فقط
يمكن التفاهم في السعر
<a href='#'><strong>اقرا المزيد</strong><i class='icon-long-arrow-right'></i></a></div>
<div class='icon-soc-container'>
<div class='share-btns'>
<div class='empty-left time-holder'><a href='#'><i class='icon-tag icon-large'></i> بلوجر</a></div>
<div class='empty-left user-holder'><a href='#'><i class='icon-user icon-large'></i> admin </a></div>
<div class='empty-left user-holder'><a href='#'><i class='icon-comments icon-large'></i> 4</a></div>
<div class='empty-left comm-holder'><a href='#'><span class='dot-irecommendthis-count'>86</span> Lovers</a></div>
<div class='cell'>
<div class='share-wrapper below'>
<div class=' share-action'><i class='icon-share-sign icon-large'></i></div>
<div class='share-container'><a class='share-btn bl icn-google' href='https://plus.google.com/share?url=http://yoururl.com'><i class='icon-google-plus'></i></a><a class='share-btn tr icn-twitter' href='https://twitter.com/share?url=http://yoururl.com'><i class='icon-twitter'></i></a><a class='share-btn tl icn-facebook' href='http://www.facebook.com/sharer/sharer.php?u=http://yoururl.com'><i class='icon-facebook'></i></a><a class='share-btn br icn-pinterest' href='http://pinterest.com/pin/create/button/?url=http://yoururl.co=http://yoururl.com/image.jpg'><i class='icon-pinterest'></i></a></div></div></div></div></div></div></div></section><section>
<div class='ss-row greensea go-anim'>
<div class='ribbon'><i class='icon-time icon-large'></i> 10,septemper
<div class='seclevelribbon'>
<div class='thirdlevelribbon'>
<div class='ribbon-sec'>2015</div></div></div></div>
<div class='hover-effect h-style'><a href='images/preview/01.jpg' rel='prettyPhotoImages[1]'><img class='clean-img' src='http://4.bp.blogspot.com/-sW4O5DJtvvs/VdGOHib-GkI/AAAAAAAAAeU/yrwdLQumgDU/s640/%25D8%25A8%25D8%25AF%25D9%2588%25D9%2586%2B%25D8%25B9%25D9%2586%25D9%2588%25D8%25A7%25D9%2586.png'/>
<div class='mask'><i class='icon-search'></i><span class='img-rollover'></span></div></a></div>
<div class='ss-container'><h3 class='content-title'><a href='http://web3-night.blogspot.com/2015/08/wejhatv3.html'>قالب وجهات مجانا</a></h3>
<div>
قالب وجهاتْ ، يمنحك تدويناً جميلاً ومناسباً لأعمالك يصلح كمدونة شخصية كمدونة لبرامج، تصاميم وكمعرض، مطبق فيه لونين الأحمر المفتوح وأسود مفتوح هذا مريح للعين البشرية كما أنه بتصميم مسطح بسيط سهل التعديل، متوفر به مساحات إعلانية، قالب وجهاتْ يقودك إلى صفحات مختلفة بأشكالٍ عديدة يمكن تخصيصها حسب كل صفحة والشكل الذي تريده كما ترى بهاته الصفحة.
<a href='#'><strong>Read more</strong><i class='icon-long-arrow-right'></i></a></div>
<div class='icon-soc-container'>
<div class='share-btns'>
<div class='empty-left time-holder'><a href='#'><i class='icon-tag icon-large'></i> بلوجر</a></div>
<div class='empty-left user-holder'><a href='#'><i class='icon-user icon-large'></i> اسامة عبد الرضا </a></div>
<div class='empty-left user-holder'><a href='#'><i class='icon-comments icon-large'></i>
</a></div>
<div class='empty-left comm-holder'><a href='#'><span class='dot-irecommendthis-count'>100%</span> Lovers</a></div>
<div class='cell'>
<div class='share-wrapper below'>
<div class=' share-action'><i class='icon-share-sign icon-large'></i></div>
<div class='share-container'><a class='share-btn bl icn-google' href='https://plus.google.com/share?url=http://yoururl.com'><i class='icon-google-plus'></i></a><a class='share-btn tr icn-twitter' href='https://twitter.com/share?url=http://yoururl.com'><i class='icon-twitter'></i></a><a class='share-btn tl icn-facebook' href='http://www.facebook.com/sharer/sharer.php?u=http://yoururl.com'><i class='icon-facebook'></i></a><a class='share-btn br icn-pinterest' href='http://pinterest.com/pin/create/button/?url=http://yoururl.c=http://yoururl.com/image.jpg'><i class='icon-pinterest'></i></a></div></div></div></div></div></div></div></section><section>
<div class='ss-row emerald go-anim'>
<div class='ribbon'><i class='icon-time icon-large'></i> 30,August
<div class='seclevelribbon'>
<div class='thirdlevelribbon'>
<div class='ribbon-sec'>2015</div></div></div></div>
<div class='hover-effect h-style'><a href='images/preview/04.jpg' rel='prettyPhotoImages[1]'><img class='clean-img' src='http://4.bp.blogspot.com/-J6k1DMQkQpU/Vce7Sny7pfI/AAAAAAAAAcM/CLUZztk39JM/s640/2015-08-09_234223.png'/>
<div class='mask'><i class='icon-search'></i><span class='img-rollover'></span></div></a></div>
<div class='ss-container'><h3 class='content-title'><a href='http://web3-night.blogspot.com/2015/08/th3professional.html'>قالب مدونة المحترف</a></h3>
<div>
قالب مدونة المحترف من افضل قولب بلوجر ، أقدم لكم قالب المحترف نسخة اصلية
يعرف مدونة المخترف للاخ راغب امين، موقع مشهور يضم عدد كبير من الفيديوهات
المصورة و الحلقات التعليمية في مختلف المواضيع التقنية وقد صنفت ضمن افضل 10
مدونات عربية ولديها قناة علي اليوتيوب كبيرة فإذا كنت من من يشاهد اليوتيوب
كثيرا فستقع عيناك طبعا علي أحد شروحات الفيديو لمدونة المحترف كما يوجد لديهم
صفحة مليونية علي الفيسبوك تهتم بكل مايخص التكنولوجيا. <a href='#'><strong>اقرا المزيد</strong><i class='icon-long-arrow-right'></i></a></div>
<div class='icon-soc-container'>
<div class='share-btns'>
<div class='empty-left time-holder'><a href='#'><i class='icon-tag icon-large'></i> بلوجر</a></div>
<div class='empty-left user-holder'><a href='#'><i class='icon-user icon-large'></i> اسامة عبد الرضا </a></div>
<div class='empty-left user-holder'><a href='#'><i class='icon-comments icon-large'></i>
</a></div>
<div class='empty-left comm-holder'><a href='#'><span class='dot-irecommendthis-count'>100%</span> Lovers</a></div>
<div class='cell'>
<div class='share-wrapper below'>
<div class=' share-action'><i class='icon-share-sign icon-large'></i></div>
<div class='share-container'><a class='share-btn bl icn-google' href='https://plus.google.com/share?url=http://yoururl.com'><i class='icon-google-plus'></i></a><a class='share-btn tr icn-twitter' href='https://twitter.com/share?url=http://yoururl.com'><i class='icon-twitter'></i></a><a class='share-btn tl icn-facebook' href='http://www.facebook.com/sharer/sharer.php?u=http://yoururl.com'><i class='icon-facebook'></i></a><a class='share-btn br icn-pinterest' href='http://pinterest.com/pin/create/button/?url=http://yoururl.a=http://yoururl.com/image.jpg'><i class='icon-pinterest'></i></a></div></div></div></div></div></div></div></section><section>
<div class='ss-row nephritis go-anim'>
<div class='ribbon'><i class='icon-time icon-large'></i> 7,Septemper
<div class='seclevelribbon'>
<div class='thirdlevelribbon'>
<div class='ribbon-sec'>2015</div></div></div></div>
<div class='hover-effect h-style'><a href='images/preview/03.jpg' rel='prettyPhotoImages[1]'><img class='clean-img' src='http://3.bp.blogspot.com/-dacIRTNoeBY/Vb6Ao3vut2I/AAAAAAAAAZI/xi1yDNNhsmE/s640/111111111.png'/>
<div class='mask'><i class='icon-search'></i><span class='img-rollover'></span></div></a></div>
<div class='ss-container'><h3 class='content-title'><a href='http://web3-night.blogspot.com/2015/08/com-net-org.html'>مسابقة لربح دمين .com او .net او .org مع قالب احترافي ودعم مجاني للقالب مع لوجو احترافي المسابقة تنتهي في 15/9/2015</a></h3>
<div>دومين مدفوع لمدة عام
قالب احترافي
دعم مجاني
مع لوجو احترافي لك
ملاحظة :مهمة:
سيتم تدقيق الشروط جيدا جدا جدا جدا لذلك يجب اتمام جميع الشروط كاملا
اعزاانا الزوار والاعضاء ققررنا نشر الموضوع لربح المسابقة شخص واحد <a href='#'><strong>اقرا المزيد</strong><i class='icon-long-arrow-right'></i></a></div>
<div class='icon-soc-container'>
<div class='share-btns'>
<div class='empty-left time-holder'><a href='#'><i class='icon-tag icon-large'></i> بلوجر</a></div>
<div class='empty-left user-holder'><a href='#'><i class='icon-user icon-large'></i> اسامة عبد الرضا </a></div>
<div class='empty-left user-holder'><a href='#'><i class='icon-comments icon-large'></i>
</a></div>
<div class='empty-left comm-holder'><a href='#'><span class='dot-irecommendthis-count'>100%</span> Lovers</a></div>
<div class='cell'><div class='share-wrapper below'>
<div class=' share-action'><i class='icon-share-sign icon-large'></i></div>
<div class='share-container'><a class='share-btn bl icn-google' href='https://plus.google.com/share?url=http://yoururl.com'><i class='icon-google-plus'></i></a><a class='share-btn tr icn-twitter' href='https://twitter.com/share?url=http://yoururl.com'><i class='icon-twitter'></i></a><a class='share-btn tl icn-facebook' href='http://www.facebook.com/sharer/sharer.php?u=http://yoururl.com'><i class='icon-facebook'></i></a><a class='share-btn br icn-pinterest' href='http://pinterest.com/pin/create/button/?url=http://youhttp://yoururl.com/image.jpg'><i class='icon-pinterest'></i></a></div></div></div></div></div></div></div></section><section>
<div class='ss-row peterriver go-anim'>
<div class='ribbon'><i class='icon-time icon-large'></i> 29,July
<div class='seclevelribbon'>
<div class='thirdlevelribbon'>
<div class='ribbon-sec'>2015</div></div></div></div>
<div class='hover-effect h-style'><a href='images/preview/06.jpg' rel='prettyPhotoImages[1]'><img class='clean-img' src='http://1.bp.blogspot.com/-BA_d9u3VQj4/Vav-hwEtg8I/AAAAAAAAARQ/W3wQTD1m8uw/s640/movements.jpg'/>
<div class='mask'><i class='icon-search'></i><span class='img-rollover'></span></div></a></div>
<div class='ss-container'><h3 class='content-title'><a href='http://web3-night.blogspot.com/2015/07/Animated-Movements.html'>قالب حركات</a></h3>
<div> القالب يعمل على منصة بلوجر ولكنه مصمم على شكل موقع وليس كما هو المعتاد ان يكون شكله كباقي قوالب مدونات بلوجر ,يحتوي القالب على الكثير من المميزات واللمسات الجماليه التي تجعله انيق وانسيابي وبيسيط بنفس الوقت , فهو يحتوي على سلايدر شو خفيف جدا واحترافي , ويحتوي ايضا على معرض صور يقوم بجلب صور المواضيع تلقائيا كما انه يحتوي على سلايدر ثانوي يقوم بعرض شرائح لاخر الاعمال
<a href='http://web3-night.blogspot.com/2015/07/Animated-Movements.html'><strong>Read more</strong><i class='icon-long-arrow-right'></i></a></div>
<div class='icon-soc-container'>
<div class='share-btns'>
<div class='empty-left time-holder'><a href='#'><i class='icon-tag icon-large'></i> بلوجر</a></div>
<div class='empty-left user-holder'><a href='#'><i class='icon-user icon-large'></i> اسامة عبد الرضا </a></div>
<div class='empty-left user-holder'><a href='#'><i class='icon-comments icon-large'></i>
</a></div>
<div class='empty-left comm-holder'><a href='#'><span class='dot-irecommendthis-count'>100%</span> Lovers</a></div>
<div class='cell'>
<div class='share-wrapper below'>
<div class=' share-action'><i class='icon-share-sign icon-large'></i></div>
<div class='share-container'><a class='share-btn bl icn-google' href='https://plus.google.com/share?url=http://yoururl.com'><i class='icon-google-plus'></i></a><a class='share-btn tr icn-twitter' href='https://twitter.com/share?url=http://yoururl.com'><i class='icon-twitter'></i></a><a class='share-btn tl icn-facebook' href='http://www.facebook.com/sharer/sharer.php?u=http://yoururl.com'><i class='icon-facebook'></i></a><a class='share-btn br icn-pinterest' href='http://pinterest.com/pin/create/button/?url=http://yoururl.chttp://yoururl.com/image.jpg'><i class='icon-pinterest'></i></a></div></div></div></div></div></div></div></section><section>
<div class='ss-row belizehole go-anim'>
<div class='ribbon'><i class='icon-time icon-large'></i> 13,June
<div class='seclevelribbon'>
<div class='thirdlevelribbon'>
<div class='ribbon-sec'>2015</div></div></div></div>
<div class='hover-effect h-style'><a href='images/preview/05.jpg' rel='prettyPhotoImages[1]'><img class='clean-img' src='http://4.bp.blogspot.com/-gbhi8Ra_dA0/VcexW-LUGtI/AAAAAAAAAb8/hbIjXm7vX4Q/s640/2015-08-09_230001.png'/>
<div class='mask'><i class='icon-search'></i><span class='img-rollover'></span></div></a></div>
<div class='ss-container'><h3 class='content-title'><a href='http://web3-night.blogspot.com/2015/08/selena.html'>قالب سيلينا </a></h3>
<div>سيلينا - قالب متعدد الإستعمالات
ملاحظة مهمة جدا : القالب يعمل كواجهة فقط
سيلينا قالب بلوجر حديث التصميم متعدد الإستعمالات, منظم جيداً و سهل التخصيص.<a href='#'><strong>اقرا المزيد</strong><i class='icon-long-arrow-right'></i></a></div>
<div class='icon-soc-container'>
<div class='share-btns'>
<div class='empty-left time-holder'><a href='#'><i class='icon-tag icon-large'></i> بلوجر</a></div>
<div class='empty-left user-holder'><a href='#'><i class='icon-user icon-large'></i> اسامة عبد الرضا </a></div>
<div class='empty-left user-holder'><a href='#'><i class='icon-comments icon-large'></i>
</a></div>
<div class='empty-left comm-holder'><a href='#'><span class='dot-irecommendthis-count'>100%</span> Lovers</a></div>
<div class='cell'>
<div class='share-wrapper below'>
<div class=' share-action'><i class='icon-share-sign icon-large'></i></div>
<div class='share-container'><a class='share-btn bl icn-google' href='https://plus.google.com/share?url=http://yoururl.com'><i class='icon-google-plus'></i></a><a class='share-btn tr icn-twitter' href='https://twitter.com/share?url=http://yoururl.com'><i class='icon-twitter'></i></a><a class='share-btn tl icn-facebook' href='http://www.facebook.com/sharer/sharer.php?u=http://yoururl.com'><i class='icon-facebook'></i></a><a class='share-btn br icn-pinterest' href='http://pinterest.com/pin/create/button/?url=http://yoururlhttp://yoururl.com/image.jpg'><i class='icon-pinterest'></i></a></div></div></div></div></div></div></div></section></article>
<div class='ss-nav-arrows-next' style="
color: #F16662;
" ><i class='icon-angle-right ' id='next-arrow'></i></div>
<div class='ss-nav-arrows-prev' style="
color: #F16662;
"><i class='icon-angle-left' id='prev-arrow'></i></div></div></div>
<div class='ss-holder'>
</div>
</osama-web3-night.blogspot.com>
</body>
</html>
طريقة التركيب
لوحة الادارة - عناصر اضافية - صفحة الجافا سكربت و html - صفحة html
انشاء صفححة مطورة اضف القالب واعمل اسم وسجل
فكرة اما تعمله كصفحة رئيسية او تعمل له زر موجهه للمعرض
حسب ماتراه مناسب
دمتم بخير
|
|
| |
منتدى تجريبي
