تحميل Fast Image Resizer لتعديل حجم الصور في ثوانٍ فقط

 

 مجموعة من أكواد JavaScript وHTML المهمة لكل صاحب موقع أو مدونة

السلام عليكم ورحمة الله وبركاته، زوار مدونة زيزو الأعزاء، مرحبًا بكم!

في هذه التدوينة، سنشارك معكم مجموعة من أكواد JavaScript وHTML المهمة لكل صاحب موقع أو مدونة، ويمكنك أيضًا استخدامها على صفحات الفيسبوك.

---

لإضافة هذه الأكواد على مدونتك:

1. ادخل إلى لوحة التحكم.

2. اختر "تخطيط".

3. اضغط على "إضافة أداة"، ثم اختر "JavaScript/HTML".

4. قم بلصق الكود الذي تريد إضافته.

---

أمثلة على الأكواد

1. إضافة رابط

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

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

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

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

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

4. تغيير لون الرابط

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

5. إضافة صورة متحركة

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

6. إضافة صور تتغير تلقائيًا

يمكنك استخدام الكود التالي لإظهار مجموعة صور تتغير باستمرار داخل مدونتك:

<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">
// إضافة الصور التي تريد عرضها
var pausecontent = new Array();
pausecontent[0] = '<img border="0" src="رابط الصورة 1">';
pausecontent[1] = '<img border="0" src="رابط الصورة 2">';
pausecontent[2] = '<img border="0" src="رابط الصورة 3">';
</script>

<!-- كود تشغيل السلايدر -->
<script type="text/javascript">
// كود Pausing up-down scroller من Dynamic Drive
// يمكنك نسخه كما هو داخل المدونة
</script>
</center>

---

أكواد النصوص

• نص عادي

<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()">
اكتب النص هنا
</marquee>

---

أكواد إسلامية

• كود القرآن الكريم

<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>

• كود شريط الدعاء

<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>

---

كانت هذه بعض أكواد HTML وJavaScript التي جمعتها لكم.
أتمنى أن تنال إعجابكم وتكون مفيدة لكم.

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

تعديل المقال