اخر المواضيع

‏إظهار الرسائل ذات التسميات تصميمات الفيسبوك. إظهار كافة الرسائل

لصفحات الفيس بوك FBml مجموعة أكواد

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين

تنبيه : تم إلغاء تطبيق fbml من قبل ادارة الفيس بوك لذلك يمكن الاستعانة بتطبيقات iframe ,iwipa

مجموعة أكواد FBml لصفحات الفيس بوك

1- خلفية صفحة الترحيب

وأول كود يجب وضعه هو كود لخلفية صفحة الترحيب وهذه أكواد لصفحات ترحيب جديدة من تصميمى تجدها

خلفيات جاهزة Fbml

2-كود تغيير لون خلفية الصفحة

<div style="background-color:#000000;width:810px;">
<p>
<BR/>

ضع الأكواد هنا

<BR/>
</p>
</div>

ويمكن التحكم باللون وذلك بتغيير كود اللون 000000# ويمكنك نسخ أكواد الألوان بمولد الأكواد الفلاشى الموجود هنا

3-كود إظهار صورة الأدمن

<CENTER>
<fb:wallpost uid="معرف حسابك على فيسبوك ID " t="00000000">
<br />
</fb:wallpost>
</CENTER>

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

كيف تعرف رقم معرف حسابك على فيسبوك YourFacebookProfileID

4-الترحيب بإسم الزائر:

<CENTER>
<font face="monotype corsiva"><font size="6"><font color="#810541">
<br><B> welcome </B><fb:userlink uid="loggedinuser" />
<br>
<font face="arial"><font size="4"><font color="#000000">
</CENTER>

ويمكنك تغيير اللون عن طريق مولد أكواد الألوان الفلاشى وإستبدال كود اللون المطلوب بالقيمة 810541
يمكن تغيير نوع الخط بتغيير monotype corsiva بإسم الخط المطلوب
يمكن تغيير حجم الخط بتغيير القيمة size="6

5-زر share

<CENTER>
<fb:share-button class="url" href="رابط صفحتك" /> <br /><br />
</CENTER>

6-زر أعجبنى Like

<center><A HREF="اكتب رابط صفحتك هنا"><IMG SRC="http://img143.imageshack.us/img143/5006/49937991.png"><‎/A></center>

ويمكن التعرف على كيفية وضع زر like,likebox بطريقة إحرافية من هــناااااااااااا

7- كود وضع صورة
أولاً يجب رفع الصورة وأخذ الرابط المباشر لها ووضعه فى الكود

<center><img src="ضع رابط الصوره هنا" /><br />
<center>

8-كود للأخفاء معلومة عن غير المعجبين

<fb:visible-to-connection>

كل شئ تريد اخفائه ضعه هنا بين الكودين

</fb:visible-to-connection>

9-كود وضع ملف صوتى mp3

أولا يجب رفع الملف الصوتى mp3 من أى موقع لرفع ال mp3

مثل هذا الموقع

ثم نسخ الرابط المباشرDirect Links

<fb:mp3 src="الرابط المباشر للملف الصوتى" title="إسم الملف الصوتى" artist="إسم المنشد" album="Album Name"/>

10-كود وضع ملف صوتى تلقائى التشغيل
لابد ان يكون امتداد الملف الصوتى SWF


<CENTER>
<object width="520" height="400">
<param name="movie" value="somefilename.swf">
<embed src="رابط الفلاش" width="1" height="1">
</embed>
</object> 
</CENTER>

11 -كود فيديو يوتيوب

نسخ رابط الفيديو من اليوتيوب واستبداله بكلمة رابط الفيديو بالكود

<CENTER>
<div style="margin:0 auto;">
<fb:swf
swfbgcolor="000000
imgstyle="border-width:3px; border-color:white; width=450px; height=320px;"
swfsrc='رابط الفيديو'
imgsrc='http://img840.imageshack.us/img840/4532/93022289.png' width='450' height='450'/></fb:swf>
</div>
</center>

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

width='450' height='450

12-نافذة منبثقة:

<CENTER>
<CENTER><!-- FBML LINK -->
<a href="#" clicktoshowdialog="dialog">نافذه منبثقه</a>
<!-- END FBML DIALOG LINK -->
<!-- FBML DIALO -->
<fb:dialog id="dialog">
<fb:dialog-title>العنوان</fb:dialog-title> <fb:dialog-content>
<fb:visible-to-connection>

<img src="رابط الصورة" alt="موضوع الصورة"><br/> محتوى الرسالة
<fb:dialog-button type="submit" value=" اغلاق " close_dialog=true /> </fb:dialog-content>
</fb:dialog>
<!-- END FBML DIALOG --></CENTER>
</CENTER>
-

13-أضف تعليق Add comment

<CENTER>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=106198776069542&xfbml=1"></script><fb:comments xid="معرف حسابك على فيسبوك ID" numposts="10" width="425" publish_feed="true"></fb:comments>
</CENTER>

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

14-وضع فلاش فى التاب

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

ونسخ الربط المباشر
ثم وضعه بالكود

<center>
<fb:swf
...swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='رابط الفلاش'
imgsrc='رابط الصورة'
width='250' height='250' />
</center

تغيير طول وعرض الفلاش يتم يدويا بتغيير قيمwidth & height

15- الشات

<CENTER>
<fb:chat-invite msg="ماذا تريد ان تبعت بالشات اكتبه هنا" condensed="false" exclude_ids="1,2,3" />
</CENTER>

16-دعوة الأصدقاء

<CENTER>
<fb:request-form
method="post"
type="My Fan Page"
invite="true"
content="Come and check out my new fan page.<fb:req-choice url='رابط الصفحة' ' label='GO' /> ">
<fb:multi-friend-selector actiontext="Invite your best friends to My Fan Page" rows="3" showborder="true" cols="3"  />
</fb:request-form>
</CENTER>

17-صندوق سكرول بار

<CENTER>
<style type="text/css">
div.scroll
{
background-color:#6DBBE0;
width:400px;
height:200px;
overflow:scroll;
}

</style>
<div class="scroll">

اكتب ما تريد

</div>
</CENTER>

18-كود البحث فى الفيس بوك

<CENTER>
<!-- Search FB -->
<FORM method=GET action="http://www.facebook.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.facebook.com/">
<IMG SRC="http://profile.ak.fbcdn.net/hprofile-ak-snc4/hs624.snc3/27535_20531316728_5553_q.jpg" border="0"
ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=it>
<INPUT type=submit name=btnG VALUE="Search In FaceBook">
</td></tr></TABLE>
</FORM>
<!-- Search FB -->
</CENTER>

19- كود البحث فى جوجل

<CENTER>
<form action="http://www.google.com/search" method="get" target="_blank">
 <table height="28" cellSpacing="0" cellPadding="0">
   <tbody>
     <tr>
       <td height="24"><a style="COLOR: #2e5295; TEXT-DECORATION: none" href="http://www.google.com/"><img alt="Google" src="http://www.google.com/logos/Logo_40wht.gif" align="absMiddle" border="0" width="128" height="53"></a>
         <input maxLength="255" size="25" name="q" style="color: #800000; border: 1 solid #000000">
         <input type="submit" value="ابحث" name="btnG" style="color: #FFFFFF; font-family: Tahoma; background-color: #333300; border: 1 solid #000000"></td>
     </tr>
   </tbody>
 </table>

20- كود لعمل مسافات بين عناصر الصفحة

<BR/>

21-كود جعل الكتابة عريضة Bold

<B> النص </B>

22- التحكم فى أبعاد الصورة بتبديل الابعاد الموجوده فى الكود


<IMG SRC="رابط الصوره" HEIGHT="30" WIDTH="100">

23- تحويل الكلمه الى رابط مع مراعاة تغيير الرابط


<A HREF="http://conda3ianllkhir.blogspot.com/"> النص </A>

24- صورة بالضغط عليها تذهب إلى رابط

<center>
<A HREF="http://conda3ianllkhir.blogspot.com/2011/06/1000.html"><IMG SRC="http://img855.imageshack.us/img855/7808/downloader.png"></A>

<center>
<BR/>

25- توسيط الكلام أو أى عنصر بالصفحة

<center> النص أو الصورة </center>

26- تغيير حجم الخط

<FONT SIZE="5"> Text </FONT>

27- كود تغييرلون الخط

<FONT COLOR="#3388a0"> Text </FONT>

تغيير اللون يتم بتغيير القيمة 3388a0 عن طريق مولد أكواد الألوان الفلاشى

28- كود كتابة رابط
إستبدال الرابطhttp://koora.blogspot.com/ بالرابط المطلوب

<A HREF="http://koora.blogspot.com/"> http://kkkkkkkk.blogspot.com/ </A>

29- كود جدول

<CENTER>
<TABLE BORDER="3">
<TR ALIGN="Center">
<TD> Data </TD>
<TD> Data </TD>
<TD> Data </TD>
</TR>

<TR ALIGN="Center">
<TD> Data </TD>
<TD> Data </TD>
<TD> Data </TD>
</TR>

<TR ALIGN="Center">
<TD> Data </TD>
<TD> Data </TD>
<TD> Data </TD>
</TR>

<TR ALIGN="Center">
<TD> Data </TD>
<TD> Data </TD>
<TD> Data </TD>
</TR>

</TABLE>
</CENTER>

مع مراعاة إستبدال كلمة Data فى الكود بالنص المراد كتابته

30-كود لائحة من الفقرات

<ul>
<li>الفقرة 1</li>
<li>الفقرة 2</li>
</ul>

31- كود كتابة نص معين

<br/>
<center><FONT COLOR="#3388a0"><FONT SIZE="5"> 

النص
 </FONT></FONT></center>

أسأل الله أن تفيدكم تلك الأكواد فى تصميم صفحات هادفة على الفيس بوك

مكتبة أكواد javascript,Html

admin
6:27 ص
إضافات بلوجر ، أكواد Html ، تصميمات الفيسبوك
لاتوجد تعليقات

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

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

ويمكن أيضا إضافتها لصفحات الفيس بوك

كود النص العريض

أولاً :أكواد النصوص

كود النص العريض

<b>اكتب النص هنا </b>

كود تحديد اتجاه النص

<p dir="rtl" align="right">اكتب هنا النص الذي سيظهر من اليمين إلى اليسار</p>

كود التحكم فى حجم الخط ولونه ونوعه

<CENTER><FONT COLOR="#كود اللون المرغوب" FACE="اسم الخط المرغوب" SIZE="4">اكتب هنا ما تريد</FONT></CENTER>

أكواد الألوان موجودة هـــــــــنـــــاااااااااا

كود نص يتحرك لأعلى

<marquee behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" onMouseOver="this.stop()" onMouseOut="this.start()">


<center><br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 1
<br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 2
<br>مدونة كن داعيا للخير 3
<br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 4
<br>......</center>
</marquee>

كود نص يتمدد وينكمش

<table align="center" width="98%"><tr><td>

<HTML>
<HEAD>
<script language="JavaScript">
var sizes = new Array("0px", "1px", "2px", "3px", "4px");
sizes.pos = 0;
function elast() {
var el = document.all.elastic;
if (null == el.direction)
   el.direction = 1;
else if ((sizes.pos > sizes.length - 4) || (0 == sizes.pos))
   el.direction *= -1;
   el.style.letterSpacing = sizes[sizes.pos += el.direction];
}
setInterval('elast()', 100)
</script>
</HEAD>
<BODY>
<h1 align="center" id="elastic"><font size="3">مدونة كن داعيا للخير</font></hi>
</BODY>
</HTML></td></tr></table>

كود نص متأرجح يميناً ويسارا

<marquee scrolldelay="60" scrollamount="3" width="400" direction="left" behavior="alternate" bgcolor="#FF0000">مدونة كن داعيا للخير</marquee>

كود إظهار نصوص بها روابط بالتناوب

<div style="position:relative;center:0px;top:0px">
<span id="highlighter" style="position:absolute;left:0;top:0;font-size:18px;font-family:Verdana;background-color:yellow;clip:rect(0px 0px auto 0px)"></span>
</div>
<script type="text/javascript">
var tickercontents=new Array()
tickercontents[0]='مدونة كن داعيا للخير <a href="http://conda3ianllkhir.blogspot.com/">text</a>'
tickercontents[1]='اكتب هنا نص عادي رقم 1 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
tickercontents[2]='اكتب هنا نص عادي رقم 2 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
tickercontents[3]='اكتب هنا نص عادي رقم 0 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
var tickdelay=3000 //delay btw messages
var highlightspeed=10 //10 pixels at a time.

////Do not edit pass this line////////////////

var currentmessage=0
var clipwidth=0

function changetickercontent(){
crosstick.style.clip="rect(0px 0px auto 0px)"
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}

function highlightmsg(){
var msgwidth=crosstick.offsetWidth
if (clipwidth<msgwidth){
clipwidth+=highlightspeed
crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipwidth=0
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}

function start_ticking(){
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}

if (document.all || document.getElementById)
window.onload=start_ticking

</script>

كود نص متحرك

<div align="center">
<table border="0" width="100%" style="border-collapse: collapse">
<tr><td class="alt1" colspan="3"><b>
<font size="4" color="000000">
<marquee direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5">مدونة كن داعيا للخير </marquee></font></b></td>
</tr></table></div>

كود شريط متحرك مع روابط

<marquee direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5">
<a href="اكتب هنا عنوان الموقع">اكتب هنا اسم الموقع</a> ------
 </marquee>

كود نص يضئ بالتدريج

<h2>
<script language="JavaScript1.2">



var message="مدونة كن داعيا للخير"
var neonbasecolor="gray"
var neontextcolor="yellow"
var flashspeed=100  //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
</h2>
</font></p>

كود نص يضئ بألوان مختلفة

<b>
<font size="5">
<script>

// ********** عدل هنا

var text="مدونة كن داعيا للخير" 
var speed=80 // سرعه تغير الالوان

// ********** لا تعدل شي هنا


if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</font></b>
</font></p>

ثانياً : أكواد الصور

كود إضافة صورة

<img src="رابط الصورة" >

كود صورة مع رابط

<CENTER><a href="الرابط">
<img src="رابط الصورة" width="30" height="80" border="2" align=" middle" /></a></CENTER>

كود تغيير الصور تلقائيا

<center><style type="text/css">
#pscroller1{
font-size: 14px;
font-family: Tahoma;
width: 250px;
height: 250px;
border: 0px solid black;
padding: 5px;
background-color: white;
}

</style>

<script type="text/javascript">

/*Example message arrays for the two demo scrollers*/

var pausecontent=new Array()
pausecontent[0]='<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOzaHKEd66lX8T1PqhuOL2U0R-XVecTXeYM133yBx-s0pjDcJQnirN-RjkJdFFH8R-gin6DmnQ1fx55Hm47mviWoColyf8eHbMvw5kNa2zW9RD1HZOqc3CBUOPRfrDFUfCnqKjespM-bni/s125/%2525D8%2525A8%2525D8%2525A7%2525D9%252586%2525D8%2525B1-%2525D8%2525AC%2525D8%2525AF%2525D9%25258A%2525D8%2525AF.gif">'
pausecontent[1]='<img border="0" src="رابط الصورة 2">'
pausecontent[2]='<img border="0" src="رابط الصورة 3">'
pausecontent[3]='<img border="0" src="رابط الصورة 1">'
</script>

<script type="text/javascript">

/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
***********************************************/

function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}

// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}


// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}

</script>
<script type="text/javascript">

//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)

new pausescroller(pausecontent, "pscroller1", "someclass", 3000)
document.write("<br />")

</script>
</center>

كود صور متحركة

<img 
src="رابط الصورة المتحركة" 
onload="NcodeImageResizer.createOn(this);" border="0" 
originalWidth="250" originalHeight="270">

كود شريط الصور المتحرك مع روابط

يمكن التحكم فى طول وعرض الصور بتغيير قيمها يدويا وتغيير إتجاه الشريط بتغيير كلمة up بالكود إلى down أو right أو lift

<center/>
<div class="textwidget"><marquee direction="up" width="115" onmouseover="this.stop()" scrollamount="2" onmouseout="this.start()" height="125" align="left"><br /> <a href="http://conda3ianllkhir.blogspot.com/" rel="nofollow"><img border="0" alt="مدونة كن داعيا للخير" width="115" src="http://img12.imageshack.us/img12/914/75539242.png" height="115" /></a>
<br/>
<a href="http://conda3ianllkhir.blogspot.com/" rel="nofollow"><img border="0" alt="مدونة كن داعيا للخير" width="115" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOzaHKEd66lX8T1PqhuOL2U0R-XVecTXeYM133yBx-s0pjDcJQnirN-RjkJdFFH8R-gin6DmnQ1fx55Hm47mviWoColyf8eHbMvw5kNa2zW9RD1HZOqc3CBUOPRfrDFUfCnqKjespM-bni/s125/%2525D8%2525A8%2525D8%2525A7%2525D9%252586%2525D8%2525B1-%2525D8%2525AC%2525D8%2525AF%2525D9%25258A%2525D8%2525AF.gif"height="115" /></a>
<br/>
<a href="ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src="رابط الصورة" height="115" /></a>
<br/>

<a href="
ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src="
رابط الصورة"height="115" /></a>
<br/>

<a href="ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورةرابط الصورة" height="115" /></a>
<br/>

<a href="ضع الرابط هنا/search?updated-max=2011-07-26T10%3A47%3A00-07%3A00&max-results=7
" rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src="رابط الصورة
"height="115" /></a>
" width="115" src="
<p/></p></marquee></div></center>

ثالثاً : أكواد الروابط

كود إضافة رابط

<a href="ضع الرابط هنا">Nom du site</a>

فتح الرابط في نافذة جديدة

<a href="ضع الرابط هنا" target="_blank">Nom du site</a>

فتح الرابط في نفس النافذة

<a href="ضع الرابط هنا" target="_self">Nom du site</a>

لون الرابط

<a style="color:اسم اللون باللغة الانجليزية;" href="رابط الموقع">Nom du site</a>

رابعا:أكواد إسلامية

كود القرآن الكريم ويمكن معاينة المصحف من هنــا

<center><iframe align="center" allowtransparency="1" frameborder="0" height="334" id="IW_frame_1438" scrolling="no" src="http://www.tvquran.com/add/index.htm" width="302"></iframe></center></div>

شريط الحديث والدعاء

<iframe
 align="center" 
src="http://www.wathakker.net/outdoor-strip-marquee.html" 
frameborder="0" allowtransparency="1" scrolling="no" width="474" 
height="41" vspace="0"></iframe>

خامسا:أكواد إخبارية

أخبار BBC

  <iframe name="I1" marginwidth="1" marginheight="1" height="30" width="90%" scrolling="no" border="0" frameborder="0" src="http://news.bbc.co.uk/hi/arabic/news/ticker.stm"></iframe>

شريط قناة الجزيرة

<iframe frameborder="0" height="50" marginheight="0" marginwidth="0" scrolling="no" src="http://www.faisal1.com/News_Grab/jazeera.php" width="100%"></iframe>

شريط العربية نت

<div width="600"><script src="http://www.alarabiya.net/ara_v_ticker.html"></script></div>

سادسا:سكربتات متنوعة

كود وضع الفلاش
(يمكن التحكم فى الطول والعرض بتغيير قيم width,height)

<object width="150" height="340">
<param value="MYFLASH.swf" name="movie"/>
<embed width="150" src="URL OF MYFLASH.swf" height="340">
</embed>
</object>

كود إضافة صفحة موقع داخل صفحة موقعك

<div dir="rtl" style="text-align: right;" trbidi="on">
<iframe height="500" src="رابط الموقع" width="600"></iframe></div>

</div>

سكربت طباعة الصفحة

 <a href="javascript:window.print()">اطبع هذه الصفحة</a>

سكريبت آلة حاسبة

<SCRIPT>
function compute(obj) 
   {obj.expr.value = eval(obj.expr.value)}
var one = '1'
var two = '2'
var three = '3'
var four = '4'
var five = '5'
var six = '6'
var seven = '7'
var eight = '8'
var nine = '9'
var zero = '0'
var plus = '+'
var minus = '-'
var multiply = '*'
var divide = '/'
var decimal = '.'
function enter(obj, string) 
   {obj.expr.value += string}
function clear(obj) 
   {obj.expr.value = ''}
                      </SCRIPT>
       <FONT COLOR="#CC0000" face="Arial"><P><B>الألة الحاسبة 
                        الإلكترونية</B></P></FONT>
      <FORM name="calc">
                        <DIV align="center">
       <TABLE border="1" bgcolor="#0033CC">
                          <TR>
                            <TD colSpan="4"><INPUT size=30 
                              name=expr action="compute(this.form)"></TD></TR>
                          <TR>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, seven)" type=button value="  7  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, eight)" type=button value="  8  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, nine)" type=button value="  9  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, divide)" type=button value="   /  "></P></TD></TR>
                          <TR>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, four)" type=button value="  4  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, five)" type=button value="  5  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, six)" type=button value="  6  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, multiply)" type=button value="  *  "></P></TD></TR>
                          <TR>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, one)" type=button value="  1  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, two)" type=button value="  2  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, three)" type=button value="  3  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, minus)" type=button value="   -  "></P></TD></TR>
                          <TR>
                            <TD bgColor="#000033" colSpan=2>
                              <P><INPUT onclick="enter(this.form, zero)" type=button value="       0       "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, decimal)" type=button value="   .  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, plus)" type=button value="  +  "></P></TD></TR>
                          <TR>
                            <TD bgColor="#000033" colSpan=2>
                              <P><INPUT onclick=compute(this.form) type=button value="   =   "></P></TD>
                            <TD bgColor="#000033" colSpan=2>
                              <P><INPUT onclick=clear(this.form) type=reset value=AC>
         </P></TD></TR></TABLE></DIV></FORM>
         <P align="center">
                              <FONT face="Courier , New tahoma , erdana, arial, helveticav" size="2"
                              color="#0000FF"><B><A target="_blank"

إضافة قطار المواقع الإجتماعية المتحرك إلى موقعك Social icon Train

admin
5:46 ص
إضافات بلوجر ، أكواد Html ، تصميمات الفيسبوك ، جوجل بلس ، css
لاتوجد تعليقات

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

أضف أزرار المشاركة الإجتماعية الفيس بوك ، تويتر، جوجل بلس بشكل جديد ومميز

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

طريقة تركيب القطار المتحرك إلى مدونات بلوجر:

إذهب إلى لوحة تحكم بلوجر
تخطيط ثم إضافة أداة Html & javascript
ثم إنسخ الكود التالى وألصقه بالأداة

<div style="bottom: -3px; left: 0px; position: fixed; width: 100%; z-index: 65535;">
<marquee>
<style media="screen" type="text/css">

  *
  {
   padding: 0;
    margin: 0;
  }
   body
   {
    padding: 0;
    margin: 0;
   }
   #flexbox
   {
    //display: -webkit-box;
    //-webkit-box-orient: horizontal;
    //-webkit-box-align: stretch;
    //width: auto;
   }
/*---- http://conda3ianllkhir.blogspot.com/---*/
  </style>
<a href="https://plus.google.com/105400830730395545290/posts" rel="nofollow" target="_blank"><img alt="google-plus-icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiORqmvGLdEdx4YN7vOvythIgkJm7U7-7ojrcJNqtJJUJtY_bc7WqdEhTke3ToeRKwXe247Htm_W3w09ewwIXPDHRwGYvNhhTD1ZimCtej6CfFQR0gwszvPLm41XCIl3IyKCj6RV9boBIqZ/w391-h389-o-k/%25D8%25AC%25D9%2588%25D8%25AC%25D9%2584-%25D8%25A8%25D9%2584%25D8%25B3.png" style="border: 0px none; margin: 0px; padding: 0px;" title="google-plus-icon" /></a>
   <a href="https://twitter.com/DrRo2" rel="nofollow" target="_blank"><img alt="tweeter-icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyrQj61-x1SNKCZpyiDpO4YYpDs2Rb22nVmt-D-4NdMCeJ9A_irJoeNtau0gTHkXEl4jcUq7yieZlJDwPrC2er-5YweRQX7ThsD6FR3lNaYaOKgXhkHGG4dBFk1Qq7ba93kgjslxYmG7YP/s70/tweeter.png" style="border: 0px none; margin: 0px; padding: 0px;" title="tweeter-icon" /></a>
<a href="http://www.facebook.com/designsblog" rel="nofollow" target="_blank"><img alt="facebook-icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmL9ATQpz7mRP8kv2nIBGvIbVy7-OlyrVfOOUkJO1qDzyLpdv5FS6vPXWxeVIYV2x9U-SgM63FaI90WnRLQgBc3N40nYb3tdZytukOIcvJ9_aGOWRdJvy0wGhoxiQDcPo76KSunYffpQLc/s150/%D9%81%D9%8A%D8%B3-%D8%A8%D9%88%D9%83.png" style="border: 0px none; margin: 0px; padding: 0px;" title="facebook-icon" /></a>
   </marquee></div>
<a href="http://conda3ianllkhir.blogspot.com/" target="_blank"> <span style="font-size: xx-small;">Blogger widgets </span></a></div>

التعديل على الروابط الموجودة بالكود كالتالى:
إستخدم الكيبورد Ctrl+F فى البحث عن الروابط
قم بتغيير رابط صفحة جوجل بلس الملون باللون الأصفر برابط صفحة جوجل بلس الخاصة بموقعك
قم بتغيير رابط الفيس بوك الملون باللون الأخضر برابط صفحتك على الفيس بوك
قم بتغيير رابط تويتر الملون باللون الأزرق برابط تويتر الخاص بموقعك

لصفحات الفيس بوك FBml مجموعة أكواد

كيف تعرف رقم معرف حسابك على فيسبوك YourFacebookProfileID

مكتبة أكواد javascript,Html

إضافة قطار المواقع الإجتماعية المتحرك إلى موقعك Social icon Train

تابعنا علي الفيس بوك

المشاركات الشائعة

اقسام الموقع

برامج مجانية مختارة

اخر المواضيع

التسميات

المتابعون

احصائيات الموقع

أرشيف الموقع

New Design

Sponsor