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

الصفحة 4 من 4

عرض 40 مشاركة من هذا الموضوع في صفحة واحدة

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

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

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

kosayka2

28/10/2009 02:20

اقتباس:

كاتب النص الأصلي : Sarita (مشاركة 1352218)

هيك ونص يا عيني عليك شو بتلقطا ع الطاير:larg:
شكرا مقدما قصي :D

هلق مدام هيك و نص فأستلمي لقلك

خيتو أول شي بتوتي على لوحة التحكم بعدين على التخطيط و بعدين على تحرير html

تمام و بعدين بتدروي على (ctrl + f )

كود:

أو إذا ما لقيتي شي بتدوري على شي كلمة من كلمات الصفحات يلي عندك
متل

كود:

Home

هي مثلا يعني

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

اقتباس:

<div id='menu'>
<li><a href='http://www.xxxxx.xxx ' >الصفحة الرئيسية </a></li>
<li><a href='http://www.xxxxx.xxx' >الصفحة الثانية</a></li>
<li><a href='http://www.xxxxx.xxx' >الصفحة الثالثة </a></li>
<li><a href='http://www.xxxxx.xxx' >الصفحة الرابعة </a></li>
</div>

بحيث

http://www.xxxxx.xxx

هو عنوان الصفحة يلي بدك تروحيلها

و
الصفحة الرئيسية
هو الأسم يلي أنتي فيكي تغيره و تكتبي الشي يلي بدك يها

هلق بس في فكرة كتير كتير كتير كتير كتير كتير كتير كتير كتير كتير كتير كتير كتير كتير كتير مهمة

ممكن بحسب القالب يكون الكود يلي رح يكون عندك هو

من الشكل التالي

اقتباس:

<li><a expr:href='data:blog.homepageUrl' >الصفحة الرئيسية </a></li>

هلق هاد الشكل فيو مشكلة أنو ما فيكي تطلعلي لصفحات خارجية

و العنوان المكتوب فيها بينتقل بين أرجاء المدونة فقط

لذلك و لحل المشكلة أهم شي أنك تشلي الكلمة المكتوبة بالأحمر و تحذفيها ( و لا تنسي حذف النقطين )

و الفكرة التانية أنك تستبدلي العنوان يلي بالأخضر

كود:

data:blog.homepageUrl

و تحطي عنوان عادي متل يلي فوق بحيث يبلش بال http

وهيك أنشالله بتنحل كل الفكرة و بتزبط عندك

-----------------------------------------------------
على الهاموش
اللوغو ماني نسيانو بس أنو عم ظبطلك شي ملاك على كيفك :o

boozy

09/11/2009 20:16

كيفية صنع الصفحات..

هناك عدة طرق لصناعة الصفحات بس اكثر وحدة عجبتني
هي الي على شكل buttons
بس بالاول اعملوا الازرار الي تعجبكم من
- ابو شريك هاي الروابط الي بيحطوها الأعضاء ما بتظهر ترى غير للأعضاء، فيعني اذا ما كنت مسجل و كان بدك اتشوف الرابط (مصرّ ) ففيك اتسجل بإنك تتكى على كلمة سوريا -

وبعدها :
روح على اضافة عنصر
اختار HTML/Javascript

وبعدين حط الرابط التالي طبعا بعد ما عملت نموذج للازرار وحملت الصور على مركز خارجي لتحميل الصور
راح يطلعلك الموقع كود للصورة اهمله ما بي فايدة جربته
انت احفظ الصورة وبعدين حملها
ماخذ اول رابط
تبع الhttp
وبعدين
:

<center>
<a href="اسم الصفحة" target="_blank"><img border="0" alt="Photo Sharing and Video Hosting at Photobucket" src رابط الصورة"/></a>
</center>

انسخ الرابط اعلاه وخليه بالـHTML/Javascript

مثل ما فمتك وهناك ظبط على راحتك

ملاحظة: الرباط اعلاه لصفحة واحدة فقط تريد تزيد عدد الصفحات اعمل اكثر من وحدة بنفس الطريقة وحدة تحت الثانية..
ميرسي:D
وهاي صورة صفحاتي:

- ابو شريك هاي الروابط الي بيحطوها الأعضاء ما بتظهر ترى غير للأعضاء، فيعني اذا ما كنت مسجل و كان بدك اتشوف الرابط (مصرّ ) ففيك اتسجل بإنك تتكى على كلمة سوريا -

boozy

09/11/2009 20:26

كيفية تغيير الخلفية... تبع المدونة

اختار اولا خلفية تعجبك من
- ابو شريك هاي الروابط الي بيحطوها الأعضاء ما بتظهر ترى غير للأعضاء، فيعني اذا ما كنت مسجل و كان بدك اتشوف الرابط (مصرّ ) ففيك اتسجل بإنك تتكى على كلمة سوريا -

انسخها كصورة وحملها على مركز خارجي
بعدين روح على تعديل القالب الـ html
دور على:
body {
راح تشوف تحتو:
background:url(هون رابط صورة الخلفية الي بدكياها خلي);

color:$textcolor;
font:x-small Arial sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
} margin:0;
وبس
مثل:

kosayka2

10/11/2009 04:30

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

boozy

12/11/2009 00:17

يله جرب وخبرنا
وانا بالخدمة

boozy

23/11/2009 01:02

كيفية اضافة sidebar لرأس المدونة تماما

اذهب الى صندوق الاكواد متبعا ذلك المسار
dashboard > layout > template > EditHTML

فى صندوق الاكواد فى الجزء الاسفل منه ابحث عن تلك القطعة

<div id="header-wrapper"> <b:section class="header" id="header" maxwidgets="1" showaddelement="no">

غير القيم لتصبح بهذا الشكل

<div id="header-wrapper"> <b:section class="header" id="header" maxwidgets="3" showaddelement="yes">

القطعة السابقة خاصة برأس المدونة header-wrapper

بعد الانتهاء ابحث عن تلك القطعة الخاصة بجسم المدونة

<div id="main-wrapper"> <b:section class="main" id="main" showaddelement="no">

غير القيم لتصبح بهذا الشكل

<div id="main-wrapper"> <b:section class="main" id="main" showaddelement="yes">

ملاحظة
ربما تجد كلمة main-wrap او حتى main بدلا من main-wrapper
وكذلك ربما تجد كلمة haeder-wrap او headrer بدلا من header-wrapper

بشكل عام وللتبسيط على الجميع
ابحث فى صندوق الاكواد عن كل كلمة showaddelement
ثم غير قيمتها التى بين القوسين واجعلها yes بدلا من no

وابحث ايضا عن كل كلمة maxwidget
ثم غير قيمتها التى بين القوسين الى الرقم 3 بدلا من 1

بعد الانتهاء احفظ القالب
ثم اذهب الى لوحة القطع لتجدها اصبحت بهذا الشكل

boozy

23/11/2009 01:12

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

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

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

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

boozy

23/11/2009 01:25

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

اذهب واصنع اداه 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>

boozy

23/11/2009 02:50

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

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

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

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

الصفحة 4 من 4

عرض 40 مشاركة من هذا الموضوع في صفحة واحدة

Page generated in 0.04847 seconds with 10 queries