صنع زر نشيط !! كيف

[Remano]

السلام عليم
قبل الدخول بالموضوع اطلب من الأخ محمد 902 والاخ ca2oom وضع دروس للمبتدئين باللغة العربية عن ال CSS
لانها حاليا اللغعة المعتمدة في كل المواقع فمن دونها الموقع ماله طعم اصلا
واضن ان خبرتكم واسعه في هذه اللغة
ياريت تلبون طلبي ولا تنسون .... مبتدئين
------------------

اريد عمل زر نشط والمشكلة ليست بالزر لدي
فالاخ ca2oom قام بشرح الطريقة هنا
http://www.traidnt.net/vb/showthread.php?t=366488
المشكلة حاليا اني اريد وضع الزر في قالب
بمعنى اريد استبدال زر موضوع جديد بالمنتدى بزر نشط ؟؟
اضن انها ممكنة جدا
واذا امكن هل استطيع استبدال كافة الازرار الاخرى مثل تحرير واضافة رد ؟

انتظر ردكم ولكن ياريت تدلوني على مصدر باللغة العربية يضع دروس مبتدئين

[m7amed]

هذا بسيط اخي العزيز
افتح ملف css الي عندك
و اكتب هذا الكود

.home {
	background-image: url(../images/home.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 37px;
	width: 129px;
	display: block;
	float: right;
}
.home:hover {
	background-image: url(../images/home.gif);
	background-repeat: no-repeat;
	background-position: 0px -37px;
}

ثم اذهب الى القالب
و ضع هذا الكود في المكان الذي تريد فيه الزر

<p><a href="www.site.com" class="home"></a></p>

تحياتي

[Remano]

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

[أحمد عبدالمنعم]

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

بالنسبة للدروس أنا بالفعل أحاول تقديم ذلك من وقت لآخر ولكن بالنهاية هذه مجهودات شخصية والدروس نقدمها في وقت الفراغ فقط وكلما سمح الوقت ..

أنا مثلا عند تقديم الدرس أراعي أن يكون محتوى على الكثير من الأمثلة وهذا يأخذ وقت

والإعتماد علينا في تعليمك هذه التقنيه غير عملي ولن تنجز الكثير في مشوار التعلم ولابد أن تبحث بنفسك وتتعلم من المصادر الأجنبية الكثيرة جدا والأكثر تنوعاً

تجد مجموعه من دروس الأساسيات اللى قدمتها هنــــــا بالإضافة الى الكثير من مصادر التعلم الإنجليزية تجدها هنـــــــا

والأخ walidov يقدم هنا بالمنتدى دروس عن أساسيات هذه التقنية تجدها هنـــا
تابعه وتابع مدونته فالدروس توضع فيها ، أيضا المبدع العربي بموقعه المشروع ستجد مجموعه من الدروس عن css تابع منها المقسمة الى 5 أجزاء ..

.....

أما عن سؤالك فهذا ممكن بالتأكيد كما ذكرت أن تجعل أزار المنتدى نشطة

1 - زر موضوع جديد مكانه في قالب FORUMDISPLAY
2 - زر إضافة مشاركة جديد مكانها في قالب SHOWTHREAD
3 - ازار ( تحرير ـ إقتباس ـ إقتباس متعدد ـ رد سريع ) مكانهم في قالب postbit_legacy

ستتبع ما قيل في الدرس اللى اشرت أليه أول مشاركة ليتنج لديك فئة جديدة class تحتوى على الزر في حالته العادية والحالة عند التأشير hover

1 ـــ إذهب الان الى قالب FORUMDISPLAY كي نعدل على زر إضافة موضوع جديد وذلك بالبحث فيه عن الكود التالي :

<a href="newthread.php?$session[sessionurl]do=newthread&amp;f=$foruminfo[forumid]" rel="nofollow"><img src="$stylevar[imgdir_button]/newthread.gif" alt="$vbphrase[post_new_thread]" border="0" /></a>

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

<img src="$stylevar[imgdir_button]/newthread.gif" alt="$vbphrase[post_new_thread]" border="0" />

ولكن قبل الحذف قص عبارة الوصف داخل alt وأحفظها وتجدها بهذا الشكل

$vbphrase[post_new_thread]

سنضيف العبارة السابقة الى الوصلة المتبقيه بعد حذف الصورة كعنوان title بالإضافة الى الـ class المعمول مسبقاً اللى فيه صور الزر ليصبح بالنهاية وصلة زر جديد بهذا الشكل

<a href="newthread.php?$session[sessionurl]do=newthread&amp;f=$foruminfo[forumid]" rel="nofollow" class="newthread" title="$vbphrase[post_new_thread]"></a>

كرر ماسبق على الزر السفلي ومن ثم إحفظ القالب ##

2 ـــ التعديل على قالب SHOWTHREAD الموجود به زر مشاركة جديدة إبحث عن الكود التالي :

<a href="newreply.php?$session[sessionurl]do=newreply&amp;noquote=1&amp;p=$FIRSTPOSTID" rel="nofollow"><if condition="$show['closethread']"><img src="$stylevar[imgdir_button]/reply.gif" alt="$vbphrase[reply]" border="0" /><else /><img src="$stylevar[imgdir_button]/threadclosed.gif" alt="$vbphrase[closed_thread]" border="0" /></if></a>

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

<img src="$stylevar[imgdir_button]/reply.gif" alt="$vbphrase[reply]" border="0" />

والوصلة الناتجة كما حدث مع الزر السابق

<a href="newreply.php?$session[sessionurl]do=newreply&amp;noquote=1&amp;p=$FIRSTPOSTID" rel="nofollow" class="newreply" title="$vbphrase[reply]"><if condition="$show['closethread']"><else /><img src="$stylevar[imgdir_button]/threadclosed.gif" alt="$vbphrase[closed_thread]" border="0" /></if></a>

كرر ماسبق على الزر السفلي وهذا كودة

<a href="newreply.php?$session[sessionurl]do=newreply&amp;noquote=1&amp;p=$LASTPOSTID" rel="nofollow"><if condition="$show['closethread']"><img src="$stylevar[imgdir_button]/reply.gif" alt="$vbphrase[reply]" border="0" /><else /><img src="$stylevar[imgdir_button]/threadclosed.gif" alt="$vbphrase[closed_thread]" border="0" /></if></a>

جميع هذه الأكواد مأخوذة من القوالب الإفتراضيه للنسخة vB3.6.8

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

[Remano]

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