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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 7 از 7 نخستنخست 1234567
نمایش نتایج: از 61 به 69 از 69

مقاله: آموزش کادربندی پست بیت بسیار زیبای VBIran Animation

    1. آموزش کادربندی پست بیت بسیار زیبای VBIran Animation »

      آموزش کادربندی پست بیت بسیار زیبای VBIran Animation

      نگارش: , by (We could belong together)
      2012/06/22 12:37 PM
      امتیاز: 

      درود .
      دمو از پست بیت :
      (البته این رو بگم , این پست بیت بعد از 1 ثانیه , خود به خود از حالت 1 به 2 میره , توی عکس نمیشه نشونش داد که )

      حالت 1 :


      حالت 2 :



      دمو آنلاین : http://forum.pershiandon.com/thread10354.html#post17739



      برای کادربندی این پست بیت , ابتدا به ادمین سی پی => جست و جوی قالب ها => additional.css بروید و انتهاش کد های زیر رو اضافه کنید :
      کد:
      .post_field {
      background: white;
      background: -moz-linear-gradient(top, white 0%, #F1F1F1 50%, #E1E1E1 51%, #F6F6F6 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,#F1F1F1), color-stop(51%,#E1E1E1), color-stop(100%,#F6F6F6));
      background: -webkit-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
      background: -o-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
      background: -ms-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
      background: linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
      ******: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
      padding: 10px;
      padding: 10px 5px 5px 1px;
      margin-top: 5px;
      text-align: center;
      margin-text-left: 10px
       -webkit-box-shadow: 0px 0px 20px 
       #D4D4D4 inset;
      -moz-box-shadow: 0px 0px 20px #d4d4d4 inset;
      box-shadow: 0px 0px 15px #D4D4D4 inset;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      border-right: 2px solid 
       #CECECE;
      border-left: 2px solid 
       #CECECE;
      -webkit-transition: all 0.5s ease-in;
      -moz-transition: all 0.5s ease-in;
      -o-transition: all 0.5s ease-in;
      background-color: white;
           -webkit-animation: post_blr 1s infinite;
           -moz-animation:    post_blr 1s infinite;
           -ms-animation:     post_blr 1s infinite;
      }
      .post_field:hover {
       -webkit-box-shadow: 0px 1px 5px 
       #dedede inset;
      -moz-box-shadow: 0px 10px 5px #dedede inset;
      box-shadow: 0px 1px 5px #dedede inset;
      color: #737373;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s  ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      	border-right: 2px solid #146995;
      	border-left: 2px solid #146995;
      text-shadow: 
      white 0 0 10px;
      
      
      }
      @-webkit-keyframes post_blr {
      	0%   { border-right: 2px solid 
       #CECECE;
      border-left: 2px solid 
       #CECECE;}
      	100% { 	border-right: 2px solid #146995;
      	border-left: 2px solid #146995; }
      }
      @-moz-keyframes post_blr {
      	0%   { border-right: 2px solid 
       #CECECE;
      border-left: 2px solid 
       #CECECE;}
      	100% {	border-right: 2px solid #146995;
      	border-left: 2px solid #146995; }
      }
      @-ms-keyframes post_blr {
      	0%   { border-right: 2px solid 
       #CECECE;
      border-left: 2px solid 
       #CECECE;}
      	100% { 	border-right: 2px solid #146995;
      	border-left: 2px solid #146995; }
      }
      
      
      .post_field strong {
          color:#066a94;
      text-shadow:1px 1px white;
      }
      .post_field dt {
          color:#066a94;
          font-weight:bold;
      text-shadow:1px 1px white;
      }
      .postbit, .postbitlegacy, .eventbit {
          margin-bottom:0;
      }




      حالا به جستجوی قالب بروید و جستجو کنید : postbit_legacy
      درون آن را با کد زیر عوض کنید .
      کد:
      {vb:raw template_hook.postbit_start}<li class="postbitlegacy postbitim postcontainer" id="post_{vb:raw post.postid}">
      <!-- see bottom of postbit.css for .userinfo .popupmenu styles -->
          <div class="posthead">
              <vb:if condition="$show['inlinemod']"><label for="post_imod_checkbox_{vb:raw post.postid}"></vb:if>
                  <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']">
                          <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}" />
                      </vb:if>
                  </span>
              <vb:if condition="$show['inlinemod']"></label></vb:if>
          </div>
          <div class="postdetails">
              <div class="userinfo">
                  <div class="username_container">
                  <vb:if condition="$post['userid']">
                      {vb:raw memberaction_dropdown} {vb:raw post.onlinestatus}
                  <vb:else />
                  <span class="username guest">{vb:raw post.musername}</span> {vb:raw post.onlinestatus}
                  </vb:if>
                  </div>
      <vb:if condition="$post['rank']">
                      <span class="rank">{vb:raw post.rank}</span>
                  </vb:if>
                  <span class="usertitle">
                      {vb:raw post.usertitle}
                  </span>
                  {vb:raw template_hook.postbit_userinfo_left}
                  <vb:if condition="$show['avatar']">
      <div class="usercenter">
                  <a class="postuseravatar_custom" 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>
      </div>
                  </vb:if> 
                  <vb:if condition="$post['userid']">
                      <hr />
                      <dl class="userinfo_extra">
                          <vb:if condition="$post['joindate']"><div class="post_field"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></div></vb:if>
                          <vb:if condition="$post['field2']"><div class="post_field"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></div></vb:if>
                          <vb:if condition="$post['age']"><div class="post_field"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></div></vb:if>
                          <div class="post_field"><dt>{vb:rawphrase 'posts'}</dt> <dd>{vb:raw post.posts}</dd></div>
                                      {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']">
                          <div class="post_field"><dt>{vb:rawphrase infractions}</dt> 
                          <dd>{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})</dd></div>
                          </vb:if>
                          <vb:if condition="$show['reputation']">
                              <vb:if condition="$show['reppower']">
                          <div class="post_field"><dt>{vb:rawphrase reppower}</dt> 
                          <dd>{vb:raw post.reppower}</dd></div> 
                              </vb:if>
                          </vb:if>
                                      <vb:if condition="$show['reputation']">
                      <span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reputationdisplay}</span>
                  </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 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" /> {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" /> {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" /> {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" /> {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">
      <!--                    <img src="{vb:stylevar imgdir_button}/edit_40b.png" class="inlineimg" alt="" /> -->
                          <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:raw ad_location.ad_showthread_firstpost_sig}
                      <vb:if condition="$post['signature']">
                              <blockquote class="signature restore"><div class="signaturecontainer">{vb:raw post.signature}</div></blockquote>
                      </vb:if>
                                              {vb:raw template_hook.postbit_signature_end}
                  </div>
                  </vb:if>
                  <div class="cleardiv"></div>
              </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}"><img src="{vb:raw vboptions.cleargifurl}" id="editimg_{vb:raw post.postid}" alt="{vb:rawphrase edit_delete_message}" /> {vb:rawphrase edit_post}</a> 
                          <span class="seperator">&nbsp;</span>
                          </vb:if>
                          <vb:if condition="$show['quickreply'] AND !$show['threadedmode']">
                              <a id="qr_{vb:raw post.postid}" class='quickreply' href="{vb:raw post.replylink}" rel="nofollow"><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"><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}"><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" title="{vb:rawphrase reputation}" href="reputation.php?{vb:raw session.sessionurl}do=addreputation&amp;p={vb:raw post.postid}" rel="nofollow" id="reputation_{vb:raw post.postid}"><!--<img src="{vb:stylevar imgdir_button}/reputation-40b.png" alt="{vb:rawphrase reputation}" /> -->&nbsp;</a></span>
                          </vb:if>
      
      
                          <vb:if condition="$show['infractionlink']">
                              <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']">
                              <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>
                      </span>
                  <!-- </div> -->
                  </div>
              </div>
          <hr />
      </li>
      {vb:raw template_hook.postbit_end}




      برای کادر بندی تعداد نوشته های وبلاگ به جستجوی قالب بروید و blog_postbit_entries_link را جستجو کنید و درون آن را با کد :

      کد:
      <div class="post_field"><dt>{vb:rawphrase blog_entries}</dt><dd><a href="{vb:link blog, {vb:raw post}, null, 'userid', 'blog_title'}">{vb:raw post.entries}</a></dd></div>
      عوض کنید .





      برای کادر بندی تشکر به جستجوی قالب بروید و post_thanks_postbit_info را جستجو کنید حالا محتویات آن را با :
      کد:
      <vb:if condition="$post['userid']">    <div class="post_field"><dt>{vb:rawphrase post_thanks_thanks}</dt> <dd>{vb:raw post.post_thanks_user_amount_formatted}</dd></div>
          <vb:if condition="$post['post_thanks_thanked_times'] == 1">
              <div class="post_field"><dd>{vb:rawphrase post_thanks_time_post}</dd></div>
          <vb:elseif condition="$post['post_thanks_thanked_posts'] == 1" />
              <div class="post_field"><dd>{vb:rawphrase post_thanks_times_post, {vb:raw post.post_thanks_thanked_times_formatted}}</dd></div>
          <vb:else />
              <div class="post_field"><dd>{vb:rawphrase post_thanks_times_posts, {vb:raw post.post_thanks_thanked_times_formatted}, {vb:raw post.post_thanks_thanked_posts_formatted}}</dd></div>
          </vb:if>
      </vb:if>



      نحوه کادر بندی آواتار : آموزش کادربندی پست بیت جدید به سبک وی بی ایران + CSS Hover

      نحوه کادر بندی مدال ها : آموزش کادربندی پست بیت جدید به سبک وی بی ایران + CSS Hover

      مشکل با تشکر ( پسند ) : آموزش کادربندی پست بیت جدید به سبک وی بی ایران + CSS Hover - صفحه 2

      موفق باشید .

      منبع : وی بی ایران




  1. Top | #61
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    3,417
    میزان امتیاز
    523

    پیش فرض

    نقل قول نوشته اصلی توسط S0H3IL نمایش پست ها
    من گزاشتم اینطوری شد میشه کمک کنین؟فایل پیوست 24759
    اینم کدهای سی ای ای:
    کد:
    @charset "UTF-8";
    /* CSS Document */
    
    /**
    * Custom CSS by PurevB.com
    */
    
    /************************************************************************/
    *{ -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }
    
    #forums *, #wgo *, #forumbits * {
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    }
    .wgo_block {
        margin:0;
    }
    #forums *, #wgo *, #forumbits * {
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    }
    #fb_headerbox {
        padding-right:5px;
    }
    .navbar {
        -moz-border-radius-bottomleft: 0 !important;
        -moz-border-radius-bottomright: 0 !important;
        -webkit-border-bottom-left-radius: 0 !important;
        -webkit-border-bottom-right-radius: 0 !important;
    }
    .announcements {
        margin-top:10px;
    }
    .highlight {
        background-image:none;
    }
    .navlinksBox {
        text-align: center;
        color: #5d5d5d;
        font-size: 11px;
            font-weight:700;
            margin-top: 8px;
            margin-bottom: 0;
            width:100%;
            clear:both;
    }
    .navlinksBoxWrap {
        padding: 10px 0;
    }
    .bodyWrap {
        background:#fff;
        margin:0 2px;    
    }
    .body_wrapper {
        padding:10px 0;
        margin:0;
    }
    .above_body {
        padding:0;
        margin:0;
    }
    .threadbit .sticky, .threadbit .nonthread, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
        border-top:0;
    }
    .popupbody li > a,
    .popupbody li > label {
        padding:8px 10px;
    }
    .formsubmit label {
        color:#3E3E3E;
    }
    .memberBox .toplinks ul.isuser .popupbody li {
        color:#3E3E3E;
    }
    .loginLeft #fb_loginbtn {position:relative;top:4px;}
    .toplinks #fb_loginbtn {position:relative;top:2px;}
    .popupbody li > a,
    .popupbody li > label {
        padding:8px 10px;
    }
    #memberlist #searchstats {color:#fff;}
    
    .popupbody li > a,
    .popupbody li > label {
        background:#fff;
    }
    .block .searchlisthead, .block .searchlisthead a {
    color:#fff;
    }
    #sidebar_container > ul {
        width: 99%;
    }
    
    /* Misc Resets
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    img {
        border:0;
    }
    .verticalAlign {
        vertical-align:middle;
    }
    .clearfix:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    .clearfix {
        display: inline-block;
    }
    html[xmlns] .clearfix {
        display: block;
    }
    * html .clearfix {
        height: 1%;
    }
    .lastPostIMG {
        position:relative;
        top:2px;
    }
    
    /* Page Wrapper
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    body {
        width:auto;
        min-width:990px;
        max-width:auto;
        margin: 0;
    }
    #pageWrapper {
        background:url(images/styles/ChitChat/style/pageHeadBG.png) repeat-x top left;
    }
    .pageWrap {
        width:auto;
        margin:0px 50px 0px 50px;
    }
    
    /* Top Bar
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #topBar {
        height:65px;
        position:relative;
    }
    .memberBox {
        float:right;
        padding-top:6px;
        line-height:31px;
    }
    .memberBox ul {
        list-style:none;
        padding:0;
        margin:0;
    }
    .memberBox li {
        float:right;
        margin:0;    
        padding:0 3px;    
    }
    .loginBoxInput {
        background:url(images/styles/ChitChat/style/loginBoxInput.png) no-repeat top left;
        width:114px;
        height:29px;
    }
    .loginInput {
        background:transparent;
        border:0;
        color: #2d2d2d;
        font-size:12px;
        width:104px; 
        padding:0 5px;
        height:29px;
        line-height:29px;
    }
    .rememberMe {color:#fff;text-shadow:#515c0b 1px 1px;}
    .memberBox .rememberMe {}
    .memberBox .rememberMe input {
        vertical-align: baseline;
    }
    .cb_cookieuser_navbar{
        position: relative;
        top: 2px;
    }
    .inputPad .loginBoxInput {    
    }
    .inputPad {
        padding:0 4px;    
    }
    .submitPad input {
        margin:0;
        padding:0;
    }
    .loginLeft {
    float:left;
    }
    
    /* Header
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .above_body {
        background:none;
    }
    .doc_header {
        height:118px;
        position:relative;
    }
    .logo {
        float:right;
        height:118px;
        padding-left:19px;
        padding-right:3px;
    }
    .slogan {
        background:url(images/styles/ChitChat/style/sloganSplit.png) no-repeat top right;
        float:right;
        font-size:12px;
    font-family : Tahoma;
        height:118px;
        line-height:118px;    
        color:#aaa9a9;
        padding-right:21px;
    }
    .bannerBox {
        position:absolute;
        top:29px;
        right:5px;
    }
    
    /* Social Bar
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #socialBar {
        background:url(images/styles/ChitChat/style/followText_right.png) no-repeat top right;
        height:88px;
    }
    .socialIcons {
        float:left;
        padding-top:18px;
    }
    .socialIcons img {
        display:block;
        float:right;
    }
    
    /* Content Main
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #contentMain {
        padding:13px 0;
    }
    
    /* Footer Main
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #footer {
    background:none;
    border:0;
    padding:0;
    margin:0;
    }
    #footerMain {
        background:url(images/styles/ChitChat/style/footerBG.png) repeat top left;
        font-size:11px;
        border-bottom:7px solid #819c05;
    }
    .footerWrap {
        background:url(images/styles/ChitChat/style/footerWrapBG.png) repeat-x top left;
    }
    .footerBody {
        background:url(images/styles/ChitChat/style/footerBodyBG.png) no-repeat top center;
    }
    .copyright {
        color:#fff;
        text-align:center;
        line-height:18px;
        padding:25px 0;
    }
    #footerMain a:link, #footerMain a:visited {
        color:#819c05;
        font-weight:700;
    }
    #footerMain a:hover {
        color:#fff;
    }
    
    /* Footer Navigation
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #footerNav {
        height:66px;
    }
    .footerNavLeft {
        background:url(images/styles/ChitChat/style/footerNavLeft.png) no-repeat top left;
        height:66px;
    }
    .footerNavRight {
        background:url(images/styles/ChitChat/style/footerNavRight.png) no-repeat top right;
        height:66px;
        padding:0 15px;
    }
    .footerNavWrap {
        background:url(images/styles/ChitChat/style/footerNavBG.png) repeat-x top left;
        height:37px;
        line-height:37px;
        padding:11px 0 18px 0;
    }
    #footerNav ul {
        list-style:none;
        padding:0;
        margin:0;
    }
    #footerNav li {
        background:url(images/styles/ChitChat/style/footerNavSplit.png) no-repeat top left;
        float:right;
        font-size:12px;
    }
    #footerNav a:link, #footerNav a:visited {
        color:#fff;
        display:block;
        padding-right:16px;
        padding-left:18px;
        font-weight:700;
    }
    #footerNav a:hover {
        background:url(images/styles/ChitChat/style/footerNavHover.gif) repeat-x top left;
        color:#819c05;
    }
    .skinSelect {
        float:left;
        padding-top:4px;
        padding-left:5px;
    }
    
    /* Forumbit Box
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .forumBitBoxTBB .forumBitShowthread {
    margin-bottom:8px;
    }
    .forumBitBoxTB {
        height:8px;
        font-size:0;
        margin-top: 5px;
    }
    .forumbitBoxTL {
        background:url(images/styles/ChitChat/style/forumbitBoxTL.png) no-repeat top left;
        height:8px;
        font-size:0;
    }
    .forumBitBoxTR {
        background:url(images/styles/ChitChat/style/forumBitBoxTR.png) no-repeat top right;
        height:8px;
        padding:0 8px;
        font-size:0;
    }
    .forumBitBoxTWrap {
        background:url(images/styles/ChitChat/style/forumbitBoxTBG.png) repeat-x top left;
        height:8px;
        font-size:0;
    }
    .forumbitBoxBL {
        background:url(images/styles/ChitChat/style/forumbitBoxBL.png) no-repeat top left;
        height:8px;
        font-size:0;
    }
    .forumBitBoxBR {
        background:url(images/styles/ChitChat/style/forumbitBoxBR.png) no-repeat top right;
        height:8px;
        padding:0 8px;
        font-size:0;
    }
    .forumBitBoxBWrap {
        background:url(images/styles/ChitChat/style/forumbitBoxBBG.png) repeat-x top left;
        height:8px;
        font-size:0;
    }
    .forumbitBoxLeft {
        background:url(images/styles/ChitChat/style/forumbitBoxLeft.png) repeat-y top left;
    }
    .forumbitBoxRight {
        background:url(images/styles/ChitChat/style/forumbitBoxRight.png) repeat-y top right;
        padding:0 3px;
    }
    .forumbitBox {
        background:#fff;
        padding:3px 7px;
    }
    .forumbitBox .tcat {
        margin-top:0;
    }
    .forumbitBoxShowthread {
        padding-bottom:0;
    }
    
    /* Global Search
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .searchBox {
        position:absolute;
        top:15px;
        left:18px;    
    }
    .searchBoxInput {
        background: url(images/styles/ChitChat/style/searchInput.png) no-repeat top right;
        width:114px;
        height:29px;
        float:right;
        padding-left:5px;
    }
    .searchinput {
        border:0;
        background:transparent;
        color: #333;
        width:104px; 
        height:29px;
        line-height:29px;
        margin:0;
        padding:0 5px;
    }
    .searchButton {
        float:right;
    }
    .searchBox a:link, .searchBox a:visited {
        color:#34558f;
        text-decoration:underline;
    }
    .searchBox a:hover {
        color:#3c3c3c;
    }
    
    /* Navbar
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .navbar {
        background: url(images/styles/ChitChat/style/navBG.png) repeat-x right top;
        position:relative;
        height:101px;
        font:   12px Tahoma, helvetica, sans-serif;
        color:#fff;
        width:100%;
        padding:0;
        margin:0;
    }
    .navLeft {
        background: url(images/styles/ChitChat/style/navLeft.png) no-repeat left top;
        height:101px;
    }
    .navRight {
        background: url(images/styles/ChitChat/style/navRight.png) no-repeat right top;
        height:55px;
        padding:11px 13px;
    }
    #navtabs li.selected ul.floatcontainer {
        margin-top:34px;
    }
    #navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {
        line-height:27px;
        height:27px;
    }
    .navbar a { color:#fff; }
    .navbar a:hover { color:#819c05; }
    
    .navtabs ul li:first-child {
        text-indent: 0;
    }
    .navtabs {
        background:none;
        padding-left:0;
    }
    .navtabs ul {
        position:absolute;
        top:37px;
        right:0px;
        width:100%;
    /* This is to fix RTL menu issue under Opera */
            direction:ltr;
    }
    .navtabs li {
        float:right;
        padding-left:2px;
        background:url(images/styles/ChitChat/style/navSplit.gif) no-repeat top left;
    }
    .navtabs li li {
        background:none;
    }
    .navtabs ul li {
        border-left: 0;
        position: relative;
    }
    .navtabs li a {
        height:37px;
        line-height:37px;
    }
    .navtabs li a.navtab {
        display:block;
        min-width:60px;
        width:auto !important;
        width:60px;
        _min-width:75px;
        _width:auto !important;
        _width:75px;
        text-align:center;
        color:#fff;
        font:  bold 12px Tahoma, helvetica, sans-serif;
        text-decoration:none;
        line-height:37px;
        height:37px;
        padding:0 10px;
        background:none;
    }
    .navtabs li a.navtab:hover {
        background:none;
        color:#819c05;
    }
    .navtabs li.selected {
        color:#819c05;
        height:37px;
    }
    .navtabs li.selected a.navtab {
        background:none;
        color:#819c05;
        position:relative;
        top:-px;
        padding-top:px;
        z-index:10;
    }
    .navtabs li.selected li a,
    .navbar_advanced_search li a {
        text-decoration:none;
        font:   12px Tahoma, helvetica, sans-serif;
        line-height:27px;
    }
    .navtabs li.selected li {
        padding:0 5px;
    }
    .navtabs li.selected li li {
        padding:0 2px;
    }
    .navtabs li.selected li a {
        color:#a3a3a3;
        font-weight:400;
        padding:2px 5px;
    }
    
    .navbar_advanced_search li {
        height:27px;
        display:block;
        clear:both;
    }
    
    .navbar_advanced_search li a {
        color:#fff;
    }
    
    .navbar_advanced_search li a:hover {
        color:#819c05;
        text-decoration:none;
    }
    
    .navtabs li.selected li a:hover {
        color:#fff;
        text-decoration:none;
    }
    
    .navtabs li.selected .popupbody li > a {
        padding:0px 10px;
        text-indent: 0;
        color: rgb(0, 0, 0);
    }
    
    .navtabs li.selected li a.popupctrl {
        -moz-border-radius:3px;
        -webkit-border-radius:3px;    
        border:solid 1px transparent;
        _border: none;
        background:transparent url(images/styles/ChitChat/misc/arrow.png) no-repeat left center;
        padding-left:15px;
            _background-image:url('images/styles/ChitChat/misc/arrow.gif');
        color:#a3a3a3;
    }
    
    .navtabs li.selected li:hover a.popupctrl.active,
    .navtabs li.selected li a.popupctrl.active,
    .navtabs li.selected li a:hover.popupctrl {
        color:#fff;
    }
    
    /* Breadcrumb
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .breadcrumb {
        height:39px;
        margin-bottom:13px;
    }
    .bcLeft {
        background: url(images/styles/ChitChat/style/bcLeft.png) no-repeat left top;
        height:39px;
    }
    .bcRight {
        background: url(images/styles/ChitChat/style/bcRight.png) no-repeat right top;
        height:39px;
        padding:0 8px;
    }
    .bcWrap {
        background: url(images/styles/ChitChat/style/bcBG.png) repeat-x right top;
        height:23px;
        padding:8px 10px 8px 10px;
    }
    .breadcrumb .navbit > a, .breadcrumb .lastnavbit span {
        border:1px solid transparent;
    }
    .breadcrumb .navbit a:link, .breadcrumb .navbit a:visited {
        color:#737373;
    }
    .breadcrumb .navbit a:hover {
        background:#c7460e;
        color:#fff;
        border:1px solid transparent;
    }
    
    /* tcat Bars (Title Bars for Forum Home, Forum Display & Postbit)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .tcat {
        background: url(images/styles/ChitChat/style/tcatBG.gif) repeat-x left top;
        float: right;
        width: 100%;
        color: #fff;
        height:42px;
        clear:both;
        margin-top: 8px;
        border:0;
        position:relative;
    }
    .tcatLeft {
        background: url(images/styles/ChitChat/style/tcatLeft.gif) no-repeat left top;
        height:42px;
    }
    .tcatRight {
        background: url(images/styles/ChitChat/style/tcatRight.gif) no-repeat right top;
        height:42px;
    }
    .tcat .forumtitle {
        font-weight:700;
    
    }
    .tcat .tcatDesc {
        font-size:11px;
        font-weight:400;
    }
    .tcat h2 {
        padding-right:16px;
        font:   bold 12px Tahoma, helvetica, sans-serif;
        line-height:42px;
        float:right;
    }
    .tcat a:link, .tcat a:visited {
        color:#fff;
    }
    .tcat a:hover {
    
    }
    .tcat .tcatCollapse {
        position:absolute;
        top:8px;
        left:8px;
    }
    /* tcat Thread List Controls - Forumdisplay */
    .tcat_threadlist_controls {
        float:left;
        padding-left:8px;
    }
    .forumdisplaypopups, #forumdisplaypopups {
        clear:both;
    }
    .tcat_threadlist_controls h6 {
        height:42px;
        line-height:42px;
        padding:0;
        display:block;
        font-size:12px;
    }
    .forumdisplaypopups a.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a.popupctrl,
    .postlist_popups h6 a.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a.popupctrl {
        background:none;
        display:block;
        _display:42px;
        height:42px;
        line-height:42px;
        font-family:Tahoma, helvetica, sans-serif;
        font-weight:bold;
        font-size:12px;
        font-weight:700;
        color:#fff;
        padding:0 10px;
        border: 0;
        float: right;
        clear: left;
    }
    .forumdisplaypopups a:hover.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a:hover.popupctrl,
    .postlist_popups h6 a:hover.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a:hover.popupctrl {
        border: 0;
        color:#fff;
        text-decoration:underline;
    }
    #postlist_popups a, .postlist_popups a {
        color: #fff;
        _border: none;
    }
    #postlist_popups a:hover, .postlist_popups a:hover {
        color: #fff;
        text-decoration:underline;
    }
    #postlist_popups .popupmenu:hover a.popupctrl, #postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active, .postlist_popups .popupmenu:hover a.popupctrl, .postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active {
        border: 0;
    }
    
    #postlist_popups ul li {
        color: #3E3E3E;
    }
    #postlist_popups ul li a, .postlist_popups ul li a {
        color: #3E3E3E;
        _border: none;
    }
    
    #postlist_popups ul li a:hover, .postlist_popups ul li a:hover {
        color: #3E3E3E;
        text-decoration:underline;
    }
    
    #forumdisplaypopups ul a, .forumdisplaypopups ul a {
        color:#3E3E3E;
    }
    
    /* Thead Bars (Forum Home, Forum Display & Postbit)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .thead_bar .theadrow {
        background:#fff none   ;
        display:block;
        width: 100%;
        float: right;
        position:relative;
        font:  normal 11px Tahoma, helvetica, sans-serif;
        border:1px solid #ebe8e4;
        border-top:0;
        color:#a3a3a3;
        line-height:26px;
    }
    .thead_bar .padding {
        padding-right:12px;
    }
    .thead_bar .forumhead span.forumlastpost {
        width: 23%;
    }
    .thead_bar .theadrow .forumdata  {
        float: right;
    }
    .thead_bar {
        float: right;
        position:relative;
        width: 100%;
        display:block;
    }
    .thead_bar .forumhead .forumtitle {
        width: 76%;
    }
    .thead_bar .foruminfo {
        width: 53%;
        min-width: 30%;
        float: right;
        clear: left;
    }
    .thead_bar .foruminfo .forumdata {
        padding: 0;
        width: 100%;
        _width: 99%;
    }
    .thead_bar .forumstats, .thead_bar .forumstats_2 {
        display: block;
        float: right;
        clear: left;
        width: 16%;
        margin-left: 2%;
    }
    .thead_bar .foruminfo .forumdata .datacontainer {
        float: right;
        width: 86%;
        padding:0;
        padding-right: 68px;
    }
    .thead_bar .forumactionlinks {
        width: 5%;
        display:block;
        float:right;
        clear:left;
    }
    .thead_bar .forumactionlink {
        display:block;
        width:18px;
        overflow:hidden;
        float: left;
        clear: right;
        background:transparent none no-repeat;
        position: relative;
    }
    .thead_bar .forumstats li, .thead_bar .forumstats_2 li{
        font-size: 12px;
        text-align: left;
        padding-left: 20px;
        display:block;
    }
    .thead_bar .forumlastpost {
        display:block;
        float: right;
        clear: left;
    }
    .thead_bar .theadrow .forumlastpost {
        width: 22%;
    }
    .forumbitBody {
        padding-left:2px;
        z-index:1;
        clear:both;
    }
    #post {
        z-index:1;
    }
    .threadlist {
        margin-top:0;
    }
    #threadlist .threadlisthead {
        background:#fff none   ;
        display:block;
        width: 100%;
        float: right;
        position:relative;
        border:1px solid #ebe8e4;
        border-top:0;
        color:#a3a3a3;
        font:  normal 11px Tahoma, helvetica, sans-serif;
        padding:2px 0;
        margin: 0;
    }
    #threadlist .threadlisthead a, #threadlist .threadlisthead a:hover {
        color:#a3a3a3;
    }
    .postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
        background:#fff none   ;
        clear:both;
        display:block;
        float: right;
        width: 100%;
        color:#a3a3a3;
        margin: -1px -1px 0;
        font:  normal 11px Tahoma, helvetica, sans-serif;
        padding:4px 0px 4px 0px;
        border:1px solid #ebe8e4;
        border-top:0;
    }
    #posts .posthead a:link, #posts .posthead a:visited {
        color:#a3a3a3;
    }
    #posts .posthead a:hover {
        color:#a3a3a3;
    }
    #posts .posthead .time, #posts .nodecontrols {
        color:#a3a3a3;
    }
    
    /* Postbit CSS (Center Userinfo, Userinfo boxed stats wrap)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #postlist .userinfo {
        padding-top:10px;
    }
    .username_container {
        padding:2px 0;
        text-align:center;
    }
    .username_container .username strong {
        font:  normal 16pt Tahoma, helvetica, sans-serif;
    }
    .usertitle, .rank {
        text-align:center;
    }
    .usercenter {
        padding-top:5px;
        text-align:center;
    }
    .userinfo_extra dt {
        height:18px;
        line-height:18px;
        padding:6px 3px 0 10px;
        margin:0;
        color:#7e8f1a;
        font-weight:700;
    }
    .userinfo_extra dd {
        background:#fff none   ;
        color:#414141;
        border:1px solid #b9c4cd;
        height:18px;
        line-height:18px;
        padding:3px 0 3px 0;
        margin:0;
        margin-top: 2px;
    }
    /* center avatar, username, title, rank in postbit legacy 4.0.2 */
    .postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {text-align:center;}
    .postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {float:none; text-align:center;}
    .postbit, .postbitlegacy, .eventbit {
        margin-bottom: 0;
    }
    .bbcode_container .bbcode_quote_container {
        background:none;
    }
    
    .forum_info_block, .forum_info_form {
        background:none;
    }
    .postfoot {
        border-top: 1px solid #ebe8e4;
    }
    .postfootWrap {
        border-right: 1px solid #ebe8e4;
    }
    
    #thread_info a.collapse {
        position: absolute;
        top: 9px;
    }
    
    /*************************************************/
    /* TOP MEMBER BAR*/
    .toplinks .notifications a.popupctrl {    
           -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
           border-radius: 5px;
           color:#fff;
    }
    
    .toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active, .toplinks ul.isuser li a:hover {
        -moz-border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
    }
    #toplinks, .toplinks {
        text-align:left;
        line-height:20px;
        padding-top:8px;
    }
    
    /* Bottom Bar
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .bottomBar {
        background: url(images/styles/ChitChat/style/bottomBarBG.png) repeat-x left top;
        height:19px;
        font-size:0;
        clear:both;
    }
    .bottomBarLeft {
        background: url(images/styles/ChitChat/style/bottomBarLeft.png) no-repeat left top;
        height:19px;
        font-size:0;
    }
    .bottomBarRight {
        background: url(images/styles/ChitChat/style/bottomBarRight.png) no-repeat right top;
        height:19px;
        font-size:0;
    }
    
    /* CMS & Blog CSS
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    h1.header, h2.header { 
        text-transform:capitalize; 
    }
    
    /* Forum Home
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .forumrow .forumtitle a:link, .forumrow .forumtitle a:visited {
        color:#5c5c5c;
        font:   12px Tahoma, helvetica, sans-serif;
    }
    .forumrow .forumtitle a:hover{
        color:#c7460e;
    }
    .forumrow .lastposttitle a:link, .forumrow .lastposttitle a:visited {
        color:#5c5c5c;
        font-weight:700;
    }
    .forumrow .lastposttitle a:hover{
        color:#c7460e;
    }
    #forums .lastpostby a.username {
        color:#c7460e;
    }
    #forums .lastpostby a.username:hover {
        color:#5c5c5c;
    }
    .forumdescription {
        color:#6f6f6f;
    }
    .notices {
        background:none;
    }
    #notices .restore {
        background:#ffefb6 none   ;
        border:1px solid #ebd27b;
        color:#3c3a22;
        line-height:16px;
        font-size:12px;
        padding:8px 10px 8px 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    
    /* Advanced Search
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #searchtypeswitcher {
        border-bottom:4px solid #323232;
    }
    #searchtypeswitcher li a {
        background-color:#555;
        color:#FFF;
    }
    
    #searchtypeswitcher li.selected a {
        background-color:#323232;
    }
    
    #searchtypeswitcher li a:hover {
        background-color:#323232;
    }
    
    /* vBulletin Groups
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    li.sgicon .maincol, #sidebar li.sgicon .maincol,#thumbnails li {
        background: #fff none   ;
    }
    #sidebar li.sgicon .maincol .textcontrol {
        color: #424242;
    }
    #content .grouplist .blockrow > li, #content .grouplist .blockrow > ol, #content .grouplist .blockrow > div {
        background: #f8f8f8 none   ;
        border: 1px solid #ebe8e4;
    }
    #pictures .blockbody .blockrow, #group_discussion_inlinemod_form .blockbody .blockrow {
        border: 1px solid #ebe8e4;
    }
    .toolsmenu {
        background: #ebe8e4 url(images/misc/blog/top-highlight.png) repeat-x left top;
        _background-image: none;
        border: 1px solid #dbd9d6;
    }
    .toolsmenu div {
        border-top:none;
        color: #424242;
    }
    .toolsmenu h1 a {
        color: #424242;
    }
    .toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .nopopupgroup li a {
        color: #424242;
    }
    
    .toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover .popupctrl a.popupctrl.active {
        color: #424242;
    }
    dl.blogbit, tr.blogbit,
    dl.blogcatbit, tr.blogcatbit {
        background: #fff none   ;
    }
    .blink1 {  background: URL("http://www.vbiran.ir/images/blink1.gif");  }  
    .blink2 {  background: URL("http://www.vbiran.ir/images/blink2.gif");  } 
    .blink3 {  background: URL("http://www.vbiran.ir/images/blink3.gif");  }
    .blink4 {  background: URL("http://www.vbiran.ir/images/blink4.gif");  }
    .notices li {
        background: rgb(249,249,249) !important;
        background: -moz-radial-gradient(center, ellipse cover, rgb(249,249,249) 1%, rgb(242,242,242) 32%, rgb(226,226,226) 100%) !important;
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,rgb(249,249,249)), color-stop(32%,rgb(242,242,242)), color-stop(100%,rgb(226,226,226))) !important;
        background: -webkit-radial-gradient(center, ellipse cover, rgb(249,249,249) 1%,rgb(242,242,242) 32%,rgb(226,226,226) 100%) !important;
        background: -o-radial-gradient(center, ellipse cover, rgb(249,249,249) 1%,rgb(242,242,242) 32%,rgb(226,226,226) 100%) !important;
        background: -ms-radial-gradient(center, ellipse cover, rgb(249,249,249) 1%,rgb(242,242,242) 32%,rgb(226,226,226) 100%) !important;
        background: radial-gradient(ellipse at center, rgb(249,249,249) 1%,rgb(242,242,242) 32%,rgb(226,226,226) 100%) !important;
        ######: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e2e2e2',GradientType=1 ) !important;
        border:none !important;
        box-shadow:0 10px 8px -8px #858585, 0 27px 8px -20px #858585 !important;
        font-family: "byeken",b yekan,tahoma;
        font-size: 15px;
        margin: 20px auto !important;
        padding: 20px !important;
        width: 95% !important;
        text-shadow: 1px 1px 1px white;
        -moz-border-radius:5px !important;
        -webkit-border-radius:5px !important;
        border-radius:5px !important;
    }
    .notices li:hover {
        cursor:help;
    }
    .post_field {
    background: white;
    background: -moz-linear-gradient(top, white 0%, #F1F1F1 50%, #E1E1E1 51%, #F6F6F6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,#F1F1F1), color-stop(51%,#E1E1E1), color-stop(100%,#F6F6F6));
    background: -webkit-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    background: -o-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    background: -ms-linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    background: linear-gradient(top, white 0%,#F1F1F1 50%,#E1E1E1 51%,#F6F6F6 100%);
    ******: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
    padding: 10px;
    padding: 10px 5px 5px 1px;
    margin-top: 5px;
    text-align: center;
    margin-text-left: 10px
     -webkit-box-shadow: 0px 0px 20px 
     #D4D4D4 inset;
    -moz-box-shadow: 0px 0px 20px #d4d4d4 inset;
    box-shadow: 0px 0px 15px #D4D4D4 inset;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-right: 2px solid 
     #CECECE;
    border-left: 2px solid 
     #CECECE;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    background-color: white;
    
    
    }
    .post_field:hover {
     -webkit-box-shadow: 0px 1px 5px 
     #dedede inset;
    -moz-box-shadow: 0px 10px 5px #dedede inset;
    box-shadow: 0px 1px 5px #dedede inset;
    color: #737373;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s  ease-in-out;
    -o-transition: all 0.2s ease-in-out;
        border-right: 2px solid #146995;
        border-left: 2px solid #146995;
    text-shadow: 
    white 0 0 10px;
         -webkit-animation: post_blr 1s infinite;
         -moz-animation:    post_blr 1s infinite;
         -ms-animation:     post_blr 1s infinite;
    
    
    
    
    }
    @-webkit-keyframes post_blr {
        0%   { border-right: 2px solid 
     #CECECE;
    border-left: 2px solid 
     #CECECE;}
        100% {     border-right: 2px solid #146995;
        border-left: 2px solid #146995; }
    }
    @-moz-keyframes post_blr {
        0%   { border-right: 2px solid 
     #CECECE;
    border-left: 2px solid 
     #CECECE;}
        100% {    border-right: 2px solid #146995;
        border-left: 2px solid #146995; }
    }
    @-ms-keyframes post_blr {
        0%   { border-right: 2px solid 
     #CECECE;
    border-left: 2px solid 
     #CECECE;}
        100% {     border-right: 2px solid #146995;
        border-left: 2px solid #146995; }
    }
    
    
    
    
    .post_field strong {
        color:#066a94;
    text-shadow:1px 1px white;
    }
    .post_field dt {
        color:#066a94;
        font-weight:bold;
    text-shadow:1px 1px white;
    }
    .postbit, .postbitlegacy, .eventbit {
        margin-bottom:0;
    }
    درود .
    لطفاً آدرس سایتتون رو قرار بدید .




  2. گیفت کارت آیتونز

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

    ورژن ویبولتین
    4.2
    نوشته ها
    301
    میزان امتیاز
    36

    پیش فرض

    داداش درست کردم فقط بیزحمت میشه کادر بندی حالت من با مدال رو بزاری؟

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

    ورژن ویبولتین
    4.2
    نوشته ها
    3,417
    میزان امتیاز
    523

    پیش فرض

    نقل قول نوشته اصلی توسط S0H3IL نمایش پست ها
    داداش درست کردم فقط بیزحمت میشه کادر بندی حالت من با مدال رو بزاری؟
    نحوه کادر بندی مدال ها :
    آموزش کادربندی پست بیت جدید به سبک وی بی ایران + CSS Hover
    براي کادر بندي حالت من و فارسي کردن آن به جستجوي قالب و vmoods_postbit برويد و درون آن را با کد زير عوض کنيد :
    کد:
    <div class="post_field">حالت من : <img src="{vb:raw vboptions.bburl}/vmoods/{vb:raw vboptions.vmoods_icon_set}/{vb:raw post.vmood}.gif" alt="{vb:raw post.vmood}" title="{vb:raw post.vmood}<vb:if condition="empty($post['vmood']) == false"> - {vb:raw post.vmood_updated_at}</vb:if>" border="0" />
    </div>

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


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

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

    پیش فرض

    سلام دوستان انجام دادم همش رو ولی نشد.

    دوستان به من کمک کنید همش رو انجام دادم اما تغییر نکرد

    کسی هست جوابمو بده
    ویرایش توسط king49 : 2013/07/05 در ساعت 04:25 PM دلیل: ادغام دو پست

  6. Top | #65

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

    ورژن ویبولتین
    2
    نوشته ها
    6
    میزان امتیاز
    0

    پیش فرض

    درود

    چطوری میتونم نشان آنلاین بودن و آفلاین بودن رو در یک کادر جدا از نام کاربری قرار دهم ؟؟
    (همین چراغ سبزی که کنار نام کاربری هنگام آنلاین بودن سبز میشه)

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

    ورژن ویبولتین
    5.0.1
    نوشته ها
    95
    میزان امتیاز
    13

    پیش فرض

    کسی میتونه بگه چطوری دور آواتارو رو کمی گرد تر کنم ؟
    کدش رو بلدم

    border-Radius: 10px 10px 10px 10px

    ولی نمیدونم کجا باید قرارش بدم

  9. Top | #68
    مدیر بازنشته

    ورژن ویبولتین
    5.1.5
    نوشته ها
    4,060
    میزان امتیاز
    463

    پیش فرض

    آدرس سایت؟

  10. Top | #69
    کاربر سایت

    ورژن ویبولتین
    5.0.1
    نوشته ها
    95
    میزان امتیاز
    13

    پیش فرض

    تست

    کسی نیست ؟
    ویرایش توسط admiralsf : 2013/09/06 در ساعت 06:48 PM دلیل: ادغام دو پست

صفحه 7 از 7 نخستنخست 1234567

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

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

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

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

  1. پست بیت زیبای Vbiran Magnet اختصاصی VBiran !
    توسط jcs.w در انجمن آموزش های وی بولتین
    پاسخ: 18
    آخرين نوشته: 2013/08/13, 07:08 PM
  2. آموزش تغییر پست بیت ویبولتین به IP.Board ( بسیار زیبا )
    توسط VBIran در انجمن آموزش های وی بولتین
    پاسخ: 7
    آخرين نوشته: 2013/04/11, 12:31 PM
  3. پست بیت بسیار زیبا
    توسط mygamers در انجمن آموزش های وی بولتین
    پاسخ: 5
    آخرين نوشته: 2012/02/17, 02:26 PM
  4. پست بیت پانورما بسیار زیبا
    توسط Amir Lord در انجمن آموزش های وی بولتین
    پاسخ: 12
    آخرين نوشته: 2011/08/23, 04:42 PM
  5. پاسخ: 2
    آخرين نوشته: 2011/08/06, 04:05 AM

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

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

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

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

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