تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 1 از 2 12 آخرینآخرین
نمایش نتایج: از 1 به 10 از 15

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

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

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

      نگارش: , by (کاربر سایت)
      2012/12/02 06:13 AM
      امتیاز: 

      سلام خدمت دوستای عزیز دیدم خیلی ها این سئوال براشوت پیش اومده که به چه شکلی فیلدی درست کنن با انتخاب چند گزینه مثل چیزی که فروم بازی سنتر انجام داده ، دیدم جائی نیست گفتم برای شما هم بذارم تا استفاده کنید
      مطلب مورد اهمیت زمان نوشتن این آموزش بود که 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']">,&nbsp;<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">&nbsp;</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}&amp;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">&nbsp;</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">&nbsp;</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}" />&nbsp;</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">&nbsp;</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">&nbsp;</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&amp;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}" /> -->&nbsp;</a></span>
                          </vb:if>
      
      
      
      
                          <vb:if condition="$show['infractionlink']">
                              &nbsp;<a class="infraction" href="infraction.php?{vb:raw session.sessionurl}do=report&amp;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}}" /> --> &nbsp;</a> &nbsp;
                          </vb:if>
                          <vb:if condition="$show['reportlink']">
                              &nbsp;<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}" /> -->&nbsp;</a> &nbsp;
                          </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&amp;p={vb:raw post.postid}" title="{vb:rawphrase manage}">&nbsp;</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&amp;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}" /> --> &nbsp;</a>
                              <vb:elseif condition="$show['yellowcard']" />
                                  <a class="yellowcard" href="infraction.php?{vb:raw session.sessionurl}do=view&amp;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}" /> --> &nbsp;</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
  1. Top | #2
    کاربر مفید و فعال

    ورژن ویبولتین
    3.8 و 4.2
    نوشته ها
    586
    میزان امتیاز
    72

    پیش فرض

    خسته نباشید
    خیلی دنبالش بودم

  2. Top | #3
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    280
    میزان امتیاز
    35

    پیش فرض

    سلام من این کار ها رو انجام دادم اما چیزی نمایش داده نشد.

    کد ها رو هم پیوست کردم.
    اینم ادرس سایت
    http://forum.gamelive.in

    کسی نیست کمک کنه؟؟؟؟؟؟؟؟؟

    یکی کمک کنه لطفا

    دوستان لطفا راهنمایی کنید.

    دوستان راهنمایی کنند.
    فایل های پیوست شده فایل های پیوست شده
    ویرایش توسط game_live25 : 2012/12/22 در ساعت 01:47 PM دلیل: ادغام دو پست

  3. Top | #4
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    280
    میزان امتیاز
    35

    پیش فرض

    اخرش هم هیچکی نبود کمک بکنه؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

    دوستان یکی کمک کنه
    ویرایش توسط game_live25 : 2012/12/22 در ساعت 11:04 PM دلیل: ادغام دو پست

  4. Top | #5
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    43
    میزان امتیاز
    0

    پیش فرض

    سلام
    اگر وقت کنم پنجشنبه یا جمعه آموزش کاملش رو قرار میدم
    صبر داشته باشین

  5. Top | #6
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    43
    میزان امتیاز
    0

    پیش فرض

    آموزش قرار دادن خیلی کار سختی هست ولی قول داده بودم و زودتر از موعد انجامش دادم
    موفق باشید

  6. Top | #7
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    25
    میزان امتیاز
    0

    پیش فرض

    با سلام
    من هر کار کردم تا فایلهای بلوگ و سی ام اس رو روی فایل زبان فارسی بریزم و جایگزین کنم نشد و همش ارور دیتابیس میده . لطفا کمکم کنید واجبه . ( اگر کسی میتونه واسم درستش کنه آیدی منو ادد کنه : آیدی یاهو 22game2 ) لطفا کمکم کنید ، جبران میکنم . تشکر .

  7. Top | #8
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    25
    میزان امتیاز
    0

    پیش فرض

    درود
    من همه اینکارارو واسه گذاشتن پلتفرم ها کردم و الانم توی پست بین نشون میده ولی با حالت و استایل دیگر فیلد های پست بیت نیست و داخل یه چهارچوب سفید اومده بدون استایل خود پست بیت قالبم . چیکار کنم . واجبه . لطفا پاسخ بدید . تشکر

    up .........
    ویرایش توسط omidgamerha : 2013/01/12 در ساعت 11:17 PM دلیل: ادغام دو پست

  8. Top | #9
    کاربر اخراجی

    ورژن ویبولتین
    Suite 4.2
    نوشته ها
    1,141
    میزان امتیاز
    0

    پیش فرض

    دوست عزیز ممنون
    آموزش خیلی خوبی بود
    پست بیت رو زیبا کرد
    ولی لطفا به این لینک برید
    نقد چند تصویر که تا کنون از Gta V منتشر شده ( بسیار جالب )
    عنوان این گزینه های پست بیت
    مثل عنوان کاربر و شماره عضویت و محل سکونت و ... سبز شده
    این تغییر هم اضافه کردن کد ذکر شد در
    Additional.css بود
    چیکار کنم ؟

  9. Top | #10
    کاندیدای مدیریت

    ورژن ویبولتین
    4.2
    نوشته ها
    116
    میزان امتیاز
    17

    پیش فرض

    نقل قول نوشته اصلی توسط gcmc نمایش پست ها
    دوست عزیز ممنون
    آموزش خیلی خوبی بود
    پست بیت رو زیبا کرد
    ولی لطفا به این لینک برید
    نقد چند تصویر که تا کنون از Gta V منتشر شده ( بسیار جالب )
    عنوان این گزینه های پست بیت
    مثل عنوان کاربر و شماره عضویت و محل سکونت و ... سبز شده
    این تغییر هم اضافه کردن کد ذکر شد در
    Additional.css بود
    چیکار کنم ؟
    کلـاس dl.userinfo_extradt,dl.user_repdt رو در قالب جستجو کنید و سپس :

    کد:
    dl.userinfo_extradt,dl.user_repdt{color:#0EB100;
    font-weight:normal;
    padding-right:5px;
    }
    مقدار color رو none قرار بدید ! | موفق باشید

    کاربر مقابل از Foutch بابت این پست مفید تشکر کرده است:


صفحه 1 از 2 12 آخرینآخرین

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. اموزش تصویری(ودیو) نصب قالب html اچ تی ام ال
    توسط sarwhost در انجمن آموزش CSS بصورت ساده و حرفه ای
    پاسخ: 1
    آخرين نوشته: 2014/08/30, 10:53 AM
  2. اموزش اچ تی ام ال به صورت گام به گام (جلسه اول)
    توسط Mr.M!ckeR در انجمن طراحی قالب وبلاگ و ..
    پاسخ: 24
    آخرين نوشته: 2014/02/04, 12:09 PM
  3. اموزش اچ تی ام ال به صورت گام به گام ( ورژن چهارم ) مفید و مهم
    توسط Mr.M!ckeR در انجمن طراحی قالب وبلاگ و ..
    پاسخ: 7
    آخرين نوشته: 2012/09/04, 01:13 PM
  4. آموزش نصب آپلود سنتر مولتی مدیا در سی پنل (تصویری-صوتی)
    توسط par در انجمن آموزش ( غیر از ویبولتین )
    پاسخ: 5
    آخرين نوشته: 2012/07/17, 01:26 AM

کلمات کلیدی این موضوع

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •