المساعد الشخصي الرقمي

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



Chakira
10-30-2013, بتوقيت غرينيتش 08:47 PM
http://www.dzbatna.com/images/icons/iconrote.gif ط¯ط±ط³ : ظƒظٹظپظٹط© طھط£ط·ظٹط± ظ‚ط§ظ„ط¨ ط¥ظ†ط´ط§ط، ظ…ظˆط¶ظˆط¹ ط¬ط¯ظٹط¯ ط¨طھظ‚ظ†ظٹط© Css ط§ظ„ط*ط¯ظٹط«ط© .. (http://www.dzbatna.com/t1739950/)



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

نستمر معكم بدروس تأطير القوالب المتواجدة في المنتدى forum والتي تكون لدى البعض غير مهمة ..~

لكن مع الممارسة والإصرار نتعلم كل شئ جديد ..~

وراح نتعلم اليوم كيفية تأطير قالب template إنشاء موضوع ..~ بإسم : newthread ..

مثال :
http://upload.dzbatna.net/upfiles/BsR57792.jpg

بسم بالله بدينا ..~

.. هذأ بالنسبة لإطار إنشاء موضوع جديد ..

أولاً نتوجه إلى لوحة التحكم ومن ثم التحكم بالإستايل styleات نضغط على البحث في القوالب نبحث عن :

newthread

نقوم بالدخول إلى القالب template .. ونسوي له نسخ ونلقصه في أي محرر أكواد :

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

<code style="white-space:nowrap"> <code> <table class="tborder" cellpadding="$stylevar&#91;cellpadding&#93;" cellspacing="$stylevar&#91;cellspacing&#93;" border="0" width="100%" align="center">
</code> </code>

ونضع فوقه مباشرة كلاسات تأطير هيدر وأعمدة (دون أخذ نهايات الداف) التأطير:
رمز PHP:

<code style="white-space:nowrap"> <code> <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">
</code> </code>

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

<code style="white-space:nowrap"> <code> <input type="submit" class="button" name="preview" value="$vbphrase&#91;preview_post&#93;" accesskey="r" tabindex="1" />
</div>
</td>
</tr>
</table>
</code> </code>

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

<code style="white-space:nowrap"> <code> </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>
</code> </code>

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

والأن بالنسبة للخيارات الإضافية ..

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

<code style="white-space:nowrap"> <code> <table class="tborder" cellpadding="$stylevar&#91;cellpadding&#93;" cellspacing="$stylevar&#91;cellspacing&#93;" border="0" width="100%" align="center">
</code> </code>

ونضع فوقه مباشرة كلاسات تأطير هيدر وأعمدة (دون أخذ نهايات الداف) التأطير :
رمز PHP:

<code style="white-space:nowrap"> <code> <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">
</code> </code>

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

<code style="white-space:nowrap"> <code> value="$vbphrase&#91;preview_post&#93;" accesskey="r" tabindex="1" />
</div>
</td>
</tr>
</tbody>
</table>
</code> </code>

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

<code style="white-space:nowrap"> <code> </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>
</code> </code>

والأن مع الكود code كاملاً :
رمز PHP:

<code style="white-space:nowrap"> <code> $stylevar&#91;htmldoctype&#93;
<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar&#91;textdirection&#93;" lang="$stylevar&#91;languagecode&#93;">
<head>
$headinclude
<title>$vboptions&#91;bbtitle&#93; - $vbphrase&#91;post_new_thread&#93;</title>
</head>
<body$onload>
$header
$navbar

$postpreview

<form action="newthread.php?do=postthread&amp;f=$forumid" method="post" name="vbform"<if condition="!is_browser('webtv')"> onsubmit="return في بي vB_Editor&#91;'$editorid'&#93;.prepare_submit(this.subject .value, $vboptions&#91;postminchars&#93;)"</if>>
<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">
<table class="tborder" cellpadding="$stylevar&#91;cellpadding&#93;" cellspacing="$stylevar&#91;cellspacing&#93;" border="0" width="100%" align="center">
<tr>
<td class="tcat">
<span class="smallfont" style="float:$stylevar&#91;right&#93;"><strong>$vbphrase&#91;forum&#93;</strong>: <a href="forumdisplay.php?$session&#91;sessionurl&#93;f=$foruminfo&#91; forumid&#93;">$foruminfo&#91;title&#93;</a></span>
$vbphrase&#91;post_new_thread&#93;
</td>
</tr>
<tr>
<td class="panelsurround" align="center">
<div class="panel">
<div style="width:$stylevar&#91;formwidth&#93;" align="$stylevar&#91;left&#93;">

$usernamecode

$human_verify

<!-- subject field -->
<table cellpadding="0" cellspacing="0" border="0" class="fieldset">
<tr>
<if condition="$prefix_options">
<td class="smallfont">$vbphrase&#91;prefix&#93;:</td>
<td class="smallfont" colspan="3">$vbphrase&#91;title&#93;:</td>
<else />
<td class="smallfont" colspan="4">$vbphrase&#91;title&#93;:</td>
</if>
</tr>
<tr>
<if condition="$prefix_options">
<td style="padding-right: 1px">
<select name="prefixid" class="bginput">
<option value="">$vbphrase&#91;no_prefix_meta&#93;</option>
$prefix_options
</select>
</td>
</if>
<td>
<input type="text" class="bginput" name="subject" value="$subject" size="40" maxlength="$vboptions&#91;titlemaxchars&#93;" tabindex="1" />
</td>
<td>&nbsp;&nbsp;</td>
<td><img id="display_posticon" src="$selectedicon&#91;src&#93;" alt="$selectedicon&#91;alt&#93;" /></td>
</tr>
</table>
<!-- / subject field -->

<!-- message area -->
<div class="smallfont">$vbphrase&#91;message&#93;:</div>
$messagearea
<!-- / message area -->

<if condition="$show&#91;'tag_option'&#93;">
<fieldset class="fieldset" style="margin-top: $stylevar&#91;cellpadding&#93;px">
<legend>$vbphrase&#91;tags&#93;</legend>
<div style="padding:$stylevar&#91;formspacer&#93;px">
<div>$vbphrase&#91;separate_tags_using_comma&#93;</div>
<span id="tag_add"><input type="text" class="bginput" name="taglist" id="tag_add_input" value="$newpost&#91;taglist&#93;" size="40" tabindex="1" /></span>
<if condition="$show&#91;'tags_remain'&#93;"><div><phrase 1="$tags_remain">$vbphrase&#91;you_may_add_x_tags_to_thread&#93;</phrase></div></if>
</div>

<if condition="$show&#91;'popups'&#93;">
<div id="tag_add_menu" class="vbmenu_popup" style="display:none"></div>
<script type="text/javascript" src="clientscript/vbulletin_ajax_tagsugg.js?v=$vboptions&#91;simpleversi on&#93;"></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&#91;cellpadding&#93;px">
<input type="hidden" name="s" value="$session&#91;sessionhash&#93;" />
<input type="hidden" name="securitytoken" value="$bbuserinfo&#91;securitytoken&#93;" />
<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&#91;userid&#93;" />
<input type="submit" class="button" name="sbutton" id="{$editorid}_save" value="$vbphrase&#91;submit_new_thread&#93;" accesskey="s" tabindex="1" />
<input type="submit" class="button" name="preview" value="$vbphrase&#91;preview_post&#93;" 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>
<if condition="$show&#91;'additional_options'&#93;">
<br />
<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">
<table class="tborder" cellpadding="$stylevar&#91;cellpadding&#93;" cellspacing="$stylevar&#91;cellspacing&#93;" border="0" width="100%" align="center">
<thead>
<tr>
<td class="tcat">
<a style="float:$stylevar&#91;right&#93;" href="#top" onclick="return toggle_collapse('newpost_options')"><img id="collapseimg_newpost_options" src="$stylevar&#91;imgdir_button&#93;/collapse_tcat$vbcollapse&#91;collapseimg_newpost_optio ns&#93;.gif" alt="" border="0" /></a>
$vbphrase&#91;additional_options&#93;
</td>
</tr>
</thead>
<tbody id="collapseobj_newpost_options" style="$vbcollapse&#91;collapseobj_newpost_options&#93;">
<tr valign="top">
<td class="panelsurround" align="center">
<div class="panel">
<div style="width:$stylevar&#91;formwidth&#93;" align="$stylevar&#91;left&#93;">

<if condition="$show&#91;'podcasturl'&#93;">
<!-- podcast stuff -->
<fieldset class="fieldset">
<legend>$vbphrase&#91;podcast_options&#93;</legend>




<table cellpadding="0" cellspacing="$stylevar&#91;formspacer&#93;" border="0">
<tr>
<td class="smallfont">$vbphrase&#91;podcast_url&#93;:</td>
<td class="smallfont">&nbsp;$vbphrase&#91;filesize_bytes&#93;:</td>
</tr>
<tr>
<td><input type="text" class="bginput" name="podcasturl" value="$podcasturl" size="50" maxlength="255" tabindex="1" title="$vbphrase&#91;podcast_url&#93;" /></td>
<td>&nbsp;<input type="text" class="bginput" name="podcastsize" value="$podcastsize" size="10" tabindex="1" title="$vbphrase&#91;podcast_size&#93;" /></td>
</tr>
<tr>
<td class="smallfont">$vbphrase&#91;subtitle&#93;:</td>
<td class="smallfont">&nbsp;$vbphrase&#91;explicit&#93;:</td>
</tr>
<tr>
<td><input type="text" class="bginput" name="podcastsubtitle" value="$podcastsubtitle" size="50" maxlength="255" tabindex="1" title="$vbphrase&#91;subtitle&#93;" /></td>
<td><input type="checkbox" name="podcastexplicit" value="1" tabindex="1" $explicitchecked title="$vbphrase&#91;explicit&#93;" /></td>
</tr>
<tr>
<td class="smallfont">$vbphrase&#91;keywords&#93;:</td>
<td class="smallfont">$vbphrase&#91;author&#93;:</td>
</tr>
<tr>
<td><input type="text" class="bginput" name="podcastkeywords" value="$podcastkeywords" size="50" maxlength="255" tabindex="1" title="$vbphrase&#91;keywords&#93;" /></td>
<td><input type="text" class="bginput" name="podcastauthor" value="$podcastauthor" size="25" maxlength="255" tabindex="1" title="$vbphrase&#91;author&#93;" /></td>
</tr>
</table>
</fieldset>
<!-- / podcast stuff -->
</if>

<if condition="$show&#91;'misc_options'&#93;">
<fieldset class="fieldset">
<legend>$vbphrase&#91;miscellaneous_options&#93;</legend>
<div style="padding:$stylevar&#91;formspacer&#93;px">
<if condition="$bbuserinfo&#91;'signature'&#93; != ''"><div><label for="cb_signature"><input type="checkbox" name="signature" value="1" id="cb_signature" tabindex="1" $checked&#91;signature&#93; />$vbphrase&#91;show_your_signature&#93;</label></div></if>
<if condition="$show&#91;'parseurl'&#93;"><div><label for="cb_parseurl"><input type="checkbox" name="parseurl" value="1" id="cb_parseurl" tabindex="1" $checked&#91;parseurl&#93; />$vbphrase&#91;automatically_parse_links_in_text&#93;</label></div></if>
$disablesmiliesoption
</div>
</fieldset>
</if>

$attachmentoption

<if condition="$show&#91;'member'&#93;">
<fieldset class="fieldset">
<legend>$vbphrase&#91;thread_subscription&#93;</legend>
<table cellpadding="0" cellspacing="$stylevar&#91;formspacer&#93;" border="0">
<tr>
<td>$vbphrase&#91;notification_type&#93;:<br /><select name="emailupdate" tabindex="1">
<option value="9999" $emailchecked&#91;9999&#93;>$vbphrase&#91;do_not_subscribe&#93;</option>
<option value="0" $emailchecked&#91;0&#93;>$vbphrase&#91;no_email_notification&#93;</option>
<option value="1" $emailchecked&#91;1&#93;>$vbphrase&#91;instant_email_notification&#93;</option>
<option value="2" $emailchecked&#91;2&#93;>$vbphrase&#91;daily_email_notification&#93;</option>
<option value="3" $emailchecked&#91;3&#93;>$vbphrase&#91;weekly_email_notification&#93;</option>
</select></td>
<if condition="$show&#91;'subscribefolders'&#93;"><td>$vbphrase&#91;folder&#93;:<br /><select name="folderid" tabindex="1">$folderbits</select></td></if>
</tr>
</table>
</fieldset>
</if>

<if condition="$show&#91;'poll'&#93;">
<fieldset class="fieldset">
<legend>$vbphrase&#91;post_a_poll&#93;</legend>
<div style="padding:$stylevar&#91;formspacer&#93;px">
<div><label for="cb_postpoll"><input type="checkbox" name="postpoll" value="yes" id="cb_postpoll" tabindex="1" $checked&#91;postpoll&#93; />$vbphrase&#91;yes_post_a_poll_thread&#93;</label></div>
<div><label for="polloptnum">$vbphrase&#91;number_of_poll_options&#93;: <input type="text" class="bginput" size="5" name="polloptions" value="$polloptions" id="polloptnum" tabindex="1" /></label> <if condition="$vboptions&#91;'maxpolloptions'&#93;">($vbphrase&#91;maximum&#93;: $vboptions&#91;maxpolloptions&#93;)</if></div>
</div>
</fieldset>
</if>

$threadmanagement

</div>
</div>

<div style="margin-top:$stylevar&#91;cellpadding&#93;px">
<input type="submit" class="button" name="sbutton" value="$vbphrase&#91;submit_new_thread&#93;" accesskey="s" tabindex="1" />
<input type="submit" class="button" name="preview" value="$vbphrase&#91;preview_post&#93;" 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>
</if>

</form>

<br />

$forumrules

$footer

</body>
</html>
</code> </code>


بالتوفيق ..~







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى