منتديات كيو ون q8-one - شرح اضافة h1 و h2 في المنتديات [ وضع رابط على الموضوع والقسم ]

السلام عليكم

لوريه مثال على ذلك
http://elmjeck.com/vb/forumdisplay.php?f=11
من دخل القسم

http://elmjeck.com/vb/archive/index.php/t-9.html

من دخل الموضوع

اضافة H1 و H2 في تمبلات Forumdisplay و Showthread

وفائدها :

تحسّن علاقة صفحتك مع google وتكون الصفحة مفهومة لمحرك البحث

شرح التركيب:

الخطوة الاولى

افتح تمبلت FORUMDISPLAY
ابحث عن كود:

كود PHP:


		
			
$navbar

اضف ادناه

كود:

كود PHP:


		
			
<br />
<div id="tags">
<h1>
<a href="forumdisplay.php?f=$forumID">$foruminfo[title_clean]</a>
</h1>
<h2>$foruminfo[description]</h2>
</div>
<br />

هذا الكود سيمكنك من عرض اسم القسم وشرحة

http://i264.photobucket.com/albums/i...lmjeck2-17.png

الخطوة الثانية :

افتح تمبلت SHOWTHREAD

ابحث عن كود:

كود PHP:


		
			
 $navbar

اضف ادناه

كود PHP:


		
			
                   <br /> 
<div id="tags"> 
<h1><a href="showthread.php?$session[sessionurl]t=$threadid">$thread[title]</a></h1>
<h2>
<a href="forumdisplay.php?f=$forumID">$foruminfo[title_clean]</a></h2>
</div>
<br />

هذا الكود سيمكنك من عرض اسم الموضوع وشرح قسمه

http://i264.photobucket.com/albums/i...lmjeck1-21.png

الخطوة الثالثة :

اضافة تعريف CSS في ملف الاستايل - لإظهار h1 و h2 في الصفحات

اذهب الى - ادارة الاستايل ( واختر استايلك ) > تعديل CSS الرئيسي

http://i264.photobucket.com/albums/i...lmjeck3-10.png

وانزل لآخر الصفحة , Additional CSS Definitions
سيكون هناك مربع ( احيانا يكون فارغ )

http://i264.photobucket.com/albums/i...elmjeck4-8.png

واطبع فيه الكود التالي :

كود:

كود PHP:


		
			
/* ***** H1 و H2 تاجات ***** */
#tags {
text-align: center;
font-family: Arial, Tahoma, Verdana;
}

#tags h1 {
font-size: 20px; 
color: black;
font-weight: bold;
}

#tags h2 {
font-size: 17px; 
color: black;
font-weight: bold;
}

طبعاً غير هذا الكود بما يناسب ( حجم و لون ) صفحاتك

واذا نجحت العمليه , فستكسب محرك البحث ان شاء الله

الموضوع منقول

ولكن الصور خاصى بى