أخوية - تع دوّن تع دوّن تع

أخوية (http://www.akhawia.net/forum.php)

- التصميم والجرافيكس والحركات الشيك (http://www.akhawia.net/forumdisplay.php?f=21)

- - تع دوّن تع دوّن تع - بلوغ سبوت (http://www.akhawia.net/showthread.php?t=123762)

كيفية اضافة روابط للصفحات لرأس الصفحة

بعدما شرحت بالموضوع اعلاه عن كيفية اضافة سايدبار على شكل ازرار
وكذلك كيفية اضافة سايدبار لرأس الصفحة
ساشرح كيفية اضافة صفحات عادية بدون ازرار- يعني بكيفك ممكن تخليها برأس الصفحة افقيا
او باي مكان عموديا:

( احفظ نسخة احتياطية من القالب )

1- اذهب الى صندوق الاكواد متبعا المسار المعتاد

2- ابحث عن قطعة الـ #header{

ستكون مثلا بالشكل التالى

#header {
height: 110px;
margin: 0px;
padding: 0px;
background-color: $headerBgColor;
}

الصق تحتها هذا الكود

#newnavbar ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}

(السر فى الخاصية الملونة باللون الاحمر التى تجعل الروابط تظهر بشكل عرضى, ويمكنك ايضا التعديل على خاصية موجودة فى هذه الاكواد )

3 - احفظ القالب save

4- اذهب الى صفحة عناصر المدونة , وفى منطقة راس المدونة اضغط على : اضافة اداة جديدة

5- اختر اداة من نوع HTML/JAVA SCRIPT

وضف بها تلك الاكواد بعد التعديل عليها بما يناسبك , يمكنك تغيير الروابط واسماءها . ويمكنك ايضا اضافة مزيد من اللينكات اوحذفها .

<div id='newnavbar'>
<ul>
<li><a href="www.lu2a.blogspot.com">wael</a></li>
<li><a href="www.art-lu2a.blogspot.com">art</a></li>
<li><a href="www.blogger-lu2a.blogspot.com">دروس</a></li>
<li><a href="www.lu2a.blogspot.com">About Me</a></li>
<li><a href="mailto:
- ابو شريك هاي الروابط الي بيحطوها الأعضاء ما بتظهر ترى غير للأعضاء، فيعني اذا ما كنت مسجل و كان بدك اتشوف الرابط (مصرّ ) ففيك اتسجل بإنك تتكى على كلمة سوريا -
">للات� �ـال</a></li>
</ul></div>

6 - احفظ .

كيفية اضافة روابط منزلقة

اذهب واصنع اداه add a page element من صفحة عناصر مدونتك , واختار html/java script " هتمل جافا سكريبت " ثم انسخ فيها هذا الكود بعد ان تخصصه حسب احتياجك وحسب الروابط الخاصة بك

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

<form>
<select onChange="location=this.options[this.selectedIndex].value;">
<option value="http://www.msn.com/">MSN.com</option>
<option value="http://www.google.com/">google.com</option>
</select>
</form>

او هذا الكود اذا اردت ان تفتح الروابط فى نافذه جديده :

<form>
<select onChange="PopUpName=window.open('','PopUpName');Po pUpName.location=this.options[this.selectedIndex].value;">
<option value="http://www.msn.com/">MSN.com</option>
<option value="http://www.google.com/">google.com</option>
</select>
</form>

الشكل الثانى : الروابط ستفتح عند الضغط على زرار " اذهب " فى نفس النافذة

<form>
<select name="menu">
<option value="http://www.msn.com/">MSN.com</option>
<option value="http://www.google.com/">google.com</option>
</select>
<input type="button" onClick="location=this.form.menu.options[this.form.menu.selectedIndex].value;" value="GO">
</form>

او هذا الكود اذا اردت ان تفتح الروابط فى نافذة جديده :

<form>
<select name="menu">
<option value="http://www.msn.com/">MSN.com</option>
<option value="http://www.google.com/">google.com</option>
</select>
<input type="button" onClick="PopUpName=window.open('','PopUpName');Pop UpName.location=this.form.menu.options[this.form.menu.selectedIndex].value;" value="GO">
</form>

تخصيص الروابط :

فى الامثلة السابقة يوجد رابطين فقط لموقعى msn و google , لاحظ ان اسماء المواقع باللون الاحمر بينما رابط المواقع باللون الازرق , اذا اردت ان تضيف عددا اكبر كل ماعليك انك تكرر تلك السطور

<form>
<select name="menu">
<option value="رابط اللينك الاول">اسم اللينك الاول</option>
<option value="رابط اللينك الثانى">اسم اللينك الثانى</option>
<option value="رابط اللينك الثالث">اسم اللينك الثالث</option>
<option value="رابط اللينك الرابع">اسم اللينك الرابع</option>
<option value="رابط اللينك الخامس">اسم اللينك الخامس</option>
</select>
<input type="button" onClick="PopUpName=window.open('','PopUpName');Pop UpName.location=this.form.menu.options[this.form.menu.selectedIndex].value;" value="GO">
</form>

كيفية اضافة عبارة"نص" متحرك

طبعا كالعادة
اضافة اداة
نص
وخلي الروابط التالية:

<marquee scrolldelay="200" width="400px" height="25px" bgcolor="#ffffcc">النص يتحرك افتراضيا من اليمين لليسار.</marquee>

هذا الاتجاه الافتراضى من اليمين للشمال
ملاحظات :
ممكن تغير لون خلفية الصندوق bgcolor="#ffffcc">
ممكن تغير سرعة تحرك النص scrolldelay="200"
ممكن تغير طول الصندوق height="25px"
ممكن تغير عرض الصندوق width="400px"

<marquee behavior="alternate" width="400px" scrolldelay="200" height="25px" bgcolor="#ffffcc">النص يرجع فى الاتجاه المعاكس.</marquee>

او

<marquee scrolldelay="150" direction="up" width="200px" height="300px" bgcolor="#ffffcc">فى هذا المثال يتحرك النص من اسفل الى اعلى.</marquee>

او

<marquee hspace="50%" direction="down" scrolldelay="50" height="300px" bgcolor="#ffffcc">فى هذا المثال يتحرك النص من اعلى الى اسفل.</marquee>

او

<marquee hspace="50%" onmouseover="this.stop()" onmouseout="this.start()" direction="down" scrolldelay="30" height="300px" width="200px" bgcolor="#ffffcc">النص يتحرك من اعلى الى اسفل .. ويقف تحرك النص عند مرور الماوس عليه وهذا اهم مثال.</marquee>