الويب العربي - كيفية وضع قالب الفايسبوك في الجانب

الويب العربي (http://www.arabwebtalk.com/index.php)

- نسخة ديموفنف 3 (http://www.arabwebtalk.com/forumdisplay.php?f=151)

- - كيفية وضع قالب الفايسبوك في الجانب (http://www.arabwebtalk.com/showthread.php?t=167937)

كيفية وضع قالب الفايسبوك في الجانب

من فضلكم كيف أضع قالب الفاسبوك بالجانب ،بحيث تظهر صورة الفايسبوك فقط .أما القالب فيظهر عند المرور فوق الصورة . العديد من المواقع تستعمل هذه التقنية

أخي الكريم ,
أتمنى عليكم وضع مثال للمواقع التي تستخدم القالب لتتضح الفكرة أفضل

مشكور أخي على الرد . مثال :

http://www.quj.qu.edu.sa/index.php

أخي الكريم ،لم يظهر القالب على اليمين رغم تتبعي للخطوات

بحق التليلدي ابدع في شرحه للقالب على رابطه :::

http://www.altaledi.net/news-action-show-id-7.htm

إقتباس:

اقتباس من مشاركة airakazaki (المشاركة 826796)

أخي الكريم ،لم يظهر القالب على اليمين رغم تتبعي للخطوات

تتبع الشرح جيدا

وكانت هناك مشكلة حيث يظهر معي القالب ولا تظهر فيه محتويات فوجد السبب في إنشاء الصفحة على الفيس بوك لأنني منشئها على عجالة ولم انشئ صفحة يطلع عليها الجميع لكن بعد الاضافة اخذت الكود ونصبته مكان الكود كما في شرح التليدي

اجمل تحية

ممكن يا أخ عمر تشرح الطريقة التي اتبعتها ؟

لأن نفس المشكلة عندي

أو احد الخبراء يشرح ليستفيد الجميع

شكرا لكم

نجحت الآن في وضع القالب بعد أن كنت أضعه في الستايل الغير المفعل،سبب عدم ظهورة، لكني فقدت جمالية الهيدر بعد تذاحل الصور،لا أدري كيف

إقتباس:

اقتباس من مشاركة جواهر 2012 (المشاركة 829730)

ممكن يا أخ عمر تشرح الطريقة التي اتبعتها ؟

لأن نفس المشكلة عندي

أو احد الخبراء يشرح ليستفيد الجميع

شكرا لكم

</head>

<body>{infclosed}

بعد الكود الموضح مباشرة نضع الكود التالي:

كود PHP:


		
			
 <script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 300px;padding: 0 5px 0 46px;width: 250px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/%D8%B5%D8%AD%D9%8A%D9%81%D8%A9-%D8%A7%D9%84%D8%B9%D8%A7%D8%B1%D8%B6%D8%A9-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A%D8%A9/193107160710623?v=wall&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=500" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 500px; width: 245px;background:#fff"></iframe>
</div></div>

والمشكلة اساسا في كود الفيس بوك الموضح بالاحمر لانه يختلف من صفحة الى صفحة شخص اخرى:
http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/%D8%B5%D8%AD%D9%8A%D 9%81%D8%A9-%D8%A7%D9%84%D8%B9%D8%A7%D8%B1%D8%B6%D8%A9-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D 9%86%D9%8A%D8%A9/193107160710623?v=wall&width=245& colorscheme=light&show_faces=true&connections=9&st ream=false&header=false&height=500

طيب أخوي ماهي الطريقة التي اتبعتها في حل مشكلة كود الفيس بوك ؟

إقتباس:

اقتباس من مشاركة جواهر 2012 (المشاركة 830004)

طيب أخوي ماهي الطريقة التي اتبعتها في حل مشكلة كود الفيس بوك ؟

فقط فعلت الصفحة الشخصية على الفيس بوك لأن الاشتراك أو فتح صفحة لا يكفي ويجب تفعيل الصفحة الشخصية وبعد التفعيل فقط ضع رابط صفحتك بدل الكود المميز باللون الأحمر مثل شرح التليدي وتعمل مباشرة

وأما الكود الي أنا اضفته فهو أساسا عنوان صفحتي وطول الكود تولف على الهيدر يعني ظهر برموز

هكذا:

كود PHP:


		
			
 <script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 300px;padding: 0 5px 0 46px;width: 250px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/%D8%B5%D8%AD%D9%8A%D9%81%D8%A9-%D8%A7%D9%84%D8%B9%D8%A7%D8%B1%D8%B6%D8%A9-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A%D8%A9/193107160710623?v=wall&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=500" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 500px; width: 245px;background:#fff"></iframe>
</div></div>

وهو أصلا هكذا:

كود PHP:


		
			
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 300px;padding: 0 5px 0 46px;width: 250px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/3rdah&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=500" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 500px; width: 245px;background:#fff"></iframe>
</div></div>

http://www.facebook.com/3rdah

جزاك الله خير أخوي

لكن ممكن توضح طريقة تفعيل الصفحة الشخصية في الفيس بوك ؟

شكرا لك