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

SadMan

SadMan

New Member
..~ السلام عليكم ورحمة الله وبركاته ~ .. نستمر معكم بدروس تأطير القوالب المتواجدة في المنتدى والتي تكون لدى البعض غير مهمة ..~ لكن مع الممارسة والإصرار نتعلم كل شئ جديد ..~ وراح نتعلم اليوم كيفية تأطير قالب إنشاء موضوع ..~ بإسم : newthread .. مثال :
1.300x78.jpg

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



PHP: 
<table class="tborder" cellpadding="$stylevar[cellpadding]"  cellspacing="$stylevar[cellspacing]" border="0" width="100%"  align="center">


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





PHP: 
<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">


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





PHP: 
<input type="submit" class="button" name="preview" value="$vbphrase[preview_post]" accesskey="r" tabindex="1" />
    </div>
    </td>
</tr>
</table>


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





PHP: 
</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>


والأن بالنسبة للخيارات الإضافية .. نبحث عن السطر التالي :



PHP: 
<table class="tborder" cellpadding="$stylevar[cellpadding]"  cellspacing="$stylevar[cellspacing]" border="0" width="100%"  align="center">




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





PHP: 
<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">


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





PHP: 
value="$vbphrase[preview_post]" accesskey="r" tabindex="1" />
            </div>
        </td>
    </tr>
</tbody>
</table>



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





PHP: 
</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>



والان مع الكود كاملا






PHP: 
$stylevar[htmldoctype]
<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
$headinclude
<title>$vboptions[bbtitle] - $vbphrase[post_new_thread]</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['$editorid'].prepare_submit(this.subject.value,  $vboptions[postminchars])"</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[cellpadding]"  cellspacing="$stylevar[cellspacing]" border="0" width="100%"  align="center">
<tr>
    <td class="tcat">
        <span class="smallfont"  style="float:$stylevar[right]"><strong>$vbphrase[forum]</strong>:  <a  href="forumdisplay.php?$session[sessionurl]f=$foruminfo[forumid]">$foruminfo[title]</a></span>
        $vbphrase[post_new_thread]
    </td>
</tr>
<tr>
    <td class="panelsurround" align="center">
    <div class="panel">
        <div style="width:$stylevar[formwidth]" align="$stylevar[left]">

        $usernamecode

        $human_verify

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

        <!-- message area -->
        <div class="smallfont">$vbphrase[message]:</div>
        $messagearea
        <!-- / message area -->

        <if condition="$show['tag_option']">
        <fieldset class="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"  class="bginput" 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" class="vbmenu_popup" 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" class="button" name="sbutton"  id="{$editorid}_save" value="$vbphrase[submit_new_thread]" accesskey="s"  tabindex="1" />
        <input type="submit" class="button" 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>
<if condition="$show['additional_options']">
<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[cellpadding]"  cellspacing="$stylevar[cellspacing]" border="0" width="100%"  align="center">
<thead>
    <tr>
        <td class="tcat">
            <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 class="panelsurround" align="center">
        <div class="panel">
            <div style="width:$stylevar[formwidth]" align="$stylevar[left]">

                <if condition="$show['podcasturl']">
                <!-- podcast stuff -->
                <fieldset class="fieldset">
                    <legend>$vbphrase[podcast_options]</legend>

                    <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
                    <tr>
                        <td class="smallfont">$vbphrase[podcast_url]:</td>
                        <td class="smallfont">&nbsp;$vbphrase[filesize_bytes]:</td>
                    </tr>
                    <tr>
                        <td><input type="text" class="bginput"  name="podcasturl" value="$podcasturl" size="50" maxlength="255"  tabindex="1" title="$vbphrase[podcast_url]" /></td>
                        <td>&nbsp;<input type="text"  class="bginput" name="podcastsize" value="$podcastsize" size="10"  tabindex="1" title="$vbphrase[podcast_size]" /></td>
                    </tr>
                    <tr>
                        <td class="smallfont">$vbphrase[subtitle]:</td>
                        <td class="smallfont">&nbsp;$vbphrase[explicit]:</td>
                    </tr>
                    <tr>
                        <td><input type="text" class="bginput"  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 class="smallfont">$vbphrase[keywords]:</td>
                        <td class="smallfont">$vbphrase[author]:</td>
                    </tr>
                    <tr>
                        <td><input type="text" class="bginput"  name="podcastkeywords" value="$podcastkeywords" size="50"  maxlength="255" tabindex="1" title="$vbphrase[keywords]"  /></td>
                        <td><input type="text" class="bginput"  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 class="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 class="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>
PHP: 
                </fieldset>
                </if>

                <if condition="$show['poll']">
                <fieldset class="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" class="bginput" 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" class="button" name="sbutton"  value="$vbphrase[submit_new_thread]" accesskey="s" tabindex="1" />
                <input type="submit" class="button" name="preview"  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>
</if>

</form>

<br />

$forumrules

$footer

</body>
</html>
 


مع أن صورة المثال غير ظاهرة تماماً

فالشكر موصول لك على المجهود الأكثر من رائع

\\
 


•●[ .. سلمت أناملك على الأبداع .. ]●•

يعطيك العافية ..

//
 
يجب تسجيل الدخول أو التسجيل كي تتمكن من الرد هنا.
عودة
أعلى