اكواد الالوان Html للمصممين

أكواد الألوان Html 

قم بإختيار اللون المناسب ثم إنسخ الكود الخاص باللون

قراءة المزيد

تحميل خطوط عربية وانجليزية لمحبى التصاميم روووووووووعة

بسم الله الرحمن الرحيم 

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

لتحميل الخطوط العربية اضغط هنا 

لتحميل الخطوط الانجليزية اضغط هنا 

قراءة المزيد

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

بسم الله الرحمن الرحيم 

تنفرد مدونة "الوان الويب" بتقديم مخطوطات رمضانية فى غاية الروعة تستخدم لعدة استخدامات فى تصاميم رمضان ( المجموعة الاولى )

 كل عام وانتم بخير بمناسبة الشهر الكريم ونسال الله تعالى ان يتقبل منا صيامنا

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

 لتحميل كل المخطوطات اضغط هنا

نسال الله عز وجل ان يكون الموضوع نال اعجابكم وشكرا لمتباعتكم لنا

قراءة المزيد

كيف تصمم شعار او لوجو من الحروف

بسم الله الرحمن الرحيم

كثير منا يحتاج الى تصميم شعار او لوجو خاص له . وفى الغالب ان الشركات الكبرى تعمل على اخذ اول حرفين لها وعمل 

شكل مميز بطريقة احترافية . معنا فى مدونة "الوان الويب" سوف نقوم بشرح طريقة عمل شعار او لوجو عن طريق 

برنامج الفوتوشوب 

سوف نستعرض مثال بسيط لشركات كبرى تستخدم الحروف كالوجو خاص بها يميزها .

اولا بعد التفكير جيد فى الاسم الذى ترغب فيه عليك ان تختار اسم يتماشى مع الاستخدام . اذا كان محل او شركة او منتج غذائى 

سوف استعرض معكم طريقة بسيطة وسهلة لعمل الحروف على شكل لوجو :-

1- قم بفتح برنامج الفوتوشوب واختار المقاسات كما مبين فى الصورة

2- سوف استعرض معكم طريقة لعمل اسم مدونة "الوان الويب" بطريقتى الخاصة بعد اختيار مقاس الصفحة
اختر font لعمل الاسم الخاص بالمدونة يكون بمظهر مختلف وجذاب اسم المدونة Colors Wep سوف تبداء بحرف C
اذا علينا اختيار font يجعل من حرف C شكل جذاب لقد قمت بكتابة الحرف C لتحمل الفونت من هنا 
بعد تحميل الفونت افتح الكنترول بانل سوف تجد كلمة fonts ضع الفونت بداخلها
سوف يظهر حرف C بهذا الشكل قم بتكبير الحرف

ثم اختار اللون المناسب لك من Gradient
ثم من قائمة Bevel and Emboss هذه القائمة تقوم بوضع تأثير على الاشكال من اطرافها
ثم من قائمة Stroke اختار اللون الاسمر حتى تعطيك اللون الموجود على  اطراف حرف C
بهذا نكون قد انتهينا من حرف C وجعلنا شكلة مناسب

ثم ناتى الى حرف W هذا ثانى حرف من كلمة Colors Wep لابد ان يكون له شكل مختلف باسلوب مختلف
حتى يعطى شكل مناسب لابد من اختيار فونت مختلف للحرف حتى يعطى شكل فية ابداع
ولقد قمت بتغير الفونت لحرف W لتحميل الفونت اضغط هنا

بعد كتابة حرف W اختر لون اخر للحرف وقم بعمل Stroke  لتحديدها بالون الاسود

ناتى الى حرف ep حتى ننتهى من كلمة Wep لقد استخدمت الفونت بتاع حرف C وقمت بنسخ الخصائص التى
فعلتها فى حرف C على حرف ep من خلال copy layer style ثم الذها الى اللير الخاص بكلمة ep ثم ضعها
past layer style
 

وبعد ذلك قمت بتحويل حرف ep الى صورة . اضغط كلك يمين ثم اختار Rasterize type  حتى يمكن التحكم فى تغير اللوان لك حرف بسهولة
ويمكن تغير اللوان لكل حرف على حدا ولكن هذه الطريقة سريعة فى الوقت

ناتى الى باقى كلمة Colors وهى olors لقد قمت بتغير الفونت لباقى هذه الكلمة ولكن لابد من تناسق الخطوط مع بعضها 
حتى تظهر الكلمة بشكل لائق

لقد قمت بكتابة olors فى layer اخر وقمت بعمل stroke اوختيار اللون الاسود للكلمة حتى تظهر من الخارج باللون الاسود
ثم قمت بعمل Bevel and Emboss حتى تعطى تأثير بارز بعض الشى للكلمة

ثم قم بتحويل layer الى صورة حتى تسطيع التحكم فى تغير اللوان الكلمة بسهولة من Rasterize type ثم قم بتحديد كل حرف
تريد تغير لونة كما مبين فى الصورة  بعد فتح لير جديد واختيار اللون قم بتلوين الجزء المحدد هذه الطريقة لتسريع عملية تغير
الالوان 

لابد من تناسق كل فونت مع الاخر حتى يصبح العمل لائق ولابد من تناسق الالوان مع بعضها ختى يظهر فى الشكل
النهائى باسلوب مميز وجذاب

 ولكل منا ذوقة المختلف عن الاخر ولكن لابد من تناسق الالوان وحجم الكتابة حتى تبهر الناظر لها

نسال الله ان نكون قد افدناكم بهذا الدرس

قراءة المزيد

كود فانوس رمضان اضافة جديدة للمواقع والمدونات

بسم الله الرحمن الرحيم

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

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

1. إذهب إلى لوحة التحكم بالمدونة.
2. إختر تخطيط
3. إختر أضف أداة
4. إختر من الأدوات Html/javascript
5. إنسخ الكود الخاص بالفانوس المناسب فى الأداة ثم حفظ

<div style="float:top left; position:absolute; overflow:visible; left:130px; top:0px; height:116px; width:116px;">
<a href="http://web-colors.blogspot.com/" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjdHTIk0MVsoMQcwrlfuq_e7EYfgPvh-m-0KnDMRo9eJr8AV3CNz4D5wf2l4J06Wd-TmcTMG_81P3fDEp12ricUHQiRzlaAruExEYOyErlscuXFanLiu6nWGxMpbn6fYzbTNhh8azL2tA/s1600/fan-3.png" width="50,height="100" alt="رمضان كريم" title="احصل على هذه الإضافة" border="0"/>
</a></div>

مع تغيير القيم المكتوبة باللون الأحمر بالكود إلى الطول والعرض المناسبين لهيدر المدونة.

<div style="float:top left; position:absolute; overflow:visible; left:130px; top:0px; height:116px; width:116px;">
<a href="http://web-colors.blogspot.com/" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3EEGvB2X39FzXYO46hvnkJR5Jo-BiLCuC7-1aJrTMpDheyx7l6rAgUt2B99hGaD81uMh6ehK777pK6HJ4d8i_9Aqnzuk_ZMeGbrFamuxK0C_DVLowu0Go9PJ-F1sZa6picqomxpXab6g/s1600/fan-1.png"width="100,height="150" alt="رمضان كريم" title="احصل على هذه الإضافة" border="0"/>
</a></div>

مع تغيير القيم المكتوبة باللون الأحمر بالكود إلى الطول والعرض المناسبين لهيدر المدونة

<div style="float:top left; position:absolute; overflow:visible; left:130px; top:0px; height:116px; width:116px;">
<a href="http://web-colors.blogspot.com/" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiD8iN9J0YU-_laDU9fCr4RHxMNWgHIGwon_1QYxJZCkY4pSuabN-tpUO0Yqau_Ab0RH67-JEwc668TUgAEYMkZ0wfdhH6SUq21xjdKDIziB5IJzgxqBMAvslf5Df931_4y38cGnieMwM/s1600/fan-2.png" width="50,height="100" alt="رمضان كريم" title="احصل على هذه الإضافة" border="0"/>
</a></div>

مع تغيير القيم المكتوبة باللون الأحمر بالكود إلى الطول والعرض المناسبين لهيدر المدونة.

الرجاء عدم نسخ الموضوع بدون ذكر مصدره ورابط المدونة

قراءة المزيد

ما هو الهاشتاج في الفيسبوك و كيف يستخدم

بسم الله الرحمن الرحيم 

للفيس بوك خدع وخافيا يجهلها كثير منا معنا فى مدونة "الوان الويب" سوف نقوم بشرح تفصيلى لكل خفايا وخدع الفيس بوك .

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

الهاش تاغ هو عبارة عن كلمة مسبوقة بالرمز # ، وهو يستخدم لتصنيف منشوراتك على الفيسبوك ، فإذا أردت نشر تحديث يتعلق بمدونة الوان الويب مثلاً ، تكتب ضمن التحديث #الوان الويب

 هذة العلامة تتيح لك معرفة كل شئ يتعلق بهذا الاسم على الفيس بوك 

طريقة بسيطة للتعارف و التواصل بين الأشخاص اللذين يملكون اهتمامات مشتركة 

وتقوم بتسهيل امور كثيرة فى معرفة اسماء لاشخاص او اماكن .... الخ

 

 

قراءة المزيد

كيف تحذف بروفايل فيسبوك مزور ينتحل هويتك

بسم الله الرحمن الرحيم 

للفيس بوك خدع وخافيا يجهلها كثير منا معنا فى مدونة "الوان الويب" سوف نقوم بشرح تفصيلى لكل خفايا وخدع الفيس بوك .

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

                              سوف نقوم بشرح تفصيلى لحذف الاكونت المزور الذى ينتحل شخصيتك 

   1- اذهب الى صفحة الشخص الذى ينتحل شخصيتك على الفيس بوك  سوف تجد سهم اضغط عليه 

ثم اختار  Report/Block

2- ثم بعد تختار Block لاسم الشخص منتحل الشخصية 

3- ثم تختار كما فى الصورة ان هذا الشخص منتحل لشخصيتك . اضغط على pretending to be me

ثم اضغط continue

4- ثم تظهر هذه النافذة اضغط على I confirm that this report is correct ثم اضغط على Confirm

5- ثم سوف تذهب لهذا الرابط  http://go.th3pf.com/datafbc

6- قم بتفعيل البيانات كما موضح بالصورة 

7- قم باخذ رابط الشخص منتحل شخصيتك وضعة فى المكان المشار اليه فى الصورة .

 ناتى الى اهم خطوة وهى ان تقوم باخد بطاقتك الشخصية وضعها على الاسكانر وضعها كا صورة ثم قم برفعها على 

على Upload الموجودة فى الصورة ومن خلال هذه الخطوة تتاكد ادارة الفيس بوك انك المالك الحقيقى لهذه الصفحة وان 

الشخص الاخر هو منتحل شخصيتك

وبهذه الطريقة تقضى تمام على بروفايل هذا الشخص منتحل شخصيتك 

         

ملحوظة

      يحذف البروفايل بعد عمل هذه العملية خلال 48 ساعة من عملها

قراءة المزيد

كيف تحمي صورة البروفايل على الفيسبوك من السرقة

بسم الله الرحمن الرحيم 

للفيس بوك خدع وخافيا يجهلها كثير منا معنا فى مدونة "الوان الويب" سوف نقوم بشرح تفصيلى لكل خفايا وخدع الفيس بوك .

1. كيف تحمي صورة البروفايل على الفيسبوك من السرقة

   هذا الموضوع مزعج لكثير منا وخاصة البنات فهم يخشون من عرض صورة لهم على الفيس بوك خوفا

    بان يقوم احد باخذ الصورة وفعل امور غير مستحبة بها .

   الخطوة الاولى :

   بعد تسجيل دخولك على الفيسبوك ، انقر على إسمك في اليسار المقابل للصورة .

   الخطوة الثانية :

   اضغط على الصورة التى ترغب بعدم اظهارها لاحد سوف تجد على الجانب الايمن اسفل اسمك سهم اضغط عليه ثم اضغط على كلمة "Only My" بهذه الطريقة قمت باخفاء صورتك وحمايتها من السرقة 

    

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

قراءة المزيد

تعليم لغة اكواد Html وفائدتها الدرس الأول

بسم الله الرحمن الرحيم

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

بداية تعلم تصميم المواقع لابد وأن تبدأ بتعلم لغة HTML وتعلم كيفية إستخدامها لأنها هى لغة الويب الأساسية وقد ذكرت بعض التلميحات عن كيفية تعلم تصميم المواقع على الإنترنت يمكن الإطلاع عليها من هــناااااااا 
ولكن دعنا نتعرف أكثر عن لغة Html

ما هى اكواد Html؟

Html هى اختصار لـ HyperText Mark-up Language  وترجمتها لغة توصيف النص التشعبي وقام بإختراع هذه اللغة تيم بيرنرز لي .عام 1990

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

ما فائدة لغة Html؟

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

كيف تنشئ صفحة ويب بإستخدام أكواد Html
1. ممكن انشاء صفحة ويب عن طريق فتح Notepad الموجود على جهازك فى الويندوز ثم إنسخ به كود Html وليكن هذا الكود

<p>تعلم تصميم المواقع من البداية الى الاحتراف</p>

<p>فى<a href="http://web-colors.blogspot.com/"> ألوان الويب</a></p>

ثم قم بحفظ الملف بأى إسم ولكن أضف إمتداد صفحة الويب وليكن بهذا الشكل file.htm
سنجدتحول ايقونة الملف الى ايقونة المتصفح الذى يعمل على جهازك وبفتح الملف سيفتح كصفحة انترنت بها بعض المعلومات.
لاحظ كيفية كتابة الكود وكيفية ظهور المعلومة.

2. من الافضل إستخدام++ notpad كما وضحت سابقا فى هذا الموضوع  لسهولة إستخدامه وتميز الأكواد بالألوان فهو يدعم العديد من لغات البرمجة ولحفظ صفحة الويب بلغة Html إحفظ الملف من قائمة File بأى إسم ثم إختر الإمتداد من القائمة save as type
" Hyper text mark up"

ويمكن تجربة صفحة الويب مباشرة على مختلف المتصفحات من خلال برنامج++ notepad 

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

3. يمكن للمبتدئين الإستعانة بمحرر الأكواد أون لاين ومحاولة صنع صفحة ويب بإستخدام أشرطة الأدوات الموجودة بالتطبيق فى كتابة النصوص وإضة الروابط والصور ثم الحصول على شفرة كود Html من خلال الضغط على source فى شريط الأدوات.

 كيف أتعرف على أكواد Html لأى صفحة ويب؟
لاتوجد صفحة ويب تخلو من أكواد Html لذلك ممكن معرفة أى أكواد صفحة ويب من خلال المتصفح
بإستخدام متصفح فايرفوكس Firefox  أو متصفح جوجل كروم google chrome
بمجرد عمل كليك يمين على الصفحة ثم View page source تظهر الأكواد التى تحتوى عليها هذه الصفحة.

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

قراءة المزيد