جاري التحميل
المواضيع الأخيرة
أفضل 10 أعضاء في هذا الأسبوع
JoryAbdallah
 
omarpop23
 
وهبة الساحر
 
عبدالله الوكيل
 
dyadoura
 
medoman2020
 

المتواجدون الآن ؟
ككل هناك 13 عُضو متصل حالياً :: 1 أعضاء, 0 عُضو مُختفي و 12 زائر :: 1 روبوت الفهرسة في محركات البحث

AsHeK EgYpT

[ مُعاينة اللائحة بأكملها ]


أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 141 بتاريخ 19/07/16, 08:08 am
احصائيات
هذا المنتدى يتوفر على 486 عُضو.
آخر عُضو مُسجل هو khairanynabil فمرحباً به.

أعضاؤنا قدموا 9739 مساهمة في هذا المنتدى في 1842 موضوع

منتديات تقنيات :: جاليري استايلات التومبلايت والقوالب والاكواد :: 

مدخل html سلايد شو ثلاثي الابعاد لعرض اعمالك

avatar
مدخل html سلايد شو ثلاثي الابعاد لعرض اعمالك
السلام عليكم ورحمة الله
اقدم لكم اليوم شئ جديد ومرغوب فيه وهو مدخل لسلايد شو
لعرض الاعمال المدخل شغال وسهل التعديل
ويمكنك من اضافة حسابات الفيس وتويتر للنشر المواضيع اس=يضا
صورة للصفحة

http://i68.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
انشاء صفححة مطورة اضف القالب واعمل اسم وسجل

فكرة اما تعمله كصفحة رئيسية او تعمل له زر موجهه للمعرض
حسب ماتراه مناسب

دمتم بخير


m13
avatar
Tnx
avatar
شكرا لك جرح
avatar
واااوو روعه تسلم الايادي


ساظل انتظر حتي ياتي
هع
avatar
شكرا m3
avatar
شكرا لك بارك الله فيك
بارك الله بك ..

جزاك الله خير الجزاء ..

الله يعطيك العافية ويوفقك ..
avatar
شكرا
avatar
يعطيكي الف عافية     
avatar
مشكووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووور
مواضيع مماثلة

سجل دخولك أو انشئ حساب لترك رد

تحتاج إلى أن تكون عضوا من أجل ترك الرد.

انشئ حساب

الانضمام إلى مجتمعنا من خلال إنشاء حساب جديد. من السهل


انشئ حساب جديد

تسجل دخول

هل لديك حساب بالفعل؟ لا توجد مشكلة، قم بتسجيل الدخول هنا.


تسجيل دخول