عفواً ... المنتدى للتصفح فقط .. لايمكنك كتابة مواضيع ولا الرد عليها ...!

العودة   Design Corner | معهد ركن التصميم > `~'*¤!||!¤*'~`(( ركن تطوير المواقع والمنتديات ))`~'*¤!||!¤*'~` > ركن تطوير منتـديات vb3.7.x > ركن تطوير منتـديات vb3.5.x

إضافة رد
 
LinkBack أدوات الموضوع انواع عرض الموضوع
قديم 08-12-2006, 01:01 AM   المشاركة رقم: 1 (permalink)
الكاتب
:: متدرب جديد ::
المعلومات  
التسجيل: Jun 2006
العضوية: 936
المشاركات: 17
بمعدل : 0.01 يوميا
الإتصال netzoner غير متواجد حالياً


المنتدى : ركن تطوير منتـديات vb3.5.x
شكل جديد لأكواد php code html و qoute

السلام عليكم
اثناء تصفحى لموقع ال vb.org لفت نظرى هذا الموضوع
http://www.vbulletin.org/forum/showthread.php?t=120073

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



التركيب

افتح قالب bbcode_code واستبدل محتوياته بالكود التالى


كود:
!-- Light and dark bbcode_code--
div dir=ltr style=text-alignleft;
table border=0 cellpadding=0 cellspacing=0 style=margin-top5px;margin-bottom5px;width$stylevar[codeblockwidth];margin-left{$vbulletin-options['quote_leftmargin']}px;
	tr
	td width=26 height=30
	img src=$vboptions[bburl]imagesbbcodelightcode06nc.gif alt= border=0td
	td style=background-image url('$vboptions[bburl]imagesbbcodelightcode08_10nc.gif');width$stylevar[codeblockwidth];height30px;
	td
	td width=71 height=30
	img src=$vboptions[bburl]imagesbbcodelightcode12nc.gif alt= border=0 width=71 height=30td
	tr
	tr
	td colspan=3
		table border=0 cellpadding=0 cellspacing=0 width=$stylevar[codeblockwidth]
		tbody
		tr
		td width=26 height=9
		img src=$vboptions[bburl]imagesbbcodelightcode04nc.gif alt= border=0  width=26 height=9td
		td style=background-image url('$vboptions[bburl]imagesbbcodelightcode00nc.gif');width$stylevar[codeblockwidth];height1px
		td
		td width=38 height=9
		img src=$vboptions[bburl]imagesbbcodelightcode05nc.gif alt= border=0 width=38 height=9td
		tr
		tr
		td style=background-image url('$vboptions[bburl]imagesbbcodelightcode04nc.gif');width26px;height9px
		td
		td style=background-image url('$vboptions[bburl]imagesbbcodelightcode00nc.gif');width$stylevar[codeblockwidth];height1px class=smallfont valign=top
		pre dir=ltr style=width$stylevar[codeblockwidth];height{$blockheight}px;margin-left10px;margin-right20px;text-alignleft;overflowauto;color{$vbulletin-options['quote_text_color']};$codepretd
		td style=background-image url('$vboptions[bburl]imagesbbcodelightcode05nc.gif');width38px; height9px
		td
		tr
		tr
		td width=26 height=36
		img src=$vboptions[bburl]imagesbbcodelightcode01nc.gif alt= border=0  width=26 height=36td
		td style=background-image url('$vboptions[bburl]imagesbbcodelightcode02nc.gif');width$stylevar[codeblockwidth];height36px
		td
		td width=38 height=36
		img src=$vboptions[bburl]imagesbbcodelightcode03nc.gif alt= border=0 width=38 height=36td
		tr
		tbody
		table
	td
	tr
	table
div
!-- Light and dark bbcode_code--

افتح قالب bbcode_html واستبدل محتوياته بالكود التالى

كود:
<!-- Light and dark bbcode_html-->
<div dir="ltr" style="align:left;">
<table border="0" cellpadding="0" cellspacing="0" style="margin-top:5px;margin-bottom:5px;width:$stylevar[codeblockwidth];">
	<tr>
	<td width="26" height="30">
	<img src="$vboptions[bburl]/images/bbcode/light/html/06nh.gif" alt="" border="0" width="26" height="30"/></td>
	<td style="background-image: url('$vboptions[bburl]/images/bbcode/light/html/08_10nh.gif');width:$stylevar[codeblockwidth];height:30px;">
	</td>
	<td width="71" height="30">
	<img src="$vboptions[bburl]/images/bbcode/light/html/12nh.gif" alt="" border="0" width="71" height="30"/></td>
	</tr>
	<tr>
	<td colspan="3">
		<table border="0" cellpadding="0" cellspacing="0" width="$stylevar[codeblockwidth]">
		<tbody>
		<tr>
		<td width="26" height="9">
		<img src="$vboptions[bburl]/images/bbcode/light/html/04nh.gif" alt="" border="0"  width="26" height="9"/></td>
		<td style="background-image: url('$vboptions[bburl]/images/bbcode/light/html/00nh.gif');width:$stylevar[codeblockwidth];height:1px">
		</td>
		<td width="38" height="9">
		<img src="$vboptions[bburl]/images/bbcode/light/html/05nh.gif" alt="" border="0" width="38" height="9"/></td>
		</tr>
		<tr>
		<td style="background-image: url('$vboptions[bburl]/images/bbcode/light/html/04nh.gif');width:26px;height:9px">
		</td>
		<td style="background-image: url('$vboptions[bburl]/images/bbcode/light/html/00nh.gif');width:$stylevar[codeblockwidth];height:1px" class="smallfont" valign="top">
		<pre dir="ltr" style="width:$stylevar[codeblockwidth];height:{$blockheight}px;margin-left:10px;margin-right:20px;text-align:left;overflow:auto;">$code</pre></td>
		<td style="background-image: url('$vboptions[bburl]/images/bbcode/light/html/05nh.gif');width:38px; height:9px">
		</td>
		</tr>
		<tr>
		<td width="26" height="36">
		<img src="$vboptions[bburl]/images/bbcode/light/html/01nh.gif" alt="" border="0"  width="26" height="36"/></td>
		<td style="background-image: url('$vboptions[bburl]/images/bbcode/light/html/02nh.gif');width:$stylevar[codeblockwidth];height:36px">
		</td>
		<td width="38" height="36">
		<img src="$vboptions[bburl]/images/bbcode/light/html/03nh.gif" alt="" border="0" width="38" height="36"/></td>
		</tr>
		</tbody>
		</table>
	</td>
	</tr>
	</table>
</div>
<!-- //Light and dark bbcode_html-->

افتح قالب bbcode_php واستبدل محتوياته بالكود التالى

كود:
<!-- Light and dark bbcode_php-->
<div dir="ltr" style="text-align:left;">
<table border="0" cellpadding="0" cellspacing="0" style="margin-top:5px;margin-bottom:5px;width:$stylevar[codeblockwidth];margin-left:{$vbulletin->options['quote_leftmargin']}px;">
	<tr>
	<td width="26" height="30">
	<img src="$vboptions[bburl]/images/bbcode/light/php/06np.gif" alt="" border="0" width="26" height="30"/></td>
	<td style="background-image: url('$vboptions[bburl]/images/bbcode/light/php/08_10np.gif');width:$stylevar[codeblockwidth];height:30px;">
	</td>
	<td width="71" height="30">
	<img src="$vboptions[bburl]/images/bbcode/light/php/12np.gif" alt="" border="0" width="71" height="30"/></td>
	</tr>
	<tr>
	<td colspan="3">
		<table border="0" cellpadding="0" cellspacing="0" width="$stylevar[codeblockwidth]">
		<tbody>
		<tr>
		<td width="26" height="9">
		<img src="$vboptions[bburl]/images/bbcode/light/php/04np.gif" alt="" border="0"  width="26" height="9"/></td>
		<td style="background-image: url('$vboptions[bburl]/images/bbcode/light/php/00np.gif');width:$stylevar[codeblockwidth];height:1px">
		</td>
		<td width="38" height="9">
		<img src="$vboptions[bburl]/images/bbcode/light/php/05np.gif" alt="" border="0" width="38" height="9"/></td>
		</tr>
		<tr>
		<td style="background-image: url('$vboptions[bburl]/images/bbcode/light/php/04np.gif');width:26px;height:9px">
		</td>
		<td style="background-image: url('$vboptions[bburl]/images/bbcode/light/php/00np.gif');width:$stylevar[codeblockwidth];height:1px" class="smallfont" valign="top">
		<div dir="ltr" style="margin-left:10px;margin-right:20px;text-align:left;overflow:auto;width:$stylevar[codeblockwidth];height:{$blockheight}px;">
		<code style="white-space:nowrap;"><!-- php buffer start -->$code<!-- php buffer end --></code>
		</div>
		</td>
		<td style="background-image: url('$vboptions[bburl]/images/bbcode/light/php/05np.gif');width:38px; height:9px">
		</td>
		</tr>
		<tr>
		<td width="26" height="36">
		<img src="$vboptions[bburl]/images/bbcode/light/php/01np.gif" alt="" border="0"  width="26" height="36"/></td>
		<td style="background-image: url('$vboptions[bburl]/images/bbcode/light/php/02np.gif');width:$stylevar[codeblockwidth];height:36px">
		</td>
		<td width="38" height="36">
		<img src="$vboptions[bburl]/images/bbcode/light/php/03np.gif" alt="" border="0" width="38" height="36"/></td>
		</tr>
		</tbody>
		</table>
	</td>
	</tr>
	</table>
</div>
<!-- //Light and dark bbcode_php-->

افتح قالب bbcode_quote واستبدل محتوياته بالكود التالى

كود:
<div dir="ltr" style="align:left;margin-top:5px;margin-bottom:5px;width:100%;color:black;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
		<td width="26" style="background-image:url($vboptions[bburl]/images/bbcode/light/quotes/06n.gif);background-repeat:no-repeat;width:26px;height:30px;" >
		<!-- FF 1.5 Patch--><div style="width:26px;"></div><!-- /FF 1.5 Patch--></td>
		<td width="100%" style="background-image:url($vboptions[bburl]/images/bbcode/light/quotes/08_10n.gif);background-repeat:repeat-x;width:100%;height:30px;white-space:nowrap;" valign="middle" >
			<div style="width:100%;white-space:nowrap;vertical-align:middle;" class="smallfont" >$username $vbphrase[quote]</div></td>
	<if condition="$show[username]">
		<td width="100%" style="background-image:url($vboptions[bburl]/images/bbcode/light/quotes/08_10n.gif);background-repeat:repeat-x;width:1px;height:30px;white-space:nowrap;" valign="middle" >
			<div style="width:100%;white-space:nowrap;vertical-align:middle;text-align:right;font-weight:bold;" class="smallfont" ></div>
</td>
	</if>
<td width="33"><if condition="$postid"><a href="showthread.php?$session[sessionurl]p=$postid#post$postid" rel="nofollow"></if><img style="background-repeat:no-repeat;width:33px;height:30px;" src="$vboptions[bburl]/images/bbcode/light/quotes/12n_01.gif" border="0" <if condition="$postid">alt="$vbphrase[view_post]" /></a><else />alt="" /></if></td>
		<td width="38" style="background-image:url($vboptions[bburl]/images/bbcode/light/quotes/12n_02.gif);background-repeat:no-repeat;width:38px;height:30px;" >
		<!-- FF 1.5 Patch--><div style="width:38px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
<tr>
		<td width="26" style="background-image:url($vboptions[bburl]/images/bbcode/light/quotes/04n.gif);background-repeat:repeat-y;width:26px;height:1px;white-space:nowrap;" ><!-- FF 1.5 Patch--><div style="width:26px;"></div><!-- /FF 1.5 Patch--></td>
		<td colspan="<if condition="$show[username]">3<else />2</if>" width="100%" style="background-image: url($vboptions[bburl]/images/bbcode/light/quotes/00n.gif);background-repeat:repeat;width:100%;height:1px;margin-left:10px;margin-right:24px;padding-top:8px;" class="smallfont">
		<if condition="$show[username]"><i>$message</i><else />$message</if></td>
		<td width="38" style="background-image:url($vboptions[bburl]/images/bbcode/light/quotes/05n.gif);background-repeat:repeat-y;width:38px;height:1px;white-space:nowrap;" ><!-- FF 1.5 Patch--><div style="width:38px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
<tr>
		<td width="26" style="background-image:url($vboptions[bburl]/images/bbcode/light/quotes/01n.gif);width:26px;height:36px;white-space:nowrap;" ><!-- FF 1.5 Patch--><div style="width:26px;"></div><!-- /FF 1.5 Patch--></td>
		<td colspan="<if condition="$show[username]">3<else />2</if>" width="100%" style="background-image: url($vboptions[bburl]/images/bbcode/light/quotes/02n.gif);background-repeat:repeat-x;width:100%;height:36px;white-space:nowrap;" ></td>
		<td width="38" style="background-image:url($vboptions[bburl]/images/bbcode/light/quotes/03n.gif);width:38px;height:36px;white-space:nowrap;" ><!-- FF 1.5 Patch--><div style="width:38px;"></div><!-- /FF 1.5 Patch--></td>
</tr>
</table>
</div>
<!-- /Light bbcode_quote-->
ارفع مجلد bbcode الى مجلد images بالمنتدى
انتهى التركيب ومبروك عليك الشكل الجديد












الملفات المرفقة
نوع الملف: zip bbcode1.zip‏ (86.8 كيلوبايت, المشاهدات 4)
عرض البوم صور netzoner   رد مع اقتباس
قديم 08-15-2006, 03:48 PM   المشاركة رقم: 2 (permalink)
الكاتب
:+:: المشرف العام ::+:
المعلومات  
التسجيل: Jan 2006
العضوية: 2
المشاركات: 1,148
بمعدل : 0.49 يوميا
الإتصال badr غير متواجد حالياً


كاتب الموضوع : netzoner المنتدى : ركن تطوير منتـديات vb3.5.x
افتراضي

شكل جديد ورائع ..

واختيار موفق كالعاده اخوي


لك كل الود












توقيع : badr

فهرس دورات التصميم .. ابداء الأحتراف من هنا ........
.. تــم الأنـتـهاء من دروس الـسـتــايـل الأحترافـيـــة ..

شرح مفصل لبرنامج الاباتشي + تركيب المنتدى + تعريبه
أضغط هنـــــــــــــــــــــــــــــــــااااا

تم الإنتهاء من دورة تصميم الستايلات بالفيديــــو ^_^
-----------------------------------------------------------
www.badr4.com
عرض البوم صور badr   رد مع اقتباس
قديم 08-15-2006, 04:09 PM   المشاركة رقم: 3 (permalink)
الكاتب
:: مراقب عام ::
 
الصورة الرمزية العولقي
المعلومات  
التسجيل: Feb 2006
العضوية: 158
المشاركات: 759
بمعدل : 0.33 يوميا
الإتصال العولقي غير متواجد حالياً


كاتب الموضوع : netzoner المنتدى : ركن تطوير منتـديات vb3.5.x
افتراضي

شكل جميل اخوي تسلم ع التصميم وان شاء الله نشوف ابداعات اكثر منك












توقيع : العولقي

[align=center][img]http://img137.imageshack.us/img137/913/w6w20060221105143ce8876fe3aa9j.gif[/img][/align]

عرض البوم صور العولقي   رد مع اقتباس
قديم 08-15-2006, 04:34 PM   المشاركة رقم: 4 (permalink)
الكاتب
:: متدرب ::
المعلومات  
التسجيل: Mar 2006
العضوية: 373
المشاركات: 67
بمعدل : 0.03 يوميا
الإتصال العنزي غير متواجد حالياً


كاتب الموضوع : netzoner المنتدى : ركن تطوير منتـديات vb3.5.x
افتراضي

روووووووووعة اخوي ماقصرت












عرض البوم صور العنزي   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة



الساعة الآن : بتوقيت مكة المكرمة 10:45 PM.


www . badr4 . com ® Copyright ©2005 - 2012

Valid CSS!


ركن التصميم | design corner - badr4 . com : Content Relevant URLs by vBSEO 3.3.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24