×

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

السلام عليكم ورحمت الله وبركاته .. اليوم نكمل دورتنا في تعلم الاستايلات .. الدرس الاول وكان حول تقطيع الاستايل وتوزيعه في ال فرونت بيج رابط
Like Tree2معجبون
  • 2 أضيفت بواسطة كواليتي

قديمة 26 - 02 - 2008, 01:13
المشاركة 1



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

اليوم نكمل دورتنا في تعلم الاستايلات ..
الدرس الاول وكان حول تقطيع الاستايل وتوزيعه في ال فرونت بيج
رابط : http://traidnt.net/vb/showthread.php?t=731707

درسنا اليوم : تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

طبعا بعد ما قطعنا الاستايل يجب علينا نقل الملفات [Traidnt] الى المجلد الرئيسي
بحيث تصبح هكذا www.xxxx.com/vb/Traidnt

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

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

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

الحين اكتب الروابط الي تبغاها فرضا .. انا كتبت في الاستايل *الرئيسية - لوحة التحكم - البحث - رسلنا

انت اكتب الي تبغى

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

أضف الروابط فمثلا : الرئيسية index.php

وهذي الروابط
الرئيسيه للموقع (/)فقط

الرئيسيه للمنتدى (index.php)

لوحة التحكم (usercp.php)

تعليمات الاستخدام (faq.php)

قائمة الاعضاء (memberlist.php)

التقويم (calendar.php)

جيد المواضيع (search.php?$session%5bsessionurl%5ddo=getnew)

البحث المتقدم (search.php)

المتواجدين الان (online.php)

راسلنا (sendmessage.php)

طريقة الاضافة :

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

بتفتحلك نافذة إدراج الروابط

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

حط رابط الصفحة .. كما ذكرنا لكم
اضف تلميح الى الرابط لمدلول افضل

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

بتفتحلك نافذة تعيين التلميح

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

الحين اضف فيها التلميح وبإمكانك وضع بعض من الزخارف عليها

وهذه قائمة بسيطه ببعض الزخارف

°ˆ~*¤®§][§ ترايدنت §][§®¤*~ˆ°
©ˆ~*¤®§][©][ ترايدنت ][©][§®¤*~ˆ©

ˆ~¤®§][©][ ترايدنت ][©][§®¤~ˆ
~*ô¶§¶ô*~£ ترايدنت ~*ô¶§¶ô*~

¶§¤*~°~*¤§¶ ترايدنت¶§¤*~°~*¤§¶
™¨¨¨°~°¤¤¦¤¤ ترايدنت ¤¤¦¤¤°~°¨¨¨™

ˆ~*¤© ترايدنت ©¤*~ˆ
:+: ترايدنت :+:

°¨¨¨¤¦¤™¨¨¨°~*§ ترايدنت §*~°¨¨¨™¤¦¤ ¨¨¨¨°
°ˆ~*¤® ترايدنت ®¤*~ˆ°

!·ˆ~'¤*§®§][ ترايدنت ][§®§*¤'~ˆ·!
°¨¨™¤¦¤™*®§ ترايدنت §®*™¤¦¤™¨¨¨°

][£¤£'·.¸¸.· ترايدنت ·.¸¸.·'£¤£][
°ˆ~*¤® ترايدنت ®¤*~ˆ°

¶§¤*~°~*¤§¶ ترايدنت ¶§¤*~°~*¤§¶
~*§*®§*§ترايدنت §*§®*§*~

©°ˆ~*¤®§][©][ ترايدنت ][©][§®¤*~ˆ°©
©°ˆ~*¤®§ ترايدنت §®¤*~ˆ°©

!¨¨™¨َˆ~*·:..ترايدنت ..·:*~ˆ¨™¨¨!
][§][§¤*~ˆ ترايدنت ˆ~*¤§][§][

][§¤ْˆْ¤§][ ترايدنت ][§¤ْˆْ¤§][
°~*¤®§(®)(§¶£ ترايدنت £¶§)(®)§®¤*~°

™¨¨°©¤ô§©§ ترايدنت §©§ô¤©°¨¨™
~*©®§§ ترايدنت §§®©*~

®~©~®][§][ ترايدنت [§][®~©~®
©°¨¨¨™¤¦¤™« ترايدنت»™¤¦¤™¨¨¨°©

!~¤ô¤ ترايدنت ¤ô¤~!
°ˆ~*¤®§ ترايدنت §®¤*~ˆ°

!°ˆ~*¤§*§ترايدنت §*§¤*~ˆ°!
«ْ'.¸¸.'-][«»][ ترايدنت ][«»][-'.¸¸.'ْ»

°~ô§©( ترايدنت )©§ô~°
!™~¤©§*& ترايدنت &*§©¤~™!

°~*¤®§» ترايدنت «§®¤*~°
•??•...© ترايدنت ©?...•??•

®¤ô§ô¤¨¨¨° ترايدنت °¨¨¨¤ ô§ô¤®
][_.-*~]ترايدنت [~*-._][

°ˆ~ô§ô§§ ترايدنت §§ô§ô~ˆ°
*®©@§§§ ترايدنت §§§@©®*

™~¤§¤»¼ ترايدنت ¼«¤§¤~™
™°ˆ~*¤®§*» ترايدنت «*§®¤*~ˆ°™

·®¤§¤][×][° ترايدنت °][×][¤§¤®·
!¤©®™¨¨°@* ترايدنت *@°¨¨™®©¤!

™¨¨¨¤ô§ ترايدنت §ô¤¨¨¨™
«®°·.¸¸.·°™( ترايدنت )™°·.¸¸.·°®»

©¨°ˆ~*¤®§]©[ ترايدنت ]©[§®¤*~ˆ°¨©
™¨¨°®ô§®§© ترايدنت ©§®§ô®°¨¨™

™©¤ô¤¦¤][* ترايدنت*][¤¦¤ô¤©™
™©¤ô¤¦¤][ ترايدنت ][¤¦¤ô¤©™

¶¤™`·¸.ترايدنت .¸·`™¤¶
!°°®¤§§¤®§§~§ ترايدنت§®ـ~§§®¤§§¤®°°!

*¤][§][¤ ترايدنت ¤][§][¤*
™®~©}-{ ترايدنت }-{®~©™

][£§§£** ترايدنت**£§§£][
™¶§¤*™§™*¤§¶ ترايدنت ¶§¤*™§™*¤§¶™

™°ˆ*¤®¤¤ ترايدنت ¤¤®¤*ˆ°™
™¨¨¨°•.•`¤¦¤( ترايدنت )¤¦¤`•.•¨¨¨°™

™°¨¨¨¤©ô¤¼ˆ« ترايدنت »ˆ¼¤ô©¤¨¨¨°™
[§][§®¤*~ˆ° ترايدنت °ˆ~*¤®§][§[

*¤CA-£§§}I{ ترايدنت }I{§§£-DY¤*
«®°•.¸.·°°•.¸ ترايدنت ،،،¸.•°°•.¸.·°®»

™¨°¤ô§ô®(*§ ترايدنت §*)ô§ô¤°¨™
™§¤®¤§ ترايدنت §¤®¤§™

©؛°¨¨°؛©.، 7ترايدنت ،.©؛°¨¨°؛©
©ˆ°~*¤ô§¦§ô¤*¶ ترايدنت ¶*¤ô§¦§ô¤*~°ˆ®

.-*^¨¨¨™¤¦¤™ ترايدنت ™¤¦¤™¨¨¨^*-.
™«®°·.•°°·.¸.• ترايدنت ¸.•°°·.•°®»™

™¨¨¨°¤£â½§ ترايدنت §½â£¤°¨¨¨™
™·._.¤¦¤§¶ ترايدنت ¶§¤¦¤._.·™

الحين كمل باقي الروابط بنفس الطريقة

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

ننتقل بعد ذالك الى "دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني لتعديل الروابط

هذي هي تعليمات البرمجية

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

يجب ان تكون جمـــــيع الصور بعد Traitdnt وانتبه الى حال الاحرف الكبيرة
اي يصبح رابط الصور هذا www.xxxx.com/vb/Traidnt/traidnt_01.gif وهكذا حال بقيت الصور
الان نقطة يبغالها تركيز شـــــوي



حدد على traidnt في اسم اي صورهـ الان نحن نريد ان نعدل الصور لتكون بهذه الطريقة www.xxxx.com/vb/Traidnt/traidnt_01.gif وكما تعلمون جميع الصور اسميناها ب traidnt لتتسلسل اسماءها بترتيب الارقام
انت تقوم الان بإستبدال traidnt الى Traidnt/traidnt لتصبح جميع الصور بهذه الطريقة لان جميع الصور تم وضعها في مسار Traidnt وهذه طريقة الاستبدال

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

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

الحين كلك يمين على الكلمة تظهر لك القائمة اختر منها استبدال

تفتح لك نافذة الاستبدال

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

ستبدال traidnt الى Traidnt/traidnt

ثم إضغط على استبدال الكل .. ستظهر لك نافذة تخبرك بعدد الروابط التي تم استبادلها ..
اضغط موافق

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

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

وذالك بالضغط على التحكم بالاستايلات - تابع الصوره -
"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

إضغط على إضافة استايل جديد بالاسفل بين القوسين

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

الحين هذي صفحة الاضافة
لا تعدل الا في العنوان فقط

واكتب اسم الاستايل ..
"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

حفظ

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

ينتقل الان الي قوالب الاستايل المضاف ..
والقوالب الي تهمنا header و footer .. الهايدر وهو الموجود بأعلى المنتدى اما الفوتر وهو بأسفل المنتدى

إضغط الحين على header زي ماهو موضح في الصور

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

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

تروح للتصميم في الفرونت بيح
ولكي تفرق بين الهيدر والفوتر .. حط اي رمز اي عبارة بينهما ((مع الوقت ستعرف كيف الهيدر والفوتر)) دون هذه الطريقة

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

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

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني
الي بلون الاخضر .. الهيدر
الي بلون الاحمر .. فوتر

ضلل الي باللون الاحضر .. عشان ننسخها في القالب

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

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

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

احفظها

وانتقل الى الفوتر

تلقاها فوقها في قوالب التعليمات

footer

إفتحه

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

وإنسخ الفوتر من التصميم في الفرونت بيج

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

ولصقها في آخر الفوتر

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

لتصبح

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

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

النتيجة

الهيدر

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

الفوتر

"دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

... وبهذا ينتهي الدرس الثاني ...
اي سؤال في هذا الدرس
اقتباس
تفضل بطرح سؤالك دون تردد فما اوجدنا هنا في هذا المنتدى الا ان نكون عونا لكم اخواني
نسيم الشوق و ابو سـ ع ــد معجبون بهذا .
المشاهدات 3079 | التعليقات 8
قديمة 26 - 02 - 2008, 11:53
المشاركة 2
الملكـ الحزينـ
:: عضو نشيط ::
تاريخ الإنضمام: 12 - 06 - 2007
رقم العضوية : 37480
الدولة : none
المشاركات: 945
افتراضي
جزاك الله خير يا غلاهم

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


اللي هي الصورة الاخيره



http://up.oio7.com/uploads/images/0c191db529.jpg

الحدود اللي بالرصاص على الجوانب ..

تقدر تحجبها من اول خيار في الـ Css .. و تجعل كل القيم صفر ..

ربي يوفقك خيي
قديمة 26 - 02 - 2008, 13:41
المشاركة 3
غسان العولقي
:: عضو نشيط ::
تاريخ الإنضمام: 27 - 01 - 2006
رقم العضوية : 17524
الدولة : i ♥ Yemen
المشاركات: 879
1
افتراضي
بارك الله فيك اخوي

مجهود طيب تستاهل الشكر عليه

وفقك الله
قديمة 26 - 02 - 2008, 15:21
المشاركة 4
صورة 'نسيم الشوق' الرمزية
نسيم الشوق
.:: عضو متألق ::.
تاريخ الإنضمام: 08 - 02 - 2006
رقم العضوية : 18734
العمر: 39
المشاركات: 6,840
افتراضي
بارك الله فيك اخوي على الدرس الرائع

والله مجهود رائع ومتعوب عليه

الله يوفقك اخوي ويحفظك

وتم التقييم +
قديمة 26 - 02 - 2008, 16:37
المشاركة 5
example4r.com
:: عضـــو::
تاريخ الإنضمام: 10 - 05 - 2007
رقم العضوية : 36871
الدولة : بامريكا
المشاركات: 118
افتراضي
شكرا على الشرح المميز وجزاك الله خير


الله يوفقك
قديمة 26 - 02 - 2008, 17:14
المشاركة 6
صورة 'ابو سـ ع ــد' الرمزية
ابو سـ ع ــد
:: عضو نشيط ::
تاريخ الإنضمام: 20 - 04 - 2007
رقم العضوية : 34128
الدولة : .. ترايدنت ..
العمر: 49
المشاركات: 2,966
2
افتراضي
جزاك الله كل الخير

عمل ومجهود اكثر من رائع

تستحق التقييم
قديمة 26 - 02 - 2008, 17:20
المشاركة 7
صورة 'عاشق الاقصى' الرمزية
عاشق الاقصى
:: عضو نشيط ::
تاريخ الإنضمام: 19 - 12 - 2007
رقم العضوية : 46686
الدولة : Filistin'de
المشاركات: 1,195
افتراضي
يعطيك العافية .. جزاك الله خير
لا تنه عـن خُلـــقٍ وتـأتـي مـثـلــه .. عارٌ علــيـكَ إذا فـعـلـتَ عـظـيــــمُ
قديمة 26 - 02 - 2008, 17:27
المشاركة 8
صورة 'ولد السعوديه' الرمزية
ولد السعوديه
:: عضو نشيط ::
تاريخ الإنضمام: 22 - 02 - 2005
رقم العضوية : 1810
الدولة : almowj.com
العمر: 38
المشاركات: 2,039
افتراضي
يعطيك العافيه ولك مني احلى تقييم ..
‏‏‏‏‏‏‏‏‏‏‏‏‏‏‏‏?? ?‏‏‏‏‏‏‏‏ببساطة ماهي رؤية2030؟
هي أنتقال الدولة السعودية من دولة متطورة مستهلكة إلى دولة متطورة منتجة و مصنعة.
لا تدري لعل الله يحدث بعد ذالك امر
قديمة 26 - 02 - 2008, 18:10
المشاركة 9
كواليتي
:: عضو نشيط ::
تاريخ الإنضمام: 22 - 12 - 2007
رقم العضوية : 47147
المشاركات: 362
افتراضي
الملكـ الحزينـ
الله يجزاك الف الف خير .. وانا مانسيتها والله ولاكن ان شاء الله في درس في الدورة حول css

غسان العولقي
العفو يالغالي

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

movmix
العفو والله يعطيك العافيه على المرور

abu sa3d
وياك والله يعطيك العافيه على التقييم

عاشق الاقصى
يعافيـــــــــك يالغالي

ولد السعوديه
يعافيك وتشكر على التقييم
 
اضافة رد
 

[شرح] ترقيه الاستايل الذي تريده الى نسخه منتداك [ الدرس الاول ] كيفية تصميم الاستايل بالفوتوشوب [1]

أدوات الموضوع ابحث في الموضوع
ابحث في الموضوع:

البحث المتقدم
طرق العرض


الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 04:23.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

جميع الحقوق محفوظة Traidnt 2019
  • 00966138651070
  • 00966138648289
  • 2051033691
Powered by vBulletin® Version 3.8.11 .Copyright ©2000 - 2020, Jelsoft Enterprises Ltd
SEO by vBSEO ©2011, Crawlability, Inc.