الدرس29 : عمل محاذاة للنصوص بلغة css

المحاذاة css :

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

لتطبيقها نستعمل خاصية text-align ونظيف المحاذاة المطلوب.

left : النص محادي لليسار.

center :النص في الوسط.

right : النص محادي لليمين.

justify :النص يستغل كل السطر لا يترك أي فراغات.

وهذا المتال يوضح الأمر جيدا :

h1
{
text-align: center;
}
p{
text-align: justify;
}
.signature
{
text-align: right;
}

والنتيجة تظهر هكذا: فكمايلاحظ العنوان جاء في الوسط والنص تعمدت أن أجعله justify لترى الخطأ يمكنك أنت جعله من اليمين لليسار تم بعد دلك إعمل له justify لو أردت، أما التوقيع فهو محادي لليمين كما نرى في الصورة.

بهذا نكون قد إنتهينا من درس اليوم و نصيحة يجب أن تفهم جيدا جميع الدروس لأنك ستحتاجها عاجلا أم آجلا. ننتظر تعليقاتكم وشكرا.

الدرس28 : إضافة Italique, gras, souligné لنص بلغة css

كما قلت لكم سابقا لا تتدخل html في تنسيق النص بل لغة css، وفي هذا الدرس سنتعلم بعض الأشياء كتكبير الخط والتشطيب عليه و التسطير...

النص المائل Italique :

لجعل النص مائل لا نستعمل وسم كما يظن البعض، هذا الوسم فقط لإعطاء قيمة زائدة للكلمة و المتصفحات تعرضها بخط مائل. لكن أنا أريد فقط وضعه بخط مائل لا أريد إعطائه قيمة، لهذا نستعمل font-style والتي تأخد تلات قيم:

- italic : النص مائل.

- oblique : مائل في الجهه المعاكسة ل italic .

- normal : النص يعرض بخط عادي.

و هذا مثال عن طريقة كتابة الخط بال italique :

h1
{
font-style: italic;
}

النص البدين gras :

كما قلنا لن نستعمل وسم ، بل font-weight التي تأخد قيمتين:

- bold : النص البدين .

- normal : النص يعرض بخط عادي .

وهذ مثال إدراج خط بدين:

h1
{
font-weight: bold;
}

التسطير على النص و التنصيقات الأخرى:

لكل هاته الأشياء نستعمل text-decoration أما القيم التي تأخدها فهي كتيرة :

- underline : تحته خط.

- line-through : يتوسطه خط.

- overline: السطر أعلاه.

- blink: وامض لا تعمل في جميع المتصفحات.

- none: الخط عادي.

وهذا متال عن إستعمال text-decoration : 

h1
{
text-decoration: blink;
}
.تحته خط
{
text-decoration: underline;
}
.يتوسطه خط
{
text-decoration: line-through;
}
.السطر أعلاه
{
text-decoration: overline;
}

و هذه النتيجة:

لأي إستفسار أو تعليق سأكون سعيدا بالإجابة عليه .

الدرس27 : تغيير الخط باستخدام خط مخصص font-face@ الجزء2

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

@font-face {
font-family: 'SuperPolice';
src: url('SuperPolice.eot') format('eot'),
url('SuperPolice.woff') format('woff'),
url('SuperPolice.ttf') format('truetype'),
url('SuperPolice.svg') format('svg');
}

هده هي المنهجية، الآن لنجرب بخط ما يمكنك تحميل هذا الخط من هنا للتجربة لأنه متوفر مجانا.

@font-face {
/* نوع خط جديد*/
font-family: 'ArchitectsDaughter';
src: url('ArchitectsDaughter.ttf') format('truetype');
}
h1
 /* تطبيق الخط*/
{
font-family:'ArchitectsDaughter', Arial, serif;
}

وهكدا ستضهر النتيجة لكن عليك كتابة العنوان بحروف أجنبية لأن الخط ليس عربي.

@font-face هي التي مكنتنا من إدراج خط جديد.

font-family أعطيناها إسمArchitectsDaughter و نفس الإسم وضعناه في css الخاص ب

كي يتم التعديل عليه.

بعد رفع الضغط على  الملف الدي حملناه يجب وضع الخط في نفس ملف css .

و بهذا نكون قد إنتهينا من درس الخطوط . لأي سؤال أو إستفسار لا تتردد في وضعه في تعليقك.

ثيمات وندوز بدون تنصيب روعه themes for Windows

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

بدون الاطاله عليكم 

اليكم اخواني واخواتي ثيمات للوندوز من ارقي الثيمات والميزه فيها انها تعمل بدون تثبيت مما يلا يؤثر علي سرعه الجهاز

كما انها تتميز باجمل الاشكال ويمكنك التعديل عليها 

3مجموعات  من ارقي الثيمات 

كل ما عليك الضغط علي الثيم فقط كليك

 التحميل 

للتحميل ارجو الملاحظه يجب عليك بالضغط علي كلمه SKIP او تخطي الاعلان فاعلا الصفحه للدخول لصفحه التحميل

مثال

لتحميل3 مجموعات  مديا فاير 

المجموعه1

المجموعه2

المجموعه3

تحياتي لاي استفسار

صفحتي علي الفيس

http://www.facebook.com/mrelhlawany1

تحميل وتثبيت وتفعيل وتعريب اخر اصدار 2013. SonyVegasPro12

السلام عليكم ورحمه الله

تحميل وتثبيت وتفعيل وتعريب اخر اصدار   2013. SonyVegasPro12

بدون اطاله لان وقتكم ثمين 

اليكم اخواني شرح تحميل وتثبيت وتفعيل الاصدار النهائي من البرنامج الرائع لمونتاج الصوت والفديو 

البرنامج غني عن التعريف

2013. SonyVegasPro12

اولا شرح التحميل والتثبيت والتفعيل بالفديو 

ثانيا روابط التحميل وارجو الملاحظه يجب الضغط علي كلمه تخطي الاعلان او SKIP فاعلا الصفحه للدخول لصفحه التحميل

مثال

التحميل 

الان لتحميل البرنامج من  الموقع الرسمي للبرنامج 

اضط هنا 

لتحميل التفعيل والتعريب مركز الخليج 

اضغط هنا 

ومن فايل سواب

اضغط هنا

صفحتي علي الفيس

http://www.facebook.com/mrelhlawany1

الدرس26 : تغيير الخط باستخدام خط مخصص font-face@ الجزء1

خط مخصص مع font-face@ :

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

- يجب أن لا يكون حجم الخط أكتر من 1MO حثى يستطيع متعفح الزائر تحميله.

- معظم الخطوط تحمل حقوق ملكية صانعيها. لهذا يمكنك تحميل خطوط مجانية من هذا الموقع fontsquirrel.com.

- الخطوط بها العديد من الصيغ و هي على الشكل التالي:

ttf : TrueType Font. : تعمل في جميع المتصفحات + IE9 .

eot : Embedded OpenType. : تعمل على جميع إصدارات IE لأنها من صنع Microsoft.

otf : OpenType Font. : لا تعمل على IE .

svg : SVG Font. : تعمل حاليا 02/08/2013 على iPhones وiPads .

woff : Web Open Font Format. : صيغة جديدة تعمل على جميع المتصفحات و IE9.

في لغة css3 نكتب الكود مثلا هكدا للتجربة و التوضيح فقط :

@font-face {
font-family: 'Police';
src: url('Police.eot');
}

ملف Police.eot يجب أن تحفظه في نفس الملف الدي به صفحة css . إدا وضعته في مكان آخر يجب أن تراجع درس الروابط من هنا.

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

الدرس25 : تغيير نوع الخط في لغة css3

 تغيير نوع الخط:

لتغيير الخط في نستعمل النمط font-family، و دلك بالطريقة التالية:

balise
{
font-family: إسم الخط;
}

و لتجنب مشكل عدم توفر حاسوب الزائر على ذلك الخط نكتب العديد من الخطوط هكذا:

balise
{
font-family: الخط4, الخط3, الخط2, الخط1;
}

هكذا المتصفح سيعرض الخط الأول في حالة عدم توفره التاني و هكذا. و في الأخير أكتب كلمة serif أو sans-serif و هي تعني الخط الإفتراضي للمتصفح. أنواع الخطوط لن نستطيع إحصائها لكن سنتكلم الآن عن الأساسية لنعود لها لاحقا، هذه البعض منها:

Arial ;

Arial Black ;

Comic Sans MS ;

Courier New ;

Georgia ;

Impact ;

Times New Roman ;

Trebuchet MS ;

Verdana.

وتظهر على المتصفح هكذا :

فإذا كتبت معي هذا الكود:

p{
font-family: Impact, Verdana , "Arial Black", Arial , sans-serif;
}

هكدا سيظهر لنا على المتصفح خط impact في حالة عدم التوفر verdana و هكذا، وفي الأخير كتبت sans-serif ويعني في حالة عدم توفر أي خط يظهر الخط الإفتراضي للمتصفح و يمكن تبديلها بserif الفرق بينهما يكون في علامات الوصل فقط .

وعند إحتواء إسم الخط على فراغ يجرى كتابته بين "" كما فعلت في "Arial Black" .
و بهدا نكون قد إنتهينا من درس اليوم نلتقي في الدرس القادم ننتظر تعليقاتكم و السلام عليكم.