كود تابعنا علي تويتر و فيس بوك و جوجل + بشكل جديد 2012

كود تابعنا علي تويتر و فيس بوك و جوجل + بشكل جديد 2012

السلام عليكم



أقدم لكم كود تابعنا علي تويتر و الفيس بوك و جوجل بلس بتقنية Css3



بشكل جديد



صورة الكود







و صورة من النافذة عندما تنفتح







الكود :





كود PHP:

*******t type="text/**********" src="http://localhost/vb4/jquery.js"> img, a { border: 0; } #likebox_1 { z-index: 10005; border:2px solid #3c95d9; background-color: #fff; *****:196px; height: 353px; position: fixed; top: 18%; right: -200px; } #likebox_1_1 { *****:196px; height: 353px; overflow: hidden; } #likebox_1 img { position: absolute; top: -2px; left: -35px; } #likebox_1 ****** { border:0px solid #3c95d9; overflow: hidden; position: static; height: 360px; left:-2px; top:-3px; } #polecam_1 { z-index: 10004; border:2px solid #6CC5FF; background-color: #6CC5FF; *****:246px; height: 353px; position: fixed; top: 35%; right: -250px; } #polecam_1_1 { *****:246px; height: 353px; overflow: hidden; } #polecamy_img { position: absolute; top: -2px; left: -35px; border: 0; } #google_1 { z-index: 10003; border-top:2px solid #0056a0; border-bottom: 2px solid #0056a0; border-right:2px solid #0056a0; border-left: hidden; background-color: #006ec9; *****:152px; height: 97px; position: fixed; top: 52%; right: -154px; } #google_1_1 { *****:152px; height: 97px; overflow: hidden; } #google_img { position: absolute; top: -2px; left: -33px; border: 0; } #youtube_1 { z-index: 10003; border:2px solid #cb1c0e; background-color: #fff; *****:196px; height: 353px; position: fixed; right: -200px; } #youtube_1_1 { *****:196px; height: 353px; overflow: hidden; } #youtube_1 img { position: absolute; top: -2px; left: -35px; } *******t>(function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('******'); js.id = id; js.async = true; js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js); }(********));

*******t src="http://localhost/vb4/widget.js"> *******t> new TWTR.Widget({ version: 2, type: 'profile', rpp: 3, interval: 1000, *****: 246, height: 265, theme: { shell: { background: '#63BEFD', color: '#FFFFFF' }, tweets: { background: '#FFFFFF', color: '#000000', links: '#47a61e' } }, features: { loop: false,live: true, scrollbar: false,hashtags: false,timestamp: true, avatars: true,behavior: 'default' } }).render().setUser('arabseed1').start();

*******t type="text/**********" src="https://apis.google.com/js/plusone.js"> </div></div></div>
</div> </div> </div>نأتي لشرح الكود



الكود سهل جدآ حيث يعتمد علي تقنية ال ********** , ال Jquery



يوجد ملفين مرفقين بتم رفعهم علي أي مسار



شرح التعديل علي الكود



في السطر ال 8



كود PHP:

*******t type="text/**********" src="http://localhost/vb4/jquery.js">

حيث نعدل http://localhost/vb4



الي المسار اللي نريد



مثال



http://www.****.com/jquery.js



النجوم هي رابط الموقع تبعك



و نرفع الملف الي هذا المسار



في السطر رقم 122



كود PHP:

}(********));

</div>سنعدل التالي



href=http://www.facebook.com/****



النجوم هي رابط صفحتك أو حسابك في الفيس بوك



مثال سيكون كذلك



href=http://www.facebook.com/traidnt



هذا مجرد مثال للتوضيح



في السطر رقم 132



كود:



*******t src="http://localhost/vb4/widget.js">

حيث سنعدل علي



http://localhost/vb4/widget.js



مثال



http://******/widget.js



النجوم هي رابط الموقع و نرفع الملف الي هذا المسار



في السطر 157





كود:



}).render().setUser('*****').start();



مكان النجوم يتم وضع اسم المستخدم في تويتر



في السطر 166



كود PHP:

*******t type="text/**********" src="https://apis.google.com/js/plusone.js">

مكان النجوم اسم الحساب او الصفحة علي جوجل بلس +





لاستخدام كود الفيس بوك فقط



كود PHP:

*******t>(function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('******'); js.id = id; js.async = true; js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js); }(********));

</div> </div> </div>تويتر فقط



كود PHP:

*******t src="http://localhost/vb4/widget.js"> *******t> new TWTR.Widget({ version: 2, type: 'profile', rpp: 3, interval: 1000, *****: 246, height: 265, theme: { shell: { background: '#63BEFD', color: '#FFFFFF' }, tweets: { background: '#FFFFFF', color: '#000000', links: '#47a61e' } }, features: { loop: false,live: true, scrollbar: false,hashtags: false,timestamp: true, avatars: true,behavior: 'default' } }).render().setUser(***').start();

</div> </div>جوجل بلس +



كود PHP:

*******t type="text/**********" src="https://apis.google.com/js/plusone.js">

</div> </div> </div>

مع تعديل ما يلزم



الكود ليس بجديد و لكن الفكرة جديدة و حركة كتير حلوة



الملفات مرفقة و يتم رفعها علي أي مسار بعد التعديل في الكود



كل المطلوب منكم هو الدعاء لي و لوالدي



و اي استفسار في الخدمة







التركيب في أسفل قالب الهيدر header



اة في ال FORUMHOME



اذا كنت تريد ان يكون في الصفحة الرئيسية فقط



الكود سهل التعديل اذا كان عندك فكرة عن ال CSS







الكود يصلح للجيل الرابع و الجيل الثالث أيضآ









لتحمل الملفين المرفقه مع الكود



التحميل المباشر





من هنـــــــــا





تحياتي

</div></div>

المصدر: منتديات دريكيمو نات DRIKIMO.NET

---

;,] jhfukh ugd j,djv , tds f,; [,[g + fa;g []d] 2012

via منتديات دريكيمو نات DRIKIMO.NET http://www.drikimo.net/showthread.php?t=6771&goto=newpost