الأمــور التقـنية (إلى الأخـت شـوق)

[شاكر]

<font size=5 color="#662266">
الأخـت شوق ..
قرأت طلبك في أرسل من هنـا..
سأجعل هذه الصـفحة للأكواد لك ولمن أراد أن يسـتفيد ..
فقـط أمهليـني لأخرجها بشـكل واضح ومبسـط

ومن لديه إضافات فليتفضـل مشـكورا ولكم تحياتي

[شاكر]

<font size=5 color="#662266">

ســلام
سأشـرح بعض المصطلحـات لتسـهيل الآتي .. وبعد الإنتهاء من الشـرح من لديه سؤال فليسـأل .. فكلنا نتعلم من بعضـنا


<p><br>
<font size="5" color="#800000"><u>الإرتباط ... أو اللينك</u></font><font size="6" color="#800000"></font></p> هو عنوان موقع على الشبكة
قد يكون موقع أو قـد يكون عنوان ملف على موقع .. ومثال ذلك
http://www.rashf-alm3any.com/
هذا موقع رشـف المعاني
--
<p><font color="#800000" size="5"><u>الكــود</u></font>: </p> ( هذه الكلمة تتكرر كثيراً في عالم تصميم المواقع)
عبارة عن رموز إحدى اللغات ( مثل الجافا، أو ال HTML ) وتسـتخدم لتنسـيق الصفحة أو لبناء برنامج معين
وفي منتدانا هذا ( رشف المعاني) يسمح لك باستخدام لغة HTML وبعض المنتديات تحظرها .. والشـرح القادم سيعلمـنا كيف نسـتخدم أكواد الHTML لتنســيق الصفحــة...
<p><br>
<font size="6" color="#800000">والفـكرة بســـيطة.. ليس عليك أن تحفظ هذه الأكواد فقــط انسخهــا ولصقـها واســتبدل كلمة " ضع النص هنا" بالنص الخاص بك<br>
</font></p>

حســناً
لنفرض أنك أردت أن تكــتبي الموضوع التالي( هذا مقتبس من آخر مشاركة لك .. ياشوق)

<p align="right">
أكتب اليكِ ...

أكتب اليك ِ..
لأن الشوق يطوقني..
يغريني بعنيك ِ..
يرافقني..
يناديني..
ويجهل أن الدرب اليك ِ ...طويل
وبيننا ألف ليل ٍ
وفضاء من المستحيل..
أكتب اليك ِ..
لأن الشوق جُن بأضلعي..
وثار واحترق بأدمعي..

</p>

سيظهر النص في اليمين بشكل تلقائي

ولكن إذا أردتيه أن يظهر في المنتصف ماعليك سوى إضافة كود التنصيص كمايلي
<p align="center"><textarea rows="10" name="S1" cols="70"><p align="center">
ضـع النص هنـــــا</textarea>

لتظهر لك كمايلي
<p align="center">
أكتب اليكِ ...

أكتب اليك ِ..
لأن الشوق يطوقني..
يغريني بعنيك ِ..
يرافقني..
يناديني..
ويجهل أن الدرب اليك ِ ...طويل
وبيننا ألف ليل ٍ
وفضاء من المستحيل..
أكتب اليك ِ..
لأن الشوق جُن بأضلعي..
وثار واحترق بأدمعي..

***

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


<p align="center"><textarea rows="10" name="S1" cols="70">
<div align="center"> <center> <table border="1" width="400"><tr> <td width="100%"><p align="center">
ضـع النص هنـــــا
</td> </tr> </table> </center></div></textarea>
لتظـهر كمايلي

<div align="center"> <center> <table border="1" width="400"><tr> <td width="100%"><p align="center">

أكتب اليكِ ...

أكتب اليك ِ..
لأن الشوق يطوقني..
يغريني بعنيك ِ..
يرافقني..
يناديني..
ويجهل أن الدرب اليك ِ ...طويل
وبيننا ألف ليل ٍ
وفضاء من المستحيل..
أكتب اليك ِ..
لأن الشوق جُن بأضلعي..
وثار واحترق بأدمعي..
</td> </tr> </table> </center></div>



***


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

<p align="center"><textarea rows="10" name="S1" cols="70">
<div align="center"> <center> <table border="1" width="400" bgcolor="black"><tr> <td width="100%"><p align="center"><font size="4" color="white">
ضـع النص هنـــــا
</font> </td> </tr> </table> </center></div></textarea>
لتظـهر لك كمايلي

<div align="center"> <center> <table border="1" width="400" bgcolor="black"><tr> <td width="100%"><p align="center"><font size="4" color="white">

أكتب اليكِ ...

أكتب اليك ِ..
لأن الشوق يطوقني..
يغريني بعنيك ِ..
يرافقني..
يناديني..
ويجهل أن الدرب اليك ِ ...طويل
وبيننا ألف ليل ٍ
وفضاء من المستحيل..
أكتب اليك ِ..
لأن الشوق جُن بأضلعي..
وثار واحترق بأدمعي..

</font> </td> </tr> </table> </center></div>

***

خطـوة إلى الأمام؟ حســنا .. الآن نجعـل خلفية هذا الجدول صـوره من أي موقع من المواقـع
يعني يجب أن نعرف إرتباط الصورة الصحيح ( اللنك)

وفي هذه الحاله نلاحظ أن موقـع الصورة هو
http://zizooo.ws/gallery/35/009.jpg
وبالمناسبة هذا موقع جيد للصـور والرسم التشكيلي

<p align="center"><textarea rows="10" name="S1" cols="70">
<div align="center"> <center> <table border="1" width="400" background="http://zizooo.ws/gallery/35/009.jpg"><tr> <td width="100%"><p align="center"><font size="4" color="white">
ضـع النص هنـــــا
</font> </td> </tr> </table> </center></div></textarea>

لتظهر لك كمايلي
<div align="center"> <center> <table border="1" width="400" background="http://zizooo.ws/gallery/35/009.jpg"><tr> <td width="100%"><p align="center"><font size="4" color="white">
أكتب اليكِ ...

أكتب اليك ِ..
لأن الشوق يطوقني..
يغريني بعنيك ِ..
يرافقني..
يناديني..
ويجهل أن الدرب اليك ِ ...طويل
وبيننا ألف ليل ٍ
وفضاء من المستحيل..
أكتب اليك ِ..
لأن الشوق جُن بأضلعي..
وثار واحترق بأدمعي..
</font> </td> </tr> </table> </center></div>


-----------------------------

الآن من الأمــور التقــنية الأخـرى.. إضـافة قـطـعة موســيقـية أو أغـنية .. ونســتخدم لذلك عادة إما كود لتشـغيل ملف الريل بـليرREAL PLAYER أو ملف لتشـغيل الويندوز ميديا بليرWINDOWS MEDIA PLAYER
طبعـا وجهة نظري الشخصـية الريل بلير أفضـل لأن حجمه أصغــر بكثير من النوع الآخـر.. وأغلب المواقع مثل كــبـّر وطــرب تستخدم هذا النوع من الملفات..
عمــومــاً نفرض أن لدينا أغـنية على موقع كــبـّروارتباطها هو كما يلي
http://www.kubbar.com/alshaikh-afareq.ram
ونريد تشغليها في الريل بلير نسـتخدم الكود التالي
<p align="center"><textarea rows="10" name="S1" cols="70">
<embed src="ضع ارتباط الصوت هنا" align="baseline" border="0" width="275" height="40" type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel" autostart="true"></textarea>

سيظـهــر لنا الشـكل الآتي

<embed src="http://www.kubbar.com/Music/alshaikh-afareq.ram" align="baseline" border="0" width="275" height="40" type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel" autostart="true">


=========================
=========================
والآن ... هذه كانت من أهم الأكـواد المشـهورة الإســتخدام ..
لمن يرغب في المــزيد؟؟ هناك الكثير من المؤثرات الجميلة وبعضها مبالغ فيه على هذا الرابط
http://www.albadrani.net/nuke/codes.htm


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

ولكم تحــياتي

[جوهرة]

ماشاء الله عليك ياأستاذ شاكر
شرح وافي ومفهوم..

أدامك الله للرشف شاعرا تقنيا:)

[شوق]

<p align="center">
<br />
مشكور أستاذ شاكر.. سلمت لنا شاعرا وتقنيا.. وقلما عزيزا..

[شاكر]

<FONT SIZE=5 COLOR="#662266">
السلام عليكم
شكرا جوهرة وشوق

أواصـل في الدرس الثاني لمن يهمــه الأمر

وعنوان درس اليـوم ( كيف " تنـخـمـس " في الكود بما يلائمك)

أولا وهذا أهم شيء في الدرس:
إن حذف أي رمز أو حرف من الكود أو إضافة أي حرف ( ولو حتى مسـافة) قد يلغي مفعـوله، لذلك عليك توخي الحذر عندما تعدل كودا

الآن سآخذ كود الجدول التالي

<p align="center"><textarea rows="10" name="S1" cols="70">
<div align="center"> <center> <table border="1" width="400" bgcolor="black"><tr> <td width="100%"><p align="center"><font size="4" color="white">
ضـع النص هنـــــا
</font> </td> </tr> </table> </center></div></textarea>
لتظـهر لك كمايلي

<div align="center"> <center> <table border="1" width="400" bgcolor="black"><tr> <td width="100%"><p align="center"><font size="4" color="white">

أكتب اليكِ ...

أكتب اليك ِ..
لأن الشوق يطوقني..
يغريني بعنيك ِ..
يرافقني..
يناديني..
ويجهل أن الدرب اليك ِ ...طويل
وبيننا ألف ليل ٍ
وفضاء من المستحيل..
أكتب اليك ِ..
لأن الشوق جُن بأضلعي..
وثار واحترق بأدمعي..

</font> </td> </tr> </table> </center></div>

إذا تأملنا في الكود نجد بعض الأرقام والكلمات بين علامـات التنصــيص ... وهذه التي يمكننا تعديلها بحسـب رغبتنا كما يلي
مثلا bgcolor="black" j
نلاحظ أن هذا الجزء من الكود يعني ( الباكقراوند) أي الخلفية وبين علامتي التنصيص اللون أســود ..إذن نســتطيع أن نمسح كلمة أسود ( بلاك) ونضع اللون الذي نـريده كمايلي

bgcolor="blue" i ليصبح اللون أزرقـاً .. وهكذا كلما وجدنا لونـا بين علا متي تنصيص نسـتطيع تغييره بمسحه وكتابة اللون الذي نريد

الآن نأتي إلى الألوان واختيارها .. في الحقـيقة أننا نســتطيع كتابة اللون بالكلمة لكن هذه الطريقة تعطينا عدداً محدودا من الألوان الرئيســية لكن من يريـد ألوان محددة بدرجات مختلفة يســتطيع أن يضع بين علامات التنصــيص ســتة أرقام مسـبوقة بعلامة # كما يلي
bgcolor="#652295" i
ماهذا اللون ؟؟ لا أعرف ... جرب وســترى لكن هناك خارطة للألوان لمن أراد أن ينتقي منها رقم لونه المفضل على مواقع عدة على الشبكة وهذا أحدها :
http://www.webtemplates.com/colors/index.html
في هذا الموقع تضغط على لونك المفضل ويعطيك رقمه وماعليك سوى النسخ واللصق

حســنا انتهينا من الألوان ..
ماذا يمكننا أن نعـدّل؟؟
أنظر إلى هذا الجزء من الكود:

table border="1" width="400" i
إنه يقول أن حدود الجدول سمكها 1 بكسل ( وحدة قياس ) ونسـتطيع تغيير ارقم واحد ب 7 مثلا لنرى الفرق
كذلك فإن عرض الجدول 400 بكسل نسـتطيع تغييرها أكثر أو أقل حسـب حاجتنا .. فيما لو كانت صورة الخلفية مثلا أكبر من الجدول ونريدها أن تظهر كاملة .. فإذا كان عرض الصورة 470 بكسل نستطيع وضع عرض الجدول 470 وهكذا ..
ملحوظه: تذكر أن عرض الشـاشة في المنتديات غالبا لا يتجاوز ال 500 بكسل

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

هذا مالدي على عجاله .. بقي لدي بعض الأمـور سأضيفها في أقرب فرصـة
ومن لديه سؤال فلا يتردد

شـكرا :)

[شاكر]

<FONT SIZE=5 COLOR="#662266">
الآن سأشـرح بعض التأثيرات الخاصة باللنك
إذا كان لديك لنك مثلا
http://www.rashf-alm3any.com

وتريد أن تجعله فعالا بمعنى إذا ضغط عليه المستخدم ينتقل مباشـرة إلى الموقع ماعليك إلا إضافة بعض الرموز قبله وبعده ليصبح كمايلي
http://www.rashf-alm3any.com/
طبعا لا تحتاج لإضافة هذه الرموز في الغالب لأن المنتدى يضيفها بشكل تلقائي


الآن ماذا لو أردنا أن نجعل اللنك مختـبئاً تحــت كلمة أو تحت صـورة؟

مثلا نريد أن نكــتب "تفضل إلى الرشف " بحيث انه بالضغط على الكلمة ننتقل إلى موقع الرشف .. كل ماعلينا أن نقوم به هو التالي

<p align="center"><textarea rows="9" name="S1" cols="80">
تفضل إلى الرشف</textarea>
لتصبح كالتالي
تفضل إلى الرشف

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

<p align="center"><textarea rows="9" name="S1" cols="80">
<a href="http://www.rashf-alm3any">
<img border="0" src="http://www.alshakir.com/images/poolrashf.gif"></a></textarea>
فانظر لهذه الصورة واضغط عليها تجدها تنقلك لنادي رشف المعاني

<a href="http://www.rashf-alm3any.com">
<img border="0" src="http://www.alshakir.com/images/poolrashf.gif"></a>


بالنسـبة لكيفية تعديل الكود بما يتلاءم معك راجع الدرس السابق
هذا مالدي وسأحاول الإضافة لاحقا
شكرا

[شاكر]

<FONT SIZE=5 COLOR="#662266">
للرفع

[د//نون]

<font face="Simplified Arabic" font size="4" color="#8800CC">
الأخ الفاضل د.شاكر..
كيفَ يمكن إضافة صورة لرسالة في النادي من سطح مكتب الكمبيوتر أو استخدامها كخلفية..إذ لاحظتُ أنّ الصورة المنقولة من سطح المكتب تختفي من النادي بمجرّد قطع الاتصال مع الإنترنت..

و شكراً

[شاكر]

<FONT SIZE=5 COLOR="#662266">
الدكتورة ن
بالنسبة لإضافة صورة من جهازك ، سواء سطح المكتب او أي موقع على جهازك .. فليس ثمة سوى طريقة واحدة
وهي استخدام خاصية
<hr>إرفاق ملف :
أكبر حجم للملف المرفق هو : 102400 بايت<hr>

كما في الصورة التالية:

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

[شاكر]

<FONT SIZE=5 COLOR="#662266">
الدكتورة ن
إتباعاً لجواب سؤالك بالنسبة لإضافة صور للموضوع
فإني أعرف طريقتين لإضافة الصور، لا أعلم لهما ثالثاً
1- ارتباط صورة .. من موقع على الشبكة
2-اضافة صورة من جهازك

سأشرح مزايا كل منهما :
1- ارتباط صورة من على الشبكة

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp-لكي تضيف صورة من موقع على الشبكة
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp-بغض النظر عن الحجم
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp-تضع الصورة في الموقع المناسب من نصّك ( مثلاً بعد ثالث سطر ثم تكمل النص)
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp- تستطيع إضافة أكثر من صورة في المشاركة الواحدة

الطريقة أن نستخدم رموز المنتدى كالتالي
[*img*] the link here [*/img*]====> يجب حذف النجوم
مثلا نريد إرفاق صورة وهذا إرتباطها http://www.alshakir.com/photo.jpg

يصبح كالتالي:
[*img*]http://www.alshakir.com/photo.jpg[*/img*]

ومن الأخطاء الشائعة بالنسبة لهذه الطريقة أن بعضهم يضع الرابط من جهازه
يعني كهذا C:\desktop\mydocument\photo.jpg
ويقوم بوضعه بين [*img*] ...[*/img*]
وهنا ستظهر له الصورة على جهازه فقط لكن من يفتح النادي من جهاز آخر لا يستطيع الوصول إليها لأنها تطلب منه أخذ الصورة من ديسكه الصلب ..لووول

2-اضافة صورة من جهازك

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp-إرفاق ملف واحد فقط في المشاركة
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp- أكبر حجم مسموح به هو تقريبا 100 كيلو بايت
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp-الصورة ستظهر في آخر النص ( يعني لا تستطيع جعلها في ثنايا النص)
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp- الصورة ستخزّن على سرفر النادي

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

وبهذا فإن المشكلة معك دكتورة ن تكمن والله أعلم في إعدادات جهازك... ربما هو لا يستخدم الكاش ميموري ويريد أن يحدث الصورة في كل مرّة لذلك يطلبها من موقعها ( سرفر النادي) فإن كنت غير متصلة بالانترنت فسيضع مكانها (x).. ولكي تتأكدي أن المشكلة فعلاً من جهازك إسألي شخصاً آخر أن ينظر للمشاركة في طور الأوفلاين هل تظهر المشاركة لديه أم لا

تحياتي :)

[kindy girl]

.
موضوع مفيد جدا
لكن كل مرة أحتاجه ، أبحث عنه :(

هل يمكن تثبيته حتى يستفيد منه الأعضاء الجدد الذين لا يعرفون بوجوده ؟:)

[rana]

السلااااااااااااااااااااااااااااااااااااااااام


ماشاءالله

شرح رائع استاذ

ما كنت شيفاه

الله يعطيك العافيه


كمللنا الدروس :)



ـــــــــــــــــــــــــــــ

رنــــــــــــــا