سفراء المسقبل
منتدي سفراء المستقبل يرحب بكم....
يامرحبا ترحيب يكتب بالانــوار
يامرحبـا باللي يـشـرف حظـوره
اسمك مثل برق يبشر بالامطـار
على الوفا والطيب تكتب سطوره
سجل معنا فضلا وليس امرا...
التسجيلالتعليمـــاتالمجموعاتالتقويممشاركات اليومالبحث


أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه .



 
 رقم المشاركة : ( 1 )
Admin
avatar
ذكر
عدد المساهمات : 107

تاريخ التسجيل : 18/10/2012

ضع إعلانك هنا

معاينة صفحة البيانات الشخصي للعضو http://safaraa.yoo7.com



مدخل 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
انشاء صفححة مطورة اضف القالب واعمل اسم وسجل

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

دمتم بخير





استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

- مواضيع مماثلة
» اليكم كود html لعمل غرفة شات
» حصريا اكبر موسوعة اكواد ورموز HTML خياليه تخص صفحات مجله بوابة ورئيسية منتداك
» كود وضع خلفية لصفحات Html
» الان للجميع كود وضع خلفية لصفحات هتمل html
» من شرحي الخاص ( الشامل في HTML ) في كتاب للتحميل - تعلم اللغة


*=== (( ما يلفظ من قول إلا لديه رقيب عتيد )) ===*

 
تعليمات المشاركة
لاتستطيع الرد على المواضيع في هذا المنتدى

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

© phpBB | منتدى مجاني | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | انشئ مدونتك الخاصة مجانيا