طريقة اضافة وذكر الاشخاص على قوقل بلس في التدوينه | add others from google Plus on blog

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

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

فمثلآ نريد ان نذكر شخص على قوقل بلس في هذه التدوينه بدون عناء نسخ رابطه او البحث عنه

كل مافي الامر ذكر اسمه في التدوينه مع علامة { + }

مثال على ذالك : +سعودي حريف 

يجب أن تضع اولا علامة { + } ثم كتابة اسم الشخص مباشره

لاتضع مسافه بين ال { + } واسم الشخص

يجب ان تكتب الاسم مباشره بعد العلامة ليظهر لك الشخص

وبهذه الطريقة تتجنب عناء البحث عن الاشخاص ولصق روابطهم 

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

شاركنا برأئيك عن هذه الطريقة واسئلتك لتناقش بها للجميع 

الموقع الضخم thimble mozilla لتعلم CSS و HTML و JavaScript

موقع thimble من mozilla يتيح لك التعلم لغات CSS و HTML و JavaScript بشكل كبير وفعال 

فهو يستطيع ان يجعلك ان تحرر الأكواد وتضيف ماتشاء اليه وهناك خيارات كثيره ومتعدده 

فهو من المحررون الأنسب لهذه اللغات وسهولة تعلمها بسهوله وسرعه 

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

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

وبهذا الموقع thimble تستطيع ان تطبق عليه دروسنا بكل بساطة ودقه

فهو يسهل عليك الحصول على اكواد الالوان وايضا يعلمك اختيار الوسوم المناسبه لك

وهذا الفيديو من موقع thimble الرسمي لشرح كيفية عمل الموقع : 

وفي الختام شاركنا رأئيك عن اداء الموقع ومايقدمه للجميع

لغة البرمجه لاتقتصر على CSS و HTML فقط

لغة المبرمجة لاتقتصر على CSS و HTML فقط فهناك لغات عديده يمكن للمبرمجيون استخدامها لتطوير المواقع 

فلغة البرمجه CSS و HTML هما يشكلون هيكل واسلوب الموقع او المدونه فقط فكلنا نعرف ان لغة البرمجه CSS 

هي لإعطاء الموقع او المدونه شكلاً خلابأ وهي اللغة التي تعتمد عليها قوالب فلات الأنيقه والقوالب التقنيه 

فأي مصمم للمواقع الاحترافيه بجمالها يستخدم الـ CSS بكثره في القالب عند التصميم 

لكن هناك عديده للغه البرمجه مثل CSS3 و HTML3 وهناك مواقع عده تعلم هذه اللغات 

مثل HTML5 & CSS3 Site Design Online Short Course

فهو يقدم دوره قصيرة لتعلم هذه اللغات 

ويمكنك تعلم الكثير من خلاله وايضا لاتنسى بأن هنالك العديد من اللغات البرمجه غير CSS  و HTML 

فهناك لغات برمجه للبرامج والأجهزه وحتى المواقع فالبرمجيات تختلف 

شرح كيفية عمل أكواد الصور في قوالب بلوجر Codes Images

الجميع يعرف أكواد الصور ، وماتفعلة ، لكن هُناك من يحتاجها في تكويد القوالب

ولايعرف مايكتبة لتنفذ المطلوب من أدائها ، وهنا تأتي فائدة محتوى هذا الموضوع من معلومات قوية للصور في القوالب

ماهي أكواد الصور

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

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

لكن أولا يجب أن نشرح عملية كود الصور الأساسي وهي كالتالي

<img src="myimage.jpg" alt="My Image">

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

والان سنوضّح بعض طرق الوظائف لأكواد الصور التي ستخدمنا في تكويد القوالب وهذه قائمة بوظائف أكواد الصور

وظائف أكواد الصور

الوصف	بعض الوظائف
العنوان - عندما تضيف هذه الوظيفة سيظهر عنوان مُنبثق للصوره	Title
الأي دي - الرقم التعريفي للصوره ( يتم أنشائه تلقائياً )	ID
الستايل - اذا كنت تريد اضافة بعض الأكواد التجميلية يمكنك من هذه الوظيفه	Style
عنوان الصورة في القالب HTML	Alt
الذهاب عبر الضغط لرابط الصورة	OnClick
اضافة ترجمة للصوره	Translate
استخدام الخريطة	IsMap
استخدام الخريطة	UseMap
عرض الصورة ( تضيف هذه الوظيفه لكود الستايل )	Width
طول الصوره ( تضيف هذه الوظيفه لكود الستايل )	Height
المسار للصوره ( ضع هنا المسار المُؤدي للصورة كرابط وغيره )	Src

بعض الأمثله لإستعمال وظائف أكواد الصور

<------------------------ الكود الأصلي------------------------>

<img src="myimage.jpg" alt="My Image">

<------------------------ التعديل على مسار وعرض وطول وعنوان الصوره------------------------>

<img
src="myimage.jpg"
alt="My Image"
width="100px"
height="50px">

<------------------------ التعديل على عنوان و ستايل الصوره ومسارها------------------------>

<img
src="myimage.jpg"
alt="My Image"
style="width:190px;height:79px;">

<----------------------------------------------------------------------------------->

وظائف أكواد الصور كثيرة فقط حدد الوظيفة التي تريدها وضعها في مكانها المناسب 

فمثلاً الطول والعرض واللون يأتي كله في الستايل
وويجب أن تعرف بأن وظيفة Src ليست متخصصه بالصور فقط
بل هي تعمل على الجافا سكريبت وغيرها من الأكواد