[BBcode] قالب فيس بوك و تويتر و اليوتوب و تغذيه الموقع و مدونه بلوك متحرك معاك فى صفحة المنتدى

اسم العضو

عضو جديد
9 أغسطس 2011
18
1
0
rohbaghdad.eb2a.com
بسم الله الرحمن الرحيم


قالب فيس بوك و تويتر و اليوتوب و تغذيه الموقع و مدونه بلوك متحرك معاك فى صفحة المنتدى كما طلب البعض

وجدت الكود فى موقع و نزلته و عملت عليه بعض التعديلات البسيطة ليكون متوافق مع المعايير

مثال على كود

منتديات روح بغداد

صور الأيقوانات
الفيس بوك :

التويتر :

اليوتوب :

تغذيه :

مدونه بلوك :


سوف تجد ايقونة فيس بوك و تويتر و اليوتوب و تغذيه الموقع و مدونه بلوك على يسار المنتدى و تنزل معاك كلما نزلت لاسفل الصفحة

طريقة التركيب

قم بوضع الكود المرفق كاملا فى آخر قالب

Header

الكود

او بالمرفق


PHP:
<style type="text/css">
#topbar{
position:absolute;
padding: 10px;
width: 0px;
visibility: hidden;
z-index: 1;
}
</style>

<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 4 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>

<div id="topbar" style="position: absolute; left: 14px; top: 16px; width:85px; height:282px" align="center">
<p><a href="http://www.facebook.com/asfour.bird"><img  border="0" src="http://a3s9.eb2a.com/up/uploads/13143648842.png"  width="48" height="48" alt="Facebook" /></a></p>
<p><a href="http://twitter.com/asfourdesign"><img  border="0" src="http://a3s9.eb2a.com/up/uploads/13143648844.png"  width="48" height="48" alt="Twitter" /></a></p>
<p><a href="http://www.youtube.com/dooknet2009"><img  border="0" src="http://a3s9.eb2a.com/up/uploads/13143648845.png"  width="48" height="48" alt="youtube" /></a></p>
<p>
<a href="http://www.rohbaghdad.eb2a.com/vb/external.php?type=rss2">
<img border="0" src="http://a3s9.eb2a.com/up/uploads/13143648843.png" width="50" height="50"></a></p>
<p><a href="http://asfourdesign.blogspot.com/"><img  border="0" src="http://a3s9.eb2a.com/up/uploads/13143648841.png"  width="50" height="50"></a></div>
عدل بما يناسبك


 

المرفقات

  • code.txt
    3.3 KB · المشاهدات: 209
التعديل الأخير:
  • Like
التفاعلات: Abdul Rahim

Abdul Rahim

[ أعضاء فى القلب ]
30 مايو 2011
3,386
23
0
رد: قالب فيس بوك و تويتر و اليوتوب و تغذيه الموقع و مدونه بلوك متحرك معاك فى صفحة الم

موضوع يستحق الشكر وأقدر لك مجهودك

بارك الله فيك يا غالي لا تحرمنا من جديدك
 

drsabri2010

عضو جديد
4 نوفمبر 2009
2
0
0
رد: قالب فيس بوك و تويتر و اليوتوب و تغذيه الموقع و مدونه بلوك متحرك معاك فى صفحة الم

طيب لو عاوز أخلى الشريط ده ثابت أعمل إيه؟؟؟
 

Snipeer

عضو جديد
3 سبتمبر 2011
53
0
0
10th of ramadan city
رد: قالب فيس بوك و تويتر و اليوتوب و تغذيه الموقع و مدونه بلوك متحرك معاك فى صفحة الم

تسلم يا غالى
جميييييييييييل جدا
موفق
 
رد: قالب فيس بوك و تويتر و اليوتوب و تغذيه الموقع و مدونه بلوك متحرك معاك فى صفحة الم

عصفور الرائع جدا
ابداااااااااااع
ممكن تعدل لى كل شى على الرئيسيه
يعنى الفيس بك للفيس بك ويتويب لليوتيب وتويتر الى تويتر و..الخ حتى يستفاد منها القالبيه
ارجو ان يكون مقصدى واضح
دمت بود
 

اسم العضو

عضو جديد
9 أغسطس 2011
18
1
0
rohbaghdad.eb2a.com
رد: قالب فيس بوك و تويتر و اليوتوب و تغذيه الموقع و مدونه بلوك متحرك معاك فى صفحة الم

تم تعديل على الكود

طريقه التركيب الكود تختلف عن القديم

طريقه التركيب

لوحة تحكم المنتدى -->الاستايلات والقوالب --> البحث في القوالب


نبحث على قالب

FORUMHOME

نضغ الكود المرفق بأخر القالب


PHP:
<div align="center">  
 
<div class="page" style="width:90%; text-align:right">  
 
<div style="padding:0px 25px 0px 25px">  
 
 
 
 
<div style="position: fixed; border: 0pt none;left: 0px; top: 50%; margin-top: -57px; width: 60px; height: 60px; cursor: pointer;">  
<a title="FaceBook" rel="nofollow" target="_blank" href="http://www.facebook.com/asfour.bird">  
<img onmouseout="this.src='http://a3s9.eb2a.com/up/do.php?img=40';" onmouseover="this.src='http://a3s9.eb2a.com/up/do.php?img=41';" title="Facebook" alt="facebook" src="http://a3s9.eb2a.com/up/do.php?img=40" border="0" height="34" width="35" /></a>  
 
<a title="Twetter" rel="nofollow" target="_blank" href="http://twitter.com/#!/asfourdesign">  
<img onmouseout="this.src='http://a3s9.eb2a.com/up/do.php?img=42';" onmouseover="this.src='http://a3s9.eb2a.com/up/do.php?img=43';" title="Twitter" alt="twetter" src="http://a3s9.eb2a.com/up/do.php?img=42" border="0" height="34" width="35" /></a>  
<a title="You Tube" rel="nofollow" target="_blank" href="http://www.youtube.com/dooknet2009">  
<img onmouseout="this.src='http://a3s9.eb2a.com/up/uploads/13143648845.png';" onmouseover="this.src='http://a3s9.eb2a.com/up/do.php?img=48';" title="You Tube" alt="twetter" src="http://a3s9.eb2a.com/up/uploads/13143648845.png" border="0" height="34" width="35" /></a>    
 
<a title="RSS" rel="nofollow" target="_blank" href="http://www.rohbaghdad.eb2a.com/vb/external.php?type=rss2">  
<img onmouseout="this.src='http://a3s9.eb2a.com/up/do.php?img=44';" onmouseover="this.src='http://a3s9.eb2a.com/up/do.php?img=45';" title="RRS" alt="twetter" src="http://a3s9.eb2a.com/up/do.php?img=44" border="0" height="34" width="35" /></a>  
 
<a title="Blog" rel="nofollow" target="_blank" href="http://rohbaghdad.eb2a.com/swf/index.html">  
<img onmouseout="this.src='http://a3s9.eb2a.com/up/do.php?img=46';" onmouseover="this.src='http://a3s9.eb2a.com/up/do.php?img=47';" title="Blog" alt="twetter" src="http://a3s9.eb2a.com/up/do.php?img=46" border="0" height="34" width="35" /></a>  
</div></div></div></div>

ثم حفظ

الطريقه الاولى تظهر بس بالرئيسيه

راح اشرح الطريقه الثانيه اذا تحبون ياهيه تخلون بالمنتدى

طريقه التركيب 2

لوحة تحكم المنتدى -->الاستايلات والقوالب --> البحث في القوالب


نبحث على قالب

header

و بأخر قالب الهيدر نضع الكود


PHP:
<div align="center">  
 
<div class="page" style="width:90%; text-align:right">  
 
<div style="padding:0px 25px 0px 25px">  
 
 
 
 
<div style="position: fixed; border: 0pt none;left: 0px; top: 50%; margin-top: -57px; width: 60px; height: 60px; cursor: pointer;">  
<a title="FaceBook" rel="nofollow" target="_blank" href="http://www.facebook.com/asfour.bird">  
<img onmouseout="this.src='http://a3s9.eb2a.com/up/do.php?img=40';" onmouseover="this.src='http://a3s9.eb2a.com/up/do.php?img=41';" title="Facebook" alt="facebook" src="http://a3s9.eb2a.com/up/do.php?img=40" border="0" height="34" width="35" /></a>  
 
<a title="Twetter" rel="nofollow" target="_blank" href="http://twitter.com/#!/asfourdesign">  
<img onmouseout="this.src='http://a3s9.eb2a.com/up/do.php?img=42';" onmouseover="this.src='http://a3s9.eb2a.com/up/do.php?img=43';" title="Twitter" alt="twetter" src="http://a3s9.eb2a.com/up/do.php?img=42" border="0" height="34" width="35" /></a>  
<a title="You Tube" rel="nofollow" target="_blank" href="http://www.youtube.com/dooknet2009">  
<img onmouseout="this.src='http://a3s9.eb2a.com/up/uploads/13143648845.png';" onmouseover="this.src='http://a3s9.eb2a.com/up/do.php?img=48';" title="You Tube" alt="twetter" src="http://a3s9.eb2a.com/up/uploads/13143648845.png" border="0" height="34" width="35" /></a>    
 
<a title="RSS" rel="nofollow" target="_blank" href="http://www.rohbaghdad.eb2a.com/vb/external.php?type=rss2">  
<img onmouseout="this.src='http://a3s9.eb2a.com/up/do.php?img=44';" onmouseover="this.src='http://a3s9.eb2a.com/up/do.php?img=45';" title="RRS" alt="twetter" src="http://a3s9.eb2a.com/up/do.php?img=44" border="0" height="34" width="35" /></a>  
 
<a title="Blog" rel="nofollow" target="_blank" href="http://rohbaghdad.eb2a.com/swf/index.html">  
<img onmouseout="this.src='http://a3s9.eb2a.com/up/do.php?img=46';" onmouseover="this.src='http://a3s9.eb2a.com/up/do.php?img=47';" title="Blog" alt="twetter" src="http://a3s9.eb2a.com/up/do.php?img=46" border="0" height="34" width="35" /></a>  
</div></div></div></div>

هذا مثال على الكود

هناا

الروابط يفتح في صفحه جديده

شكرا لكم على المرور منورين
 

المرفقات

  • قالب فيس بوك و تويتر و اليوتوب و تغذيه الموقع و مدونه بلوك.zip
    44.2 KB · المشاهدات: 122

H-X

عضو جديد
17 أغسطس 2010
4
0
0
رد: قالب فيس بوك و تويتر و اليوتوب و تغذيه الموقع و مدونه بلوك متحرك معاك فى صفحة الم

وعليكم السلام ورحمة الله وبركاته

يعطيكم الف عافيه ياخوان

طيب انا ابغاء يكون ثابت في الطرف او الهيدر مو متحرك ..
 

اسم العضو

عضو جديد
9 أغسطس 2011
18
1
0
rohbaghdad.eb2a.com
رد: قالب فيس بوك و تويتر و اليوتوب و تغذيه الموقع و مدونه بلوك متحرك معاك فى صفحة الم

اذا ثابت اخي استعمل التعديل الثاني اللي في قالب forumhome

 

Snipeer

عضو جديد
3 سبتمبر 2011
53
0
0
10th of ramadan city
رد: قالب فيس بوك و تويتر و اليوتوب و تغذيه الموقع و مدونه بلوك متحرك معاك فى صفحة الم

يسلمووووو الايادى