أخوية  

أخوية سوريا: تجمع شبابي سوري (ثقافي، فكري، اجتماعي) بإطار حراك مجتمع مدني - ينشط في دعم الحرية المدنية، التعددية الديمقراطية، والتوعية بما نسميه الحد الأدنى من المسؤولية العامة. نحو عقد اجتماعي صحي سليم، به من الأكسجن ما يكف لجميع المواطنين والقاطنين.
أخذ مكانه في 2003 و توقف قسراً نهاية 2009 - النسخة الحالية هنا هي ارشيفية للتصفح فقط
ردني  لورا   أخوية > رقميات > التصميم والجرافيكس والحركات الشيك

إضافة موضوع جديد  إضافة رد
 
أدوات الموضوع
قديم 23/11/2009   #127
صبيّة و ست الصبايا boozy
عضو
-- زعيـــــــم --
 
الصورة الرمزية لـ boozy
boozy is offline
 
نورنا ب:
Mar 2008
المطرح:
العراق الحبيب
مشاركات:
1,410

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


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

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

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 - احفظ .

لستُ بجسدٍ تسكنه روح.
بل
ثلاثة أرواحٍ
و عقولٍ
و قلوب
جزئها المرئيُّ الصغيرُ
جسدْ.
http://evandarraji.blogspot.com/
  رد مع اقتباس
قديم 23/11/2009   #128
صبيّة و ست الصبايا boozy
عضو
-- زعيـــــــم --
 
الصورة الرمزية لـ boozy
boozy is offline
 
نورنا ب:
Mar 2008
المطرح:
العراق الحبيب
مشاركات:
1,410

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


اذهب واصنع اداه 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>
  رد مع اقتباس
قديم 23/11/2009   #129
صبيّة و ست الصبايا boozy
عضو
-- زعيـــــــم --
 
الصورة الرمزية لـ boozy
boozy is offline
 
نورنا ب:
Mar 2008
المطرح:
العراق الحبيب
مشاركات:
1,410

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


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

<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>
  رد مع اقتباس
إضافة موضوع جديد  إضافة رد


أدوات الموضوع

ضوابط المشاركة
لافيك تكتب موضوع جديد
لافيك تكتب مشاركات
لافيك تضيف مرفقات
لا فيك تعدل مشاركاتك

وسوم vB : حرك
شيفرة [IMG] : حرك
شيفرة HTML : بليد
طير و علّي


الساعة بإيدك هلق يا سيدي 13:28 (بحسب عمك غرينتش الكبير +3)


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
ما بخفيك.. في قسم لا بأس به من الحقوق محفوظة، بس كمان من شان الحق والباطل في جزء مالنا علاقة فيه ولا محفوظ ولا من يحزنون
Page generated in 0.09721 seconds with 14 queries