آموزش تصویری ساخت فیلد بصورتی مولتی سلکت (بازی سنتر)
امتیاز:

سلام خدمت دوستای عزیز دیدم خیلی ها این سئوال براشوت پیش اومده که به چه شکلی فیلدی درست کنن با انتخاب چند گزینه مثل چیزی که فروم بازی سنتر انجام داده ، دیدم جائی نیست گفتم برای شما هم بذارم تا استفاده کنید
مطلب مورد اهمیت زمان نوشتن این آموزش بود که 2 ساعت وقتم رو گرفت و همینجا از عزیزانی که زحمت کشیدن و کلی آموزش داخل وی بی ایران قرار دادن (بخصوص شخص اولش علی آقا) یک تشکر عظیم میکنم واقعاً چیز سخت و وقت گیری هست
تو این آموزش پست سه چیز رو آموزش میدم
1.ساخت پست بیت مانند بازی سنتر
2.ساخت یک کادر و نشان دادن چند فیلد در یک کادر
3. ساخت فیلد چند خطی یا به عبارتی فیلدی که بشه چند انتخاب داشته باشه و داخل پست بیت نمایش داده بشه (مثل بازی سنتر)
در آخر در پست بیت باید همچین چیزی داشته باشید:
قبل از شروع چون آموزش یه خورده حجیم و سخت هست سعی میکنم با زبان کاملاً ساده و ریز به ریز توضیح بدم تا همه بتونن استفاده کنن شما باید دو کار انجام بدین یکی اینکه قالب هائی که باید تغییرشون بدین رو قبل از تغییر یه کپی از اون رو داخل نت پد بریزید و سیوش کنید که اگر اشتباه کردین همون قبلی رو جاش بذارید و کار دوم این هست که آموزش رو کامل و نکته به نکته انجام بدین تا سئوال بی دلیل براتون پیش نیاد
بریم سر وقت آموزش
قسمت اول ساخت پست بیت مانند بازی سنتر:
استایل ها و قالب ها -> تنظیمات استایل -> جست و جو در قالب ها ->
جست و جو در استایل : قالبی که میخواید تغییرات روش انجام بشه رو انتخاب میکنید
جست و جو برای متن : postbit_legacy
و بعدش جستجو رو میزنید و از کادر سمت راست رو postbit_legacy دابل کلیک میکنید
هر چی که داخلش هست رو پاک میکنید و این کد رو جایگزینش میکنید و بعدش ذخیره میکنید:
کد:{vb:raw template_hook.postbit_start}<li class="postbitlegacy postbitim postcontainer {vb:raw post.statusicon}" id="post_{vb:raw post.postid}"> <!-- see bottom of postbit.css for .userinfo .popupmenu styles --> <div class="posthead"> <span class="postdate {vb:raw post.statusicon}"> <vb:if condition="$show['announcement']"> <span class="date">{vb:rawphrase x_until_y, {vb:raw post.startdate}, {vb:raw post.enddate}}</span> <vb:else /> <span class="date">{vb:raw post.postdate}<vb:if condition="!$show['detailedtime']">, <span class="time">{vb:raw post.posttime}</span></vb:if></span> </vb:if> </span> <span class="nodecontrols"> <vb:if condition="$post['postid'] AND $post['threadid'] AND !$show['moderated']"> <a name="post{vb:raw post.postid}" href="{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}" class="<vb:if condition="$show['inlinemod']">ie</vb:if>postcounter">#{vb:raw post.postcount}</a><a id="postcount{vb:raw post.postid}" name="{vb:raw post.postcount}"></a> </vb:if> <vb:if condition="$show['moderated']">{vb:rawphrase moderated_post}</vb:if> <vb:if condition="$show['inlinemod']"> <label for="post_imod_checkbox_{vb:raw post.postid}"><input class="postimod" type="checkbox" id="post_imod_checkbox_{vb:raw post.postid}" name="plist[{vb:raw post.postid}]" value="{vb:raw post.checkbox_value}" /></label> </vb:if> </span> </div> <div class="postdetails"> <div class="userinfo"> <br /> <div class="postbitBox"> <div class="username_container"> <div class="usernameBar"> <div class="leftPoint"></div><div class="rightPoint"></div> <vb:if condition="$post['userid']"> {vb:raw memberaction_dropdown} </div> </div> <div class="postbitBoxStatus"> {vb:raw post.onlinestatus} <vb:else /> <span class="username guest">{vb:raw post.musername}</span> </vb:if> </div> <div class="postbitBoxBar"> <div class="leftPoint"></div><div class="rightPoint"></div> <span class="usertitle"> {vb:raw post.usertitle} </span> </div> <vb:if condition="$post['rank']"> <span class="rank">{vb:raw post.rank}</span> </vb:if> {vb:raw template_hook.postbit_userinfo_left} <vb:if condition="$show['reputation']"> <span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}" title="{vb:raw post.username} {vb:raw post.level}"> <vb:each from="reputationdisplay" value="row"> <img class="{vb:raw row.class}" src="{vb:stylevar imgdir_reputation}/reputation_{vb:raw row.posneg}{vb:raw row.imgext}" alt="" />{vb:raw row.rowend} </vb:each> </span> </vb:if> <div class="postbitBoxAvatar"> <vb:if condition="$show['avatar']"> <a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}"> <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" /> </a> </vb:if> </div> <vb:if condition="$post['userid']"> <hr /> <dl class="userinfo_extra"> <vb:if condition="$post['joindate']"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></vb:if> <vb:if condition="$post['field2']"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></vb:if> <vb:if condition="$post['age']"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></vb:if> <dt>{vb:rawphrase posts}</dt> <dd>{vb:raw post.posts}</dd> {vb:raw template_hook.postbit_userinfo_right_after_posts} </dl> <vb:if condition="$show['infraction'] OR $show['reppower']"> <dl class="user_rep"> <vb:if condition="$show['infraction']"> <dt>{vb:rawphrase infractions}</dt> <dd>{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})</dd> </vb:if> <vb:if condition="$show['reputation']"> <vb:if condition="$show['reppower']"> <dt>{vb:rawphrase reppower}</dt> <dd id="reppower_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reppower}</dd> </vb:if> </vb:if> </dl> </vb:if> {vb:raw template_hook.postbit_userinfo_right} <div class="imlinks"> {vb:raw post.icqicon} {vb:raw post.aimicon} {vb:raw post.msnicon} {vb:raw post.yahooicon} {vb:raw post.skypeicon} </div> </vb:if> </div> </div> <div class="postbody"> <div class="postrow<vb:if condition="$show['postedited'] || $post['signature']"> has_after_content</vb:if>"> {vb:raw template_hook.postbit_messagearea_start} <vb:if condition="$post['title'] OR $show['messageicon']"> <h2 class="title icon"> <vb:if condition="$show['messageicon']"><img src="{vb:raw post.iconpath}" alt="{vb:raw post.icontitle}" /> </vb:if>{vb:raw post.title} </h2> </vb:if> <vb:if condition="$post['isfirstshown']"> {vb:raw ad_location.ad_showthread_firstpost_start} {vb:raw ad_location.thread_first_post_content} </vb:if> <vb:if condition="$post['islastshown']"> {vb:raw ad_location.thread_last_post_content} </vb:if> <div class="content<vb:if condition="$show['first_ad'] OR $show['last_ad']"> hasad</vb:if>"> <div id="post_message_{vb:raw post.postid}"> <blockquote class="postcontent restore "> {vb:raw post.message} </blockquote> </div> <vb:if condition="$show['attachments']"> <div class="attachments"> <vb:if condition="$show['thumbnailattachment']"> <fieldset class="postcontent"> <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_thumbnails}" /> {vb:rawphrase attached_thumbnails}</legend> {vb:raw post.thumbnailattachments} </fieldset> </vb:if> <vb:if condition="$show['imageattachment']"> <fieldset class="postcontent"> <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_images}" /> {vb:rawphrase attached_images}</legend> {vb:raw post.imageattachments} </fieldset> </vb:if> <vb:if condition="$show['imageattachmentlink']"> <fieldset class="postcontent"> <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_images}" /> {vb:rawphrase attached_images}</legend> <ul> {vb:raw post.imageattachmentlinks} </ul> </fieldset> </vb:if> <vb:if condition="$show['otherattachment']"> <fieldset class="postcontent"> <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_files}" /> {vb:rawphrase attached_files}</legend> <ul> {vb:raw post.otherattachments} </ul> </fieldset> </vb:if> <vb:if condition="$show['moderatedattachment']"> <fieldset class="postcontent"> <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attachments_pending_approval}" /> {vb:rawphrase attachments_pending_approval}</legend> <ul> {vb:raw post.moderatedattachments} </ul> </fieldset> </vb:if> </div> <!-- / attachments --> </vb:if> </div> </div> <vb:if condition="$show['postedited'] || $post['signature']"> <div class="after_content"> <vb:if condition="$show['postedited']"> <!-- edit note --> <blockquote class="postcontent lastedited"> <vb:if condition="$show['postedithistory']"> {vb:rawphrase last_edited_link_by_x_on_y_at_z_postid, {vb:raw post.edit_username}, {vb:raw post.edit_date}, {vb:raw post.edit_time}, {vb:raw post.historyurl}} <vb:else /> {vb:rawphrase last_edited_by_x_on_y_at_z, {vb:raw post.edit_username}, {vb:raw post.edit_date}, {vb:raw post.edit_time}} </vb:if> <vb:if condition="$post['edit_reason']"> <span class="reason">{vb:rawphrase reason}:</span> {vb:raw post.edit_reason} </vb:if> </blockquote> <!-- / edit note --> </vb:if> {vb:raw template_hook.postbit_signature_start} <vb:if condition="$post['isfirstshown']"> {vb:raw ad_location.ad_showthread_firstpost_sig} </vb:if> <vb:if condition="$post['signature']"> </vb:if> {vb:raw template_hook.postbit_signature_end} </div> </vb:if> <div class="cleardiv"></div> {vb:raw template_hook.postbit_messagearea_end} <blockquote class="signature restore"><div class="signaturecontainer"><div class="mysignature">{vb:raw post.signature}</div></div></blockquote> </div> </div> <div class="postfoot"> <!-- <div class="postfoot_container"> --> <div class="textcontrols floatcontainer"> <span class="postcontrols"> <img style="display:none" id="progress_{vb:raw post.postid}" src="{vb:stylevar imgdir_misc}/progress.gif" alt="{vb:rawphrase loading_editor_please_wait}" /> <vb:if condition="$post['editlink']"> <a class="editpost" href="{vb:raw post.editlink}" name="vB::QuickEdit::{vb:raw post.postid}" title="{vb:rawphrase edit_delete_message}"><img src="{vb:raw vboptions.cleargifurl}" id="editimg_{vb:raw post.postid}" alt="{vb:rawphrase edit_delete_message}" /> {vb:rawphrase edit_post}</a> <vb:if condition="THIS_SCRIPT != 'usernote' && THIS_SCRIPT != 'announcement'"><span class="seperator"> </span></vb:if> </vb:if> <vb:if condition="$show['quickreply'] AND !$show['threadedmode']"> <a id="qr_{vb:raw post.postid}" class='quickreply' href="{vb:raw post.replylink}&noquote=1" rel="nofollow" title="{vb:rawphrase quick_reply_to_this_message}"><img id="replyimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase quick_reply_to_this_message}" /> {vb:rawphrase reply}</a> <span class="seperator"> </span> </vb:if> <vb:if condition="$post['replylink']"> <a id="qrwq_{vb:raw post.postid}" class="newreply" href="{vb:raw post.replylink}" rel="nofollow" title="{vb:rawphrase reply_with_quote}"><img id="quoteimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase reply_with_quote}" /> <vb:if condition="$post['forwardlink']">{vb:rawphrase reply_to_private_message}<vb:else />{vb:rawphrase reply_with_quote}</vb:if></a> <vb:if condition="$show['multiquote_post']"><span class="seperator"> </span></vb:if> </vb:if> <vb:if condition="$show['multiquote_post']"> <a class="multiquote" href="{vb:raw post.replylink}" rel="nofollow" onclick="return false;" id="mq_{vb:raw post.postid}" title="{vb:rawphrase multi_quote_this_message}"><img id="mq_image_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase multi_quote_this_message}" /> </a> </vb:if> </span> <span class="postlinking"> <vb:if condition="!$post['forwardlink'] && THIS_SCRIPT != 'usernote' && THIS_SCRIPT != 'announcement'"> <vb:if condition="$promote_sectionid AND $promote_sectionid != -1"> <a href="{vb:raw promote_url}" class="promotecms">{vb:rawphrase promote_to_article}</a> <span class="seperator"> </span> </vb:if> </vb:if> {vb:raw template_hook.postbit_controls} {vb:raw post.iplogged} <vb:if condition="$post['forwardlink']"> <a class="forwardpost" href="{vb:raw post.forwardlink}" rel="nofollow"><img src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase forward_message}" /> {vb:rawphrase forward}</a> <vb:if condition="$show['reputationlink'] OR $show['infractionlink'] OR $show['moderated'] OR $show['spam'] OR $show['deletedpost'] OR $show['redcard'] OR $show['yellowcard']"><span class="seperator"> </span></vb:if> </vb:if> <vb:if condition="$show['reputationlink']"> <span class="reputationpopupmenu popupmenu popupcustom" title="{vb:raw post.postid}"><a class="popupctrl reputation" href="reputation.php?{vb:raw session.sessionurl}do=addreputation&p={vb:raw post.postid}" title="{vb:rawphrase add_reputation}" rel="nofollow" id="reputation_{vb:raw post.postid}"><!--<img src="{vb:stylevar imgdir_button}/reputation-40b.png" alt="{vb:rawphrase add_reputation}" /> --> </a></span> </vb:if> <vb:if condition="$show['infractionlink']"> <a class="infraction" href="infraction.php?{vb:raw session.sessionurl}do=report&p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}"><!-- <img src="{vb:stylevar imgdir_button}/add-infraction_sm.png" alt="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}" /> --> </a> </vb:if> <vb:if condition="$show['reportlink']"> <a class="report" href="{vb:raw post.reportlink}" rel="nofollow" title="{vb:rawphrase report_bad_post}"><!-- <img src="{vb:stylevar imgdir_button}/report-40b.png" alt="{vb:rawphrase report_bad_post}" /> --> </a> </vb:if> <vb:if condition="$show['moderated']"> <img class="moderated" src="{vb:stylevar imgdir_misc}/moderated_sm.png" alt="{vb:rawphrase moderated_post}" /> </vb:if> <vb:if condition="$show['spam']"> <img class="spam" src="{vb:stylevar imgdir_misc}/spam_detected.png" alt="{vb:rawphrase spam_post}" /> </vb:if> <vb:if condition="$show['deletedpost']"> <vb:if condition="$show['managepost']"> <a class="deleted" href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}postings.php?{vb:raw session.sessionurl}do=managepost&p={vb:raw post.postid}" title="{vb:rawphrase manage}"> </a> <vb:else /> <img class="deleted_nolink" class="inlineimage" src="{vb:stylevar imgdir_button}/deleted_sm.png" alt="{vb:rawphrase deleted_post}" /> </vb:if> </vb:if> <vb:if condition="$show['redcard']"> <a class="redcard" href="infraction.php?{vb:raw session.sessionurl}do=view&p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_infraction}"><!-- <img src="{vb:stylevar imgdir_button}/red-card_sm.png" alt="{vb:rawphrase received_infraction}" /> --> </a> <vb:elseif condition="$show['yellowcard']" /> <a class="yellowcard" href="infraction.php?{vb:raw session.sessionurl}do=view&p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_warning}"><!--<img src="{vb:stylevar imgdir_button}/yellow-card_sm.png" alt="{vb:rawphrase received_warning}" /> --> </a> </vb:if> <vb:if condition="$post['api_platform']"> <vb:if condition="$post['api_platform_link']"> <a class="mobile mobile_{vb:raw post.api_platform}" href="{vb:raw post.api_platform_link}" rel="nofollow" title="{vb:rawphrase {vb:raw post['api_platform_link_title']}}">{vb:rawphrase {vb:raw post['api_platform_link_phrase']}}</a> <vb:else /> <span class="mobile mobile_{vb:raw post.api_platform}">{vb:rawphrase {vb:raw post['api_platform_link_phrase']}}</span> </vb:if> </vb:if> </span> <!-- </div> --> </div> </div> <hr /> </li> {vb:raw template_hook.postbit_end}
حالا دوباره این مسیر:
استایل ها و قالب ها -> تنظیمات استایل -> جست و جو در قالب ها ->
جست و جو در استایل : قالبی که میخواید تغییرات روش انجام بشه رو انتخاب میکنید
جست و جو برای متن : Additional.css
و بعدش جستجو رو میزنید و از کادر سمت راست رو Additional.css دابل کلیک میکنید
و در انتهای اون این کد رو اضافه میکنید و بعدش ذخیره میکنید:
کد:.postbitBox{ background:#F7F7F7; width:174px; border:1px solid #116B00; margin-left:auto;margin-right:auto; margin-bottom:10px;text-align:center; -moz-border-radius:3px 3px 5px 5px; -webkit-border-radius:3px 3px 5px 5px; border-radius:3px 3px 5px 5px; } .username_container .username strong{ font-size:14pt;font-weight:400; text-shadow:1px 1px 2px #AAA; } .usernameBar{background:#e0e0e0 ;border:1px solid #d9d9d9; position:relative; padding:1px 0 5px 0; margin:-6px 6px 0 6px; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25); box-shadow:0 1px 3px rgba(0,0,0,0.25); -khtml-box-shadow:0 1px 3px rgba(0,0,0,0.25); } .usernameBar div{ background-color:#e0e0e0; position:absolute; top:0; width:4px; height:4px; } .usernameBar div.rightPoint{ -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; -khtml-border-top-right-radius:3px; right:-3px; } .usernameBar div.leftPoint{ -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; -khtml-border-top-left-radius:3px; left:-3px; } .postbitBoxStatus{ margin:-20px 0 -5px 0; text-align:center; } .postbitBoxAvatar{ background:#f5fff4; width:160px; border:1px solid #116B00; margin-top:6px; margin-left:auto; margin-right:auto; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .postbitBoxBar{ background:#f5fff4; border:1px solid #116B00; position:relative; padding:1px; margin:13px -5px -9px -5px; text-align:center; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; -khtml-border-radius:0 0 3px 3px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25); box-shadow:0 1px 3px rgba(0,0,0,0.25); -khtml-box-shadow:0 1px 3px rgba(0,0,0,0.25); } .postbitBoxBar div{ background-color:#116B00; position:absolute; top:-4px; width:4px; height:4px; } .postbitBoxBar div.rightPoint{ -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; -khtml-border-top-right-radius:3px; right:-1px; } .postbitBoxBar div.leftPoint{ -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; -khtml-border-top-left-radius:3px; left:-1px; } .postbitBoxRep{ background:#e0e0e0; border:1px solid #c9c9c9; color:#000l } .postbitBoxRep div{ background-color:#c9c9c9; } .postbitlegacy .userinfo .postuseravatar,.postbitlegacy .userinfo .postuseravatar img{ float:none; text-align:center; padding-bottom:5px; } .postbitlegacy .userinfo .usertitle{ padding:2px 0 2px 0; text-align:center; } dl.userinfo_extra,dl.user_rep{ margin:0; padding:10px 0 0 0; } dl.userinfo_extra dt,dl.user_rep dt{ color:#0EB100; font-weight:normal; padding-right:5px; } dl.userinfo_extra dd,dl.user_rep dd{ text-align:right; padding:0 5px 0 5px; } .postbitlegacy .imlinks{ text-align:center; float:none; clear:both; padding-top:5px; } .platformBar{ position:relative; background:#f5fff4; border:1px solid #116B00; margin:5px 10px -15px 10px; padding:1px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25); box-shadow:0 1px 3px rgba(0,0,0,0.25); -khtml-box-shadow:0 1px 3px rgba(0,0,0,0.25); } .gameridsBar{ position:relative; background:#f5fff4; border:1px solid #116B00; margin:20px 10px 0px 10px; padding:1px;text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 4px rgba(0,0,0,0.25); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.25); box-shadow:0 0 4px rgba(0,0,0,0.25); -khtml-box-shadow:0 0 4px rgba(0,0,0,0.25); }
کار پست بیت تمام شد اگر هکی نصب کردید و و داخل پست بیت هماهنگ نیست باید کلاسdiv رو به userinfo_extra تغییر نام بدین و اگر کلاً نیست باید متغییرش رو به postbit_legacy اضافه کنید و همینطور تغییر کلاسش به userinfo_extra اگر میخواید به صورت باکس نمایش داده بشه میتونید این کلاس رو براش تعریف کنید gameridsBar
قسمت دوم ساخت یک کادر و نشان دادن چند فیلد در یک کادر :
این مسیر رو میرید:
فیلدهای مشخصات کاربر -> اضافه کردن فیلد مشخصات برای کاربر -> انتخاب تنظیمات جعبه یک خظی -> و بعدش ادامه
عنوان : عنوان که میخواید بنویسید . مثلاً سیستم عامل
توضیح : یه توضیح راجع به عنوان . مثلاً سیتم عامل شما چیت؟
تنظیم ها : در اینجا گزینه هائی که میخواید رو باید بنویسید و اونهارو یک جا کپی کنید چون بهش کار دارید . مثلاً
windows xp
windows vista
windows 7
windows 8
پیش فرض : بسته به چیزی که خودتون میخواید (ترجیحاً بذارید بله اما اولین گزینه خالی نباشد و میتونید گزینه اول رو مثلاً بذارید OS و یه عکس براش بذارید که پست بیتا همه یک دست باشن بعد طرف خودش تغییر بده)
فیلدهای اجباری : بازم بسته به خواست خودتون ترجیحاً بذارید بله همیشه
فیلد توسط کاربر تغییر می کند : بله
فیلد خصوصی : خیر
فیلد قابل جست و جو در لیست کاربران باشد :بله
نمایش در لیست کاربران : بله
و در آخر ذخیره
اینم عکسش:
حا ما سه تا میسازیم شما هر چنتا میخواید بسازی یا هر چنتا که قبلاً ساختید
همونطور که میبینید سه فیلد اضافه شد
که شماره هاشون رو نوشته
سیستم عامل : field5
مرورگر : field6
سیم کارت : field7
همونطور که در عکس پائین میبینید یه سری عکس درست کردیم که دقیقاً هم اسم با اون چیزی هست که تو قسمت تنظیم های ساخت فیلد نوشته بودیم که وقتی فرا خونده میشن دقیقاً همونا نمایش داده بشن
نکته: عکس های هر فیلد رو داخل یک فولدر مجزا قرار بدین
حالا این هارو با فولدر هاش یک جای هاستتون آپلود کنید
حالا نوبت تغییر این کد ها هست
کد:<div class="gameridsBar"> <vb:if condition="$post['field6']"> <img src="http://mysite.com/my folder1/my folder1/{vb:raw post.fieldx1}.png" alt="{vb:raw post.fieldx1}" title="{vb:raw post.fieldx1}"> </vb:if> <vb:if condition="$post['field7']"> <img src="http://mysite.com/my folder2/my folder2/{vb:raw post.fieldx2}.png" alt="{vb:raw post.fieldx2}" title="{vb:raw post.fieldx2}"> </vb:if> <vb:if condition="$post['field8']"> <img src="http://mysite.com/my folder3/my folder3/{vb:raw post.fieldx3}.png" alt="{vb:raw post.fieldx3}" title="{vb:raw post.fieldx3}"> </vb:if> </div>
جای mysite.com اسم سایت خودتون رو مینویسید
جای my folder1 مسیری که فولدر ها طی میکنن تا برسن به عکس های فیلد اول
جای my folder2 مسیری که فولدر ها طی میکنن تا برسن به عکس های فیلد دوم
جای my folder3 مسیری که فولدر ها طی میکنن تا برسن به عکس های فیلد سوم
بجای fieldx1 و fieldx2 و fieldx3 اسم فیلد هاتون رو مینویسید
جای png هم فرمت عکس های خودتون رو بذارید دقت کنید اگر عکس هاتون Gif هست این جا هم باید اونارو gif کنید اگر jpeg هست اینهارو هم باید jpeg کنید
حالا این مسیر رو برید :
استایل ها و قالب ها -> تنظیمات استایل -> جست و جو در قالب ها ->
جست و جو در استایل : قالبی که میخواید تغییرات روش انجام بشه رو انتخاب میکنید
جست و جو برای متن : postbit_legacy
و بعدش جستجو رو میزنید و از کادر سمت راست رو postbit_legacy دابل کلیک میکنید
دنبال این کد بگردید
و پائینش کدی رو که در بالا ساختید رو قرار بدینکد:<vb:if condition="$post['userid']">
خب این هم تمام شد
قسمت سوم ساخت فیلد چند خطی یا به عبارتی فیلدی که بشه چند انتخاب داشته باشه و داخل پست بیت نمایش داده بشه (مثل بازی سنتر) :
فیلدهای مشخصات کاربر -> اضافه کردن فیلد مشخصات برای کاربر -> انتخاب تنظیمات چند خطی -> و بعدش ادامه
عنوان : عنوان که میخواید بنویسید . مثلاً کنسول ها
توضیح : یه توضیح راجع به عنوان . مثلاً کنسول مورد علاقه شما چیست؟
محدودیت انتخاب : برای این هست که کاربر از بین چنیدن انتخاب فقط محدود به انتخاب تعداد معینی داشته باشه
ارتفاع جعبه : برای این هست که ارتفاع کادر انتخابی اندازه چنتا انتخاب باشه یعنی اگر شما 10 تا گزینه انتخاب کرده باشید اگر این رو بذارید روی دو دوتاشو نشون میده و برای انتخاب کردن باقی باید اسکرول رو حرکت داد ولی اگر این رو بذارید 10 تا همرو یک جا نشون میده
تنظیم ها : این قسمت نسبت به دفعه قبل یک نکته داره توضیحش رو با یک مثال میگم
ما 6 گزینه انتخاب میکنیم مثلاً با اسم های
vbiran
game
software
xbox
pc
major
حالا باید دقت داشته باشید که عکس های که داخل هاستتون آپلود میکنید به این ترتیب مرتب بشن و راه حلش هم این هست که عکسها یک عدد باشن و به ترتیم
مثلاً
عکس مربوط به vbiran اسمش باشه 1.png
و
.
.
.
.
عکس مربوط به major اسمش باشه 6.png
پیش فرض : بسته به چیزی که خودتون میخواید (ترجیحاً بذارید بله اما اولین گزینه خالی نباشد و میتونید گزینه اول رو مثلاً بذارید OS و یه عکس براش بذارید که پست بیتا همه یک دست باشن بعد طرف خودش تغییر بده)
فیلدهای اجباری : بازم بسته به خواست خودتون ترجیحاً بذارید بله همیشه
فیلد توسط کاربر تغییر می کند : بله
فیلد خصوصی : خیر
فیلد قابل جست و جو در لیست کاربران باشد :بله
نمایش در لیست کاربران : بله
و در آخر ذخیره
مثل عکس زیر:
حالا عکس هائی رو که ساختین رو داخل یک فولدر داخل هاستتون آپلود میکنید
این هم کدش هست:
کد:<div class="platformBar"> <vb:if condition="$post['fieldx']"> <dd> <vb:if condition="$post['fieldx'] & 1"> <img src="http://mysite.com/my folder/1.png" alt="وی بی ایران"> </vb:if> <vb:if condition="$post['fieldx'] & 2"> <img src="http://mysite.com/my folder/2.png" alt="بازی"> </vb:if> <vb:if condition="$post['fieldx'] & 4"> <img src="http://mysite.com/my folder/3.png" alt="نرم افزار"> </vb:if> <vb:if condition="$post['fieldx'] & 8"> <img src="http://mysite.com/my folder/4.png" alt="ایکس باکس"> </vb:if> <vb:if condition="$post['fieldx'] & 16"> <img src="http://mysite.com/my folder/5.png" alt="پی سی"> </vb:if> <vb:if condition="$post['fieldx'] & 32"> <img src="http://mysite.com/my folder/6.png" alt="ماجور"> </vb:if> </dd> </vb:if> </div>
بجای fieldx اسم فیلد خودتون رو مینویسید
بجای
هم آدرس عکس های خودتون رو میدینکد:http://mysite.com/my folder/1.png http://mysite.com/my folder/2.png http://mysite.com/my folder/3.png http://mysite.com/my folder/4.png http://mysite.com/my folder/5.png http://mysite.com/my folder/6.png
داخل alt هر کدوم هم ، توضیح عکس خودتون رو میگذارید تا وقتی موس روش رفت توضیحات نمایش داده بشه ما بر حسب چیزی که این جا آموزش دادیم گذاشتیم
اگر میخواید تو مرورگر فایر فاکس هم alt داشته باشید باید یک title هم بهش اضافه کنید
برای اینکه تعداد رو افزایش بدین باید این کد رو به هر تعدادی که میخواید به کد بالا و زیر آخرینش اضافه کنید
کد:<vb:if condition="$post['fieldx'] & 1"> <img src="http://mysite.com/my folder/1.png" alt="وی بی ایران"> </vb:if>
فقط دقت داشته باشید عدد بعد از & که باید برای هر تعداد انتخابی مه داریم از این ضریب استفاده کنیم 1/2/4/8/16/32/64/128/256/512/1024/2048
یعنی اگر یازده انتخاب داشتیم باید به این شکل باشن:
& 1
& 2
& 4
& 8
& 16
& 32
& 64
& 128
& 256
& 512
& 1024
و ادامه همین روند برای انتخاب های بیشتر
حالا به این مسیر برید :
استایل ها و قالب ها -> تنظیمات استایل -> جست و جو در قالب ها ->
جست و جو در استایل : قالبی که میخواید تغییرات روش انجام بشه رو انتخاب میکنید
جست و جو برای متن : postbit_legacy
و بعدش جستجو رو میزنید و از کادر سمت راست رو postbit_legacy دابل کلیک میکنید
دنبال این کد بگردید:
و زیرش کدی رو که ساختید رو قرار بدینکد:<div class="imlinks">
برای انتخاب فیلد ها باید به کنترل پنلتون برید -> اطلاعات خود را ویرایش کنید -> و بعد از اون هر چند فیلدی که میخواید رو انتخاب کنید
تمام حالا شما باید همچین چیزی داشته باشید
قبل از سئوال اگر نتیجه این چیزی نشد که عکسش رو گذاشتم قطعاً یک جای آموزش رو اشتباه رفتید یکبار دیگه نکته به نکته مرور کنید تا به نتیجه دلخواه برسید
دوستانی که دوست دارن فقط از فیلد چند گزینه ائی در پست بیت خودشون استفاده کنن کلاسش رو به کلاس پست بیت خودشون تغییر بدن
یعنی این رو platformBar تغییر بدن به کلاس خودشون
امیدوارم مطلب مفیدی بوده باشه و ازش استفاده کنید، موفق باشید
تمام.
ویرایش توسط sr.major : 2012/12/23 در ساعت 10:59 PM
علاقه مندی ها (Bookmarks)