الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

مهم وعاجل

بدأه احساس قلب في 26 مايو 2011 · 17 رد · 663 مشاهدة · في ASP.NET
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

انا عندي مشروع تصميم موقع باستخدام برنامج الويب اكسبرشن

وسؤالي كيف انشا ستايل اخر غير الاستايل اللي عندي بحيث العضو يختار تغير الاستايل ويختار الاستايل اللي يعجبوا ؟؟

بليز ابغى الشرح بالخطوات الله يوفقكم يارب

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

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

#3

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

اختي يمكنك استخدام ال Skins & Themes لعمل ستايلات لأدوات ال ASP.NET وكذلك يمكن تغييرها بسهولة وقت التنفيذ

.:: Wish to become better and better ::.

#4

اممممم بشوف الروابط ... تيب الثيم دا يسمح للعضو انوا يستخدم الاستايل اللي يبغاه ؟؟؟؟

زي المواقع بالاخير بتشوفوا اختيار الاستايل واول مااختاره يتغير شكل الموقع للاستايل اللي انا اخترته دا اللي انا ابغاه ولو كان الثيم ينفع كيف الطريقه لو سمحتم ؟؟

#5

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

كيف اربط الماستر التاني ب زر ينقلوا للستايل التاني ؟؟ دي الان مشكلتي ؟؟

يعني احط في الصفحه الرئيسية زر اول مايضغط عليه يروح للماستر التانيه كيف ؟؟؟؟

#6

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

هذا رابط يوضح الفكره http://www.codeproject.com/KB/aspnet/ThemesAndSkins.aspx

.:: Wish to become better and better ::.

#7

تعبتك معاي اخوي VB Helper ويجزاك الف خير والله

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

زي الرابط الي اعطيتني هوا مكتوب سليكت ويختار انا ابغى اسوي السليكت دا بس مربوط بالماستر التاني فهمت عليا

وبجد مرررررررررررررررررررررة شاكرة تفاعلكم الله يفتحها عليكم يارب

#8

او ممكن بس تشرحلي اخر رابط :$ >> ادري زودتها

#9

يمكنك تغيير الماستر بيج عن طريق استخدام الكود كالتالي :

لنفرض ان اختيار الثيم داخل دروب داون ليست اسمها ddl_theme

protected void Page_PreInit(object sender, EventArgs e) 
{ 
 if (ddl_theme.SelectedText == "blue") 
    this.Page.MasterPageFile = "~/blue.master";
 else if ( ddl_theme.SelectedText == "red")
    this.Page.MasterPageFile = "~/red.master";
}

تم تعديل هذه المشاركة بواسطة moussa2100 في 27 مايو 2011 في 00:07

#10

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

اختي زي ماذكر الاخ موسى ولكن لأتنسي ان تضبطي ال Theme .. طبعا نفس كود ال MasterPage السابق ..

.:: Wish to become better and better ::.

#11

اممممم شرحكم حلو بس ممكن تقولوا الخطوات لانوا يدوب اعرف للبرنامج

دحين يعني اروح عند مجلد الثيم احط فيه الاكواد حق الماستر كدا صح ؟؟؟

تيب وبعدين انشا دروب داون لست في الصفحه الرئيسية كدا صح ؟؟؟ تيب وبعدين ايش اسوي ؟؟؟

ادري ازعجكتم :$ بس والله الاستاذ لا يعرف يشرح ولا شي والكل حايس >_<

وعندي اخر سوال انا سويت 2 ماستر و2 ستايل اللي هوا css

تيب كيف راح يعرف الماستر الاول ال css حقتوا ؟ والماستر التاني ال css التانيه ؟؟؟

وكيف اربط دروب داون لست لست زي ماقال الاخ اللي ثيم بـ الماستر ؟

معلش استحملوني :$

تم تعديل هذه المشاركة بواسطة احساس قلب في 27 مايو 2011 في 07:21

#12

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

اختي نفس الي اشرت له سابقا .. طيب شوفي هذا الرابط http://www.worldofasp.net/tut/raj-1/User_changeable_themes_in_ASPNet_page_using_Skin_File_316.aspx وقومي بتنزيل الكود وتجريبه لتحقيق الغرض المنشود ..

.:: Wish to become better and better ::.

#13

السلام عليكم :)

اقتباس
انا عندي مشروع تصميم موقع باستخدام برنامج الويب اكسبرشن

وسؤالي كيف انشا ستايل اخر غير الاستايل اللي عندي بحيث العضو يختار تغير الاستايل ويختار الاستايل اللي يعجبوا ؟؟

مرحباً بكم في عالم الإكسبرشن ويب!

حسناً إذن.. سأركز هنا على السؤال الأول..

أنا في رأسي الآن فكرة تستخدم السلوكيات Behaviors من قائمة التنسيق Format (وهي غير متوفرة في الفجوال ستوديو، فقط في الإكسبرشن ويب)

وهي كالتالي:

بافتراض أنه:

1. لدينا صفحة وملفين css كل ملف فيه تنسيق جاهزين يختلف كل واحد عن الآخر.. لنسمي الأول -افتراضاً- 1st.css والثاني 2nd.css

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

المطلوب: تثبيت احدى التنسقين في الصفحة عند اختيار المستخدم (النقر على الرابط الأول أو الفقرة الأولى أو الصورة الأولى يقوم بتغيير ملف التنسيق إلى الملف الأول، وهكذا مع الثاني)

الحل:

1. بغض النظر عن ما تم استخدامه (الروابط أو الفقرات أو الصور) نقوم بتحديد الرابط الأول أو الفقرة الأولى أو الصورة الأولى (اختصاراً من الآن سأقوم بتسميته الزرار الأول :))

2. نعطيه معرف ID خاص به عن طريق صندوق خصائص الوسوم Tag Proberties

نبخث عن الخاصية id ونضع بجانبها style1 مثلاً

نكرر العملية مع الزرار الثاني ونعطيه id يساوي style2

3. نقوم بربط أحد التنسيقين مع الصفحة عن طريق خاصية الإرفاق Attach Style Sheet من صندوق Apply Styles

أو من قائمة تنسيق Format نختار التبويب CSS Style ثم ننقر على Attach Style Sheet

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

4. حسنا بعد ما قمنا بربط التنسيق كل ما علينا هو إعطاء هذا التنسيق معرف id.. نعم.. هنا تكمن الخدعة التي لا يعرفها سوى القليلون!

سنقوم بتغيير عرض الصفحة من التصميم Design إلى العرض الكودات Code أو النظام المنقسم Split

ثم نبحث عن السطر التالي:

<link href="1st.css" rel="stylesheet" type="text/css" />

وفي الغالب سيكون قريباً من بداية الصفحة.. تحديداً بعد وسم العنوان Title

ثم سنقوم بتغيير ه ليصبح كالتالي:

<link id="mystyle" href="1st.css" rel="stylesheet" type="text/css" />

نعم.. فقط أضفنا معرف لهذا لهذا العنصر!

5. نعود للوضع الطبيعي (اسلوب عرض التصميم Design) ونفتح صندوق السلوكيات Behaviors من قائمة التنسيق Format

وسيظهر بجانب التنسيقات (الجاني الأيمن من الشاشة).

6. نقوك بالنقر على زرار التنسيق الأول الموجود في الصفحة.. هنا يجب أن يظهر اسم الزرار في صندوق السلوكيات كالتالي:

Tag: <p#style1>

طبعاً هذا الشكل بافتراض أننا استخدمنا الفقرات.. إذا كانت صورة ستبدأ ب img وإذا استخدمتم رابط سيطون a.. الخ

7. بعد التأكد من أن الزرار الأول هو المحدد في حسب ما يقول لنا صندوق السلوكيات نقوم بالنقر على زرار الإدراج Insert الموجود ضمن الصندوق نفسه.. ثم من القائمة المنسدلة سنختار تغيير خاصية Change Property.. (أحيانا لا يظهر شيء عند النقر على إدراج، في هذه الحالة قم بإزالة البرنامج وقم بتثبيته مرة أخرى! :))

8. ستظهر لنا نافذة نقوم بتحديد التالي:

نختار تحديد العنصر Select Element بدلا من العنصر الحالي Current Eliment (وهو ما يعني أن السلوك سيكون لعنصر آخر وليس الزر نفسه)

نحدد Eliment Type ليكون Link

Element ID ليكون mystyle (وفي الغالب سيضعها تلقائياً لأنه الرابط الوحيد لدينا :))

ننقر على زرار الإضافة Add... ستظهر لنا نافذة جديدة ونقوم بالتالي:

اسم الخاصية التي نريد تغييرها Property Name هي href

والقيمة Property Value ستكون 1st.css

ثم أوكي وثم أوكي مرة أخرى!

9. نكرر العملية من الزرار الثاني بحيث تكون القيمة 2nd.css

10. وهذه الخطوة مهمة جداً جداً جداً

عندما نقوم بالنقر على زرار التنسيق الأول سنجد في صندوق السلوكيات النص التالي:

الحدث Event وتحته onmouseover (ويعني عند مرور الماوس! أي أنه سيقوم بتغيير التنسيق فقط إذا مرت الماوس فوق الزر) سنقوم بالنقر على السهم الذي يظهر بجانبه وتغييره إلى onclick (أي سيقوم بتنفيذ التغيير عند النق بزرار الماوس) ونفس الشيء بالنسبة للزرار الثاني!

11. نقوم بعمل معاينة للصفحة للتأكد من أنها تعمل!

وهو المطلوب إثباته!!

عيوب هذه الطريقة:

1. غير مناسبة عند استخدامها مع صفحات كثيرة إلا إذا كانت موجودة في صفحة التنسيق العام Masterpage أو Dynamic Web Template

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

مميزات هذه الطريقة:

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

=========================

حسناً إذن..

مع تمنياتي لكم بالتوفيق في مشرعكم

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

#14

الله يسعدك يااخي العزيز

بس ممكن اعرف شرح لدي الفقرات

. نقوم بربط أحد التنسيقين مع الصفحة عن طريق خاصية الإرفاق Attach Style Sheet من صندوق Apply Styles

أو من قائمة تنسيق Format نختار التبويب CSS Style ثم ننقر على Attach Style Sheet

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

4. حسنا بعد ما قمنا بربط التنسيق كل ما علينا هو إعطاء هذا التنسيق معرف id.. نعم.. هنا تكمن الخدعة التي لا يعرفها سوى القليلون!

سنقوم بتغيير عرض الصفحة من التصميم Design إلى العرض الكودات Code أو النظام المنقسم Split

ثم نبحث عن السطر التالي

؟؟

واخي VB Helper الشرح حلو وواضح بس مشكلتي البرنامج قولي روحي كدا تعالي هنا عشان اعرف اسوي لاناو مرررررررررررررة مااتعلمنا عل البرنامج ولا نعرفلوا كثير ومطلوب الشغل عليه

بس قولي الخطوات الله يسعدك

والله كلي املي فيكم

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

الله يسعدكم يارب

#15

بليزززز اشرحلي 3 خطوة رحت ل format بي مافي css بس فسهAttach Style Sheet وبعد كدا جاني خيارين التنسيق الاول اللي هوا حق صفحتي والتنسيق التاني اللي انا سويته

واخترت التاني ع طول صار ع الصفحه مثل مانت قلت انتبهوا تيب ايش اسوي ؟

والخطوات اللي بعدها مفهومه

#16

السلام عليكم :)

الإنتباه المقصود فيه في الخطوة الثالثة هو أن تتركوا الخيارات حق استخدام التنسيق كما هي..

as link تعني أنه سيستخدم التنسيق من الملف (وهذا هو الذي نريد!).

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

تم تعديل هذه المشاركة بواسطة AmeenSnw في 28 مايو 2011 في 16:53

#17

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

وهديك الخطوات اللي قبل سويتها الحمدلله

بس واجهتني مشكلة بفقرة 6 و7 رحت ل format بس في السلوك مافي Tag: <p#style1> !!!!

وهادي الصورة <a  href=%7Boption%7Dhttp://www14.0zz0.com/2011/05/28/20/406185198.png' alt='406185198.png'>

بلييييز قوليوا فين الاقيها مررررة متحطمة ابغى انتهي منوا

تم تعديل هذه المشاركة بواسطة احساس قلب في 28 مايو 2011 في 23:13

#18

عفواً اختي... :wacko:

من هذه الصورة أنا شايف أنك تستخدمين الفجوال ستوديو :blink: 2010

الطريقة التي شرحتها سابقاً هي عن طريق برنامج الإكسبرشن ويب الذي طلبت أنتِ أن يكون الشرح عليه :huh: !!!

على العموم هذه الصورة المرفقة توضح مكان اسم الوسم في برنامج الويب اكسبرشن :unsure: :

طبعاً في الصورة أنا استخدمت نص عادي (فقرة paragraph)

about behavior.rar

تم تعديل هذه المشاركة بواسطة AmeenSnw في 30 مايو 2011 في 17:47

مواضيع مشابهة