:. الدرس الثالـــــــث .:

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

مساكم / صبحكم الله بالخيرات و المسرات


..


اليوم عندنا درس مبسط جدا .. عن ( اللنكات ) الروابط في الفوتوشوب ..
يعني : روابط مواقع .

عندما نتوسع بالدرس نطول مره .. علشان كذا بسطته لكي لا تفوت الدوره و لا ناخذ شي عن الروابط ..

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

,,

::. بسم الله نبداء .::


نقوم بفتح عمل جديد .. و نضيف لون , تدريج اللي تبيه / تبينه ..

انا اضفت تدريج ..

http://www.shmmr.net/vb/images/image_host/image/ic1.jpg


نطبق

http://www.shmmr.net/vb/images/image_host/image/ic2.jpg




و من ثم لير جديد .. و نرسم مستطيل ..

http://www.shmmr.net/vb/images/image_host/image/ic3.jpg

بعد كذا نعمل للتحديد Smooth

http://www.shmmr.net/vb/images/image_host/image/ic4.jpg

http://www.shmmr.net/vb/images/image_host/image/ic5.jpg

بعد كذا نلونه

http://www.shmmr.net/vb/images/image_host/image/ic6.jpg

بعد كذا ننسخ اللير

http://www.shmmr.net/vb/images/image_host/image/ic7.jpg

بعد كذا نحدد اللير الاول ..

http://www.shmmr.net/vb/images/image_host/image/ic8.jpg

و نطبق عليه فلتر

http://www.shmmr.net/vb/images/image_host/image/ic9.jpg

http://www.shmmr.net/vb/images/image...image/ic10.jpg

اللحين طبقنا الفلتر على ( المستطيل 1 ) ..

نقوم الان بنسخ ( المستطيل 2 ) .. ثم نسمي المنسوخ ( المستطيل 3 ) ..

و نطبق على ( المستطيل 2 ) نفس الفلتر مع تغير درجه الفلتر الى 4

http://www.shmmr.net/vb/images/image...image/ic11.jpg

ثم نحرك ( المستطيل 3 ) فوق شوي ..

http://www.shmmr.net/vb/images/image...image/ic12.jpg

و نطبق عليه

http://www.shmmr.net/vb/images/image...image/ic13.jpg

يصبح


http://www.shmmr.net/vb/images/image...image/ic14.jpg


ثم نختار التحديد التالي .. < لنعمل فواصل ..

http://www.shmmr.net/vb/images/image...image/ic15.jpg

ضغطه كلك يسار ( ضغطه عاديه على التصميم ) .. يصبح ..

http://www.shmmr.net/vb/images/image...image/ic16.jpg

ثم كلك يمين ..

http://www.shmmr.net/vb/images/image...image/ic17.jpg


http://www.shmmr.net/vb/images/image...image/ic18.jpg

يطلع لنا خط مستقيم .. نقوم بقصه حتى يتناسق مع البنر .. و ننسخه .. مثل :

http://www.shmmr.net/vb/images/image...image/ic19.jpg


ثم نطبق على كل نسخه

http://www.shmmr.net/vb/images/image...image/ic20.jpg

ثم نخفف Fill لكل نسخه الى صفر..

http://www.shmmr.net/vb/images/image...image/ic21.jpg

مثلا : انا كتبت مضيف التصاميم ..

http://www.shmmr.net/vb/images/image...image/ic22.jpg


ثم نحدد اداة التقطيع من صندوق الادوات ..

http://www.shmmr.net/vb/images/image...image/ic23.jpg




و نحدد بلاداة على شكل مستطيل < يعني على شكل ايقونه ..

http://www.shmmr.net/vb/images/image...image/ic24.jpg

ليصبح

http://www.shmmr.net/vb/images/image...image/ic25.jpg

و من ثم كلك يمين .. و نختار ..

http://www.shmmr.net/vb/images/image...image/ic26.jpg

نضيف رابط الموقع

http://www.shmmr.net/vb/images/image...image/ic27.jpg

.. نقوم بتكرار العمليه .. من توزيع الايقونات ..

و بعد كذا نقوم بإنتاج العمل ..

http://www.shmmr.net/vb/images/image...image/ic28.jpg

بعدها نروح الى مكان ماحفظناه .. نجد

http://www.shmmr.net/vb/images/image...image/ic29.jpg


,,

هذا الدرس ليس لإحتكار الفكره و لكن للمعلوميه ..


,,

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

يعطيك العافيه ماقصرررررت ...
قريته في سرعه
البنر مثل اللي باول صفحه لمضايف مكتوب سجن القوافي



وخل لفيديو حولك :7ayyoh:
.
.
بنيتكم
عطر

^

هلا و غلا

اقتباس:

---

البنر مثل اللي باول صفحه لمضايف مكتوب سجن القوافي

---

تقريبا .. مع ان اسمه ايضا بنر ..

معنى كلمة ( banner ) البنر ..

الراية او العلامة .

يعني /

اي شيء يدل على شيء يسمى بنر .. << الا يا فاهمهـ :)

مثلا /

بنر ( سجن القوافي ) دلنا على موضوع اخونا الطربهـ ( ابو غيث ) .. < يسمى بنر

و مثلا /

مستطيل و فيه ايقونات يدل على موقع او صفحه < يسمى بنر


,,

يا ليت وفقت في الاجابهـ

طلال مُبدع كالعاده .


:: تطبيقي ::


http://up5.m5zn.com/photos/00352/4y5e6i7wnona.jpg

.:: مجرد ::.

الابداع ان كان له عاده فأنت عادتهـ ..


الف شكر على التطبيق الذي يعتبر درسا لي ..


.. مشكور مجرد ..


,,

http://www.up-00.com/azfiles/ZvO18447.gif




سلمت.. :thumb:

درس شيق ..
وتطبيقاته ممتعة
يعطيك الغافية استاذنااا
ولي عودة.

تسلم طلال

درس جميل جدا وشرح وافي


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

:. روح حايل .:

هلا و غلا


مشكور على التطبيق و يا جدي هالنشاط ..


,,

لا خلا و لا عدم

:. شام .:

هلا و غلا

مشكوره على المرور المشرف إداريتنا الغاليهـ


:: و ربي يعافيكـ ::


,,

:. أمــ طلال .:

هلا و غلا

.. نورتينا ..

:.. الله يعافيك اداريتنا الغاليهـ ..:


,,

لا خلا و لا عدم

,,

و لا فقدنا هالطلـــهـ

التطبيق بالمرفقات يا استاذ طلال..



اخووك

[align=center]http://up3.m5zn.com/get-10-2008-ilm11nt5mfa.gif[/align]

[align=center]
عند تحميل الصفحة بالرابط
ظهر لي الرسالة التالية

امتداد مخالف لا يمكن تحميله
html : 1

[/align]

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

وش الحل في نظرك؟
دمت بخير

:. هايس .:


الله يبيض وجهك يالطربه على التطبيق ..

الف شكر على التواصل و روحك الاحلى ..



,,

لا عدمناك

:. المتألقهـ دائما شــــــــــــام .:

هلا و غلا

ربي يعطيك الف عافيه على التطبيق .. مشكوره على هذا التواجد و الحظور المنفرد بإبداعاته ..

..

بالنسبه للرفع بصيغة html لا يمكن لمراكز التحميل ان تقوم بذلك ؟!

يلزمك سيرفر استضافة ..

يعني يكون لكي يوزر من الموقع اللي فاتح لك web hosting

و مواقع الاستضافة كثيره و طبعا كلها ماديه ..

و الغير ماديه سيئه جدا .. و غير مضمونه صفحتك .. بأي وقت تلاقيها محذوفه ..



الخلاصـه /

لا بد من وجود سيرفر من اي سيرفرات web hosting

و طريقة رفع صفحتك .. سهله جدا ..

لكن يبيلها وقت ..

و اذا ملزمه اشرحها بالتفصيل ..


,,

احترامي

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

:. ابو فارس .:

هلا و غلا

وش هالطلهـ الحلوه علينا .. يا علّـهـ ما تنقطع ..

,,

بالنسبهـ للمشكلهـ ..

ما دري وش اقولك لأني و الله مافهمت ..!

لكن .. اللي ابي افهمهـ ..؟!

وشلون صممت الهيدر .. يعني عن طريق الفوتوشوب او الفرونت بيج ..

و اللي ينعكس الصوره او الايقونات .. او كلهن ..!


:: طيب ::

جربت على موقع استضافه انجليزي .. !





,,

.. لا عدمنا هالطــلـــهـ ..

:. شــــام .:

.. قوافل شكر و امتنان على التفااااااعل ..


انتي موسوعهـ للعطــــاء .. فعلا ( شام العطاء ) ..


,,

لا خلا و لا عدم

[align=center]
السلام عليكم

لو سمحت عندي سؤال استاذي

.. نقوم بتكرار العمليه .. من توزيع الايقونات ..

هذي سويتها بس يعني اسويها على كل المنسوخات والا بس على واحد منهم


و بعد كذا نقوم بإنتاج العمل .. هذا من وين نطلعه ماعرفت

http://www.shmmr.net/vb/images/image...image/ic28.jpg

وربي يعطيك العافيه على دروسك

تقبل احترامي,,
[/align]

مها ^^

سويها على كل المنسوخات


اما طريقه اللي ماتدرين وين
هذي طريقه الحفظ

يعنني من ملف >>>> بعدين >>>> حفظ في الويب

يطلع لك نافذه جديده

http://up107.arabsh.com/s/lzbhm8px3m.gif


بعد كذا راح يطلع لك هاللي ماتدرين وينه

وان شاء الله تكونين فهمتي



طلال

معليش على التدخل بس من باب المساعدهـ

وهذا تطبيقي



http://up107.arabsh.com/s/ad9t9cqpao.gif



ان شاء الله يكون صوووحـ


طلال

سلمت يارب

:. مرافــئ .:

اقتباس:

---

طلال

معليش على التدخل بس من باب المساعدهـ

---

الف شكر على هالروووح ..

بالعكس انا اللي أعتذر منك ..

:: اكرر شكري لك مرافــئ ::

,,

التطبيق /

دائما مبدعهـ مرافئ .. الف شكر على التطبيق ..

,,

احترامي

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

جربت على موقع استضافه انجليزي .. !
انا عندي موقع لي واعمل عليه
وكذلك رفعتها على السيرفر على جهازي نفس المشكلة
شكرا لك
ودمت بخير

:. ابو فارس .:

غـــريبـه ..! لانه ما مرت علي ..!

لكن عندي لك حل احتمااال يضبط ..

اذا خلصت من الهيدر تمام .. و حفظته على شكل صوره ..

افتحه في الفوتوشوب .. و عطه خيار ..

Free Transform > Flip Horizontal

بكذا تنعكس معك صوره الهيدر من اليمين الى اليسار ..

و احفظه و ارفعه ..

بحيث اذا رفعته تنعكس .. وتضبط ..

,,

متابعك

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

شكرا لك
دمت بخير

^

العفو ابو فارس



,,

*
*

الفاضل

طلال


درس رائع وسهل

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


وهذا وتم تجربةالرابط بنجاح


http://up107.arabsh.com/s/i7eundojt7.jpg


كل الشكر لجهودك الرائعة


احترااماتى


*
*

:. لوليتا .:

هلا و غلا بمشرفتنا الفاضله


الف شكر على التطبيق ..

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

,,

لا خلا و لا عدم

تسلم يمناك يامبدع

الله يستر عليك


لك مودتي

:. مــقـــبــل .:

هلا و غلا


الله على هالطلهـ .. الله يعافيك يالغالي ..



,,

لا عدمنا هالطلهـ

يعافيك ربي مرافئ الحنين

وآآآآآآآآآآآآآآآآسفه على التأخير بس والله من الاتصال

وهذا تطبيقي

http://up5.m5zn.com/photos/00358/nlk9eycc8gty.jpg

وبـعـــــــــــــــــــــد

http://up5.m5zn.com/photos/00358/997g4t8r02yb.jpg

يارب يكون صح

:. مها .:

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


,,

لا خلا و لا عدم