الرئيسية
الأعلانات
مركز التحميل
الانضمام للشركات
تنشيط عضويتك
الشكاوي والملاحظات
استعادة كلمة السر
أتصل بنا

العودة   معهد روابط في بي > ‫روابط تطوير ودعم منتديات ( VBulletin ) > رابط تعليم تصميم الستايلات لمنتديات VBulletin


كيفية تأطير قالب إنشاء موضوع جديد بالمنتدى بتقنية Css الحديثة

درس تأطير القوالب المتواجدة في المنتدى والتي تكون لدى البعض غير مهمة لكن مع الممارسة والإصرار نتعلم كل شئ جديد


إضافة رد
 
LinkBack أدوات الموضوع انواع عرض الموضوع
قديم 10-02-2011, 01:28 AM   رقم المشاركة : 1
فارس
مسؤول القسم التجاري
 
الصورة الرمزية فارس






فارس غير متصل

فارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبي


إرسال رسالة عبر ICQ إلى فارس إرسال رسالة عبر Yahoo إلى فارس

بيانات موقعي:
إسم الموقع : معهد روابط
إصدار المنتدى : إدارة محتوى

افتراضي كيفية تأطير قالب إنشاء موضوع جديد بالمنتدى بتقنية Css الحديثة

درس تأطير القوالب المتواجدة في المنتدى والتي تكون لدى البعض غير مهمة
لكن مع الممارسة والإصرار نتعلم كل شئ جديد
سوف نتعلم اليوم كيفية تأطير قالب إنشاء موضوع .. : newthread
هذأ بالنسبة لإطار إنشاء موضوع جديد ..


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

كود:
<table cellpadding=”$stylevar[cellpadding]” cellspacing=”$stylevar[cellspacing]” border=”0″ width=”100%” align=”center”>
ونضع فوقه مباشرة كلاسات تأطير هيدر وأعمدة (دون أخذ نهايات الداف) التأطير:

كود:
<div class="h-h-1">
 <div class="h-h-2"></div>
 <div class="h-h-3"></div>
 <div class="h-h-4"></div>
 </div>
 <div class="t1">
 <div class="t2">

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

كود:
<input type=”submit” name=”preview” value=”$vbphrase[preview_post]” accesskey=”r” tabindex=”1″ />
 </div>
 </td>
 </tr>
 </table>
نضع بعده مباشره كود كلاسات فوتر التأطير مع نهايات داف الأعمدة :

كود:
</div>
 </div>
 <div class="f-f-1">
 <div class="f-f-2"></div>
 <div class="f-f-3"></div>
 <div class="f-f-4"></div>
 </div>
والأن بالنسبة للخيارات الإضافية ..
نبحث عن السطر التالي :

كود:
<table cellpadding=”$stylevar[cellpadding]” cellspacing=”$stylevar[cellspacing]” border=”0″ width=”100%” align=”center”>
ونضع فوقه مباشرة كلاسات تأطير هيدر وأعمدة (دون أخذ نهايات الداف) التأطير


كود:
<div class="h-h-1">
 <div class="h-h-2"></div>
 <div class="h-h-3"></div>
 <div class="h-h-4"></div>
 </div>
 <div class="t1">
 <div class="t2">

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

كود:
value=”$vbphrase[preview_post]” accesskey=”r” tabindex=”1″ />
 </div>
 </td>
 </tr>
 </tbody>
 </table>

نضع بعده مباشره كود كلاسات فوتر التأطير مع نهايات داف الأعمدة :

كود:
</div>
 </div>
 <div class="f-f-1">
 <div class="f-f-2"></div>
 <div class="f-f-3"></div>
 <div class="f-f-4"></div>
 </div>

والأن مع الكود كاملاً :


كود:
<!– message area –>
 <div>$vbphrase[message]:</div>
 $messagearea
 <!– / message area –>
 <if condition=”$show['tag_option']“>
 <fieldset style=”margin-top: $stylevar[cellpadding]px”>
 <legend>$vbphrase[tags]</legend>
 <div style=”padding:$stylevar[formspacer]px”>
 <div>$vbphrase[separate_tags_using_comma]</div>
 <span id=”tag_add”><input type=”text” name=”taglist” id=”tag_add_input” value=”$newpost[taglist]” size=”40″ tabindex=”1″ /></span>
 <if condition=”$show['tags_remain']“><div><phrase 1=”$tags_remain”>$vbphrase[you_may_add_x_tags_to_thread]</phrase></div></if>
 </div>
 <if condition=”$show['popups']“>
 <div id=”tag_add_menu” style=”display:none”></div>
 <script type=”text/javascript” src=”clientscript/vbulletin_ajax_tagsugg.js?v=$vboptions[simpleversion]“></script>
 <script type=”text/javascript”>
 <!–
 vbmenu_register(‘tag_add’, true);
 tag_add_comp = new vB_AJAX_TagSuggest(‘tag_add_comp’, ‘tag_add_input’, ‘tag_add’);
 tag_add_comp.allow_multiple = true;
 tag_add_comp.set_delimiters(‘$tag_delimiters’);
 //–>
 </script>
 </if>
 </fieldset>
 </if>
 $posticons
 </div>
 </div>
 <div style=”margin-top:$stylevar[cellpadding]px”>
 <input type=”hidden” name=”s” value=”$session[sessionhash]” />
 <input type=”hidden” name=”securitytoken” value=”$bbuserinfo[securitytoken]” />
 <input type=”hidden” name=”f” value=”$forumid” />
 <input type=”hidden” name=”do” value=”postthread” />
 <input type=”hidden” name=”posthash” value=”$posthash” />
 <input type=”hidden” name=”poststarttime” value=”$poststarttime” />
 <input type=”hidden” name=”loggedinuser” value=”$bbuserinfo[userid]” />
 <input type=”submit” name=”sbutton” id=”{$editorid}_save” value=”$vbphrase[submit_new_thread]” accesskey=”s” tabindex=”1″ />
 <input type=”submit” name=”preview” value=”$vbphrase[preview_post]” accesskey=”r” tabindex=”1″ />
 </div>
 </td>
 </tr>
 </table>
 </div>
 </div>
 <div>
 <div></div>
 <div></div>
 <div></div>
 </div>
 <if condition=”$show['additional_options']“>
 <br />
 <div>
 <div></div>
 <div></div>
 <div></div>
 </div>
 <div>
 <div>
 <table cellpadding=”$stylevar[cellpadding]” cellspacing=”$stylevar[cellspacing]” border=”0″ width=”100%” align=”center”>
 <thead>
 <tr>
 <td>
 <a style=”float:$stylevar[right]” href=”#top” onclick=”return toggle_collapse(‘newpost_options’)”><img id=”collapseimg_newpost_options” src=”$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_newpost_options].gif” alt=”" border=”0″ /></a>
 $vbphrase[additional_options]
 </td>
 </tr>
 </thead>
 <tbody id=”collapseobj_newpost_options” style=”$vbcollapse[collapseobj_newpost_options]“>
 <tr valign=”top”>
 <td align=”center”>
 <div>
 <div style=”width:$stylevar[formwidth]” align=”$stylevar[left]“>
 <if condition=”$show['podcasturl']“>
 <!– podcast stuff –>
 <fieldset>
 <legend>$vbphrase[podcast_options]</legend>
 <table cellpadding=”0″ cellspacing=”$stylevar[formspacer]” border=”0″>
 <tr>
 <td>$vbphrase[podcast_url]:</td>
 <td>&nbsp;$vbphrase[filesize_bytes]:</td>
 </tr>
 <tr>
 <td><input type=”text” name=”podcasturl” value=”$podcasturl” size=”50″ maxlength=”255″ tabindex=”1″ title=”$vbphrase[podcast_url]” /></td>
 <td>&nbsp;<input type=”text” name=”podcastsize” value=”$podcastsize” size=”10″ tabindex=”1″ title=”$vbphrase[podcast_size]” /></td>
 </tr>
 <tr>
 <td>$vbphrase[subtitle]:</td>
 <td>&nbsp;$vbphrase[explicit]:</td>
 </tr>
 <tr>
 <td><input type=”text” name=”podcastsubtitle” value=”$podcastsubtitle” size=”50″ maxlength=”255″ tabindex=”1″ title=”$vbphrase[subtitle]” /></td>
 <td><input type=”checkbox” name=”podcastexplicit” value=”1″ tabindex=”1″ $explicitchecked title=”$vbphrase[explicit]” /></td>
 </tr>
 <tr>
 <td>$vbphrase[keywords]:</td>
 <td>$vbphrase[author]:</td>
 </tr>
 <tr>
 <td><input type=”text” name=”podcastkeywords” value=”$podcastkeywords” size=”50″ maxlength=”255″ tabindex=”1″ title=”$vbphrase[keywords]” /></td>
 <td><input type=”text” name=”podcastauthor” value=”$podcastauthor” size=”25″ maxlength=”255″ tabindex=”1″ title=”$vbphrase[author]” /></td>
 </tr>
 </table>
 </fieldset>
 <!– / podcast stuff –>
 </if>
 <if condition=”$show['misc_options']“>
 <fieldset>
 <legend>$vbphrase[miscellaneous_options]</legend>
 <div style=”padding:$stylevar[formspacer]px”>
 <if condition=”$bbuserinfo['signature'] != ””><div><label for=”cb_signature”><input type=”checkbox” name=”signature” value=”1″ id=”cb_signature” tabindex=”1″ $checked[signature] />$vbphrase[show_your_signature]</label></div></if>
 <if condition=”$show['parseurl']“><div><label for=”cb_parseurl”><input type=”checkbox” name=”parseurl” value=”1″ id=”cb_parseurl” tabindex=”1″ $checked[parseurl] />$vbphrase[automatically_parse_links_in_text]</label></div></if>
 $disablesmiliesoption
 </div>
 </fieldset>
 </if>
 $attachmentoption
 <if condition=”$show['member']“>
 <fieldset>
 <legend>$vbphrase[thread_subscription]</legend>
 <table cellpadding=”0″ cellspacing=”$stylevar[formspacer]” border=”0″>
 <tr>
 <td>$vbphrase[notification_type]:<br /><select name=”emailupdate” tabindex=”1″>
 <option value=”9999″ $emailchecked[9999]>$vbphrase[do_not_subscribe]</option>
 <option value=”0″ $emailchecked[0]>$vbphrase[no_email_notification]</option>
 <option value=”1″ $emailchecked[1]>$vbphrase[instant_email_notification]</option>
 <option value=”2″ $emailchecked[2]>$vbphrase[daily_email_notification]</option>
 <option value=”3″ $emailchecked[3]>$vbphrase[weekly_email_notification]</option>
 </select></td>
 <if condition=”$show['subscribefolders']“><td>$vbphrase[folder]:<br /><select name=”folderid” tabindex=”1″>$folderbits</select></td></if>
 </tr>
 </table>
 </fieldset>
 </if>
 <if condition=”$show['poll']“>
 <fieldset>
 <legend>$vbphrase[post_a_poll]</legend>
 <div style=”padding:$stylevar[formspacer]px”>
 <div><label for=”cb_postpoll”><input type=”checkbox” name=”postpoll” value=”yes” id=”cb_postpoll” tabindex=”1″ $checked[postpoll] />$vbphrase[yes_post_a_poll_thread]</label></div>
 <div><label for=”polloptnum”>$vbphrase[number_of_poll_options]: <input type=”text” size=”5″ name=”polloptions” value=”$polloptions” id=”polloptnum” tabindex=”1″ /></label> <if condition=”$vboptions['maxpolloptions']“>($vbphrase[maximum]: $vboptions[maxpolloptions])</if></div>
 </div>
 </fieldset>
 </if>
 $threadmanagement
 </div>
 </div>
 <div style=”margin-top:$stylevar[cellpadding]px”>
 <input type=”submit” name=”sbutton” value=”$vbphrase[submit_new_thread]” accesskey=”s” tabindex=”1″ />
 <input type=”submit” name=”preview” value=”$vbphrase[preview_post]” accesskey=”r” tabindex=”1″ />
 </div>
 </td>
 </tr>
 </tbody>
 </table>
 </div>
 </div>
 <div>
 <div></div>
 <div></div>
 <div></div>
 </div>
 </if>
 </form>
 <br />
 $forumrules
 $footer
 </body>
 </html>






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

معهد روابط : روابط ...مجتمع مترابط
مصر والسعودية ( للمصريين )
رد مع اقتباس
قديم 12-02-2011, 03:07 AM   رقم المشاركة : 2
اتعبني جرحك
رابط مبدع
 
الصورة الرمزية اتعبني جرحك





اتعبني جرحك غير متصل

اتعبني جرحك رابط متميز



بيانات موقعي:
إسم الموقع : اتعبني جرحك
إصدار المنتدى : VB 3.8.4

افتراضي

ياعطيك ، العافيه ، فارس ..
ع الششرح الكافي والوافي ..







التوقيع :
الاميل:aam.m@hotmail.com
رد مع اقتباس
قديم 12-03-2011, 09:25 PM   رقم المشاركة : 3
فارس
مسؤول القسم التجاري
 
الصورة الرمزية فارس






فارس غير متصل

فارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبيفارس رابط مبدع وذهبي


إرسال رسالة عبر ICQ إلى فارس إرسال رسالة عبر Yahoo إلى فارس

بيانات موقعي:
إسم الموقع : معهد روابط
إصدار المنتدى : إدارة محتوى

افتراضي

الله يوفقنا ويوفقك







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

معهد روابط : روابط ...مجتمع مترابط
مصر والسعودية ( للمصريين )
رد مع اقتباس
قديم 18-03-2011, 08:17 PM   رقم المشاركة : 4
رآئــــــــد
:: مراقب::
:: رابط تطوير المنتديات ::
 
الصورة الرمزية رآئــــــــد






رآئــــــــد غير متصل

رآئــــــــد رابط مبدع وذهبيرآئــــــــد رابط مبدع وذهبيرآئــــــــد رابط مبدع وذهبيرآئــــــــد رابط مبدع وذهبيرآئــــــــد رابط مبدع وذهبيرآئــــــــد رابط مبدع وذهبيرآئــــــــد رابط مبدع وذهبيرآئــــــــد رابط مبدع وذهبي


إرسال رسالة عبر ICQ إلى رآئــــــــد إرسال رسالة عبر AIM إلى رآئــــــــد إرسال رسالة عبر MSN إلى رآئــــــــد

بيانات موقعي:
إصدار المنتدى : نوع آخر

افتراضي

مشكوور فروسي ولي رجعه ..

إحترامي وتقديري لك







رد مع اقتباس
قديم 19-03-2011, 03:28 PM   رقم المشاركة : 5





احلى شباب غير متصل

احلى شباب رابط متميز



بيانات موقعي:
إسم الموقع : استضافة احلى شباب
إصدار المنتدى : نوع آخر

افتراضي

مشكور وحلو







رد مع اقتباس
قديم 03-04-2011, 06:57 PM   رقم المشاركة : 6
نواف 511
رابط فعال





نواف 511 غير متصل

نواف 511 رابط متميز



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

افتراضي

الله يعطيك الف عافيه يالغالي







رد مع اقتباس
إضافة رد

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

أدوات الموضوع
انواع عرض الموضوع

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

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



الساعة الآن 10:14 PM


Powered by vBulletin® Version 3.8.7
Copyright ©2011 - 2012, vBulletin Solutions, Inc.
SEO by vBSEO

المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء ومشرفي الاقسام فعلى كل شخص تحمل مسؤولية نفسه

وكل من يبحث عن حل او مساعده خارج نطاق مواضيع المعهد فلا نتحمل أي مسؤولية حيال مايحدث لموقعه


F.T.G.Y 3.0 BY: D-sAb.NeT © 2011