/ آموزش کادربندی پست بیت به سبک استایل هورگلس ~ اختصاصی ویکی وی بی ~
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
صفحه 1 از 2 12 آخرینآخرین
نمایش نتایج: از 1 به 10 از 14

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

    1. آموزش کادربندی پست بیت به سبک استایل هورگلس ~ اختصاصی ویکی وی بی ~

      آموزش کادربندی پست بیت به سبک استایل هورگلس ~ اختصاصی ویکی وی بی ~

      به نام خدا

      با عرض سلام و خسته نباشید .

      به درخواست یکی از کاربران بنده این آموزش رو براتون قرار میدم .

      شات :

      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

      آموزش را دنبال کنید ...

      1. کدهای زیر رو با کد های postbit_legacy تغییر دهید .

      ( ادمین سی پی > استایل ها & قالب ها > جستجو در قالب ها > 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>
      <div id="fpostbittit">
                  <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></div>
                  <span class="nodecontrols ftitl">
                      <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>
                  {vb:raw template_hook.postbit_userinfo_left}
                  <vb:if condition="$show['avatar']">
      <div class="usercenter">
                  <a class="postuseravatar_custom" 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> 
        <div id="bottom-avatar-links">
          <a class="send-pm-touser" href="private.php?{vb:raw session.sessionurl}do=newpm&amp;u={vb:raw post.userid}" title="ارسال پیام خصوصی" rel="tooltip"><span aria-hidden="true" class="icon_mail_alt"></span></a>
          <a class="show-topics" href="search.php?{vb:raw session.sessionurl}do=finduser&amp;userid={vb:raw post.userid}&amp;contenttype=vBForum_Post&amp;showposts=1" title="جستجوی ارسال ها" rel="tooltip"><span aria-hidden="true" class="icon_search-2"></span></a>
          <a class="visit-profile" href="{vb:link member, {vb:raw post}}" title="مشاهده پروفایل" rel="tooltip"><span aria-hidden="true" class="icon_id-2"></span></a>
          <a class="send-freind-request" href="profile.php?{vb:raw session.sessionurl}do=addlist&amp;userlist=friend&amp;u={vb:raw post.userid}" title="ارسال درخواست دوستی" rel="tooltip"><span aria-hidden="true" class="icon_like"></span></a>
        </div>
                  <vb:if condition="$post['userid']">
                      <hr />
                      <dl class="userinfo_extra">
      
      
      
      
      <vb:if condition="$post['field16']"><div class="post_field"><marquee loop="-1" scrollamount="3" direction="Right">{vb:raw post.field16}</marquee></div></vb:if>
      
      
      
      
      <vb:if condition="$post['joindate']"><div class="post_field"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></div></vb:if>
      
      
      
      
      <div class="post_field"><dt>شماره عضويت</dt><dd>{vb:raw post.userid}</dd></div>
      
      
      
      
      <div class="post_field"><dt>عنوان کاربر</dt> <dd>{vb:raw post.usertitle}</dd></div>
      
      
      
      
      <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>
      <div class="cleardiv"></div>
                  {vb:raw template_hook.postbit_messagearea_end}
                  <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>
          </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']">
                              <span class="seperator">&nbsp;</span><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><span class="seperator">&nbsp;</span> &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}

      2. کدهای زیر رو به انتهای ادیشنال اضافه کنید .

      ( ادمین سی پی > استایل ها & قالب ها > جستجو در قالب ها > additional.css )

      کد:
      .username_container{padding:2px 0;text-align:left;margin-right:11px}.usertitle,.rank{text-align:center}
      .usercenter {
          text-align: center;
          margin: 6px -1px 2px 0px;
      }
      .usercenter img {
          max-width: 170px;
          padding: 6px;
          border: 1px solid #DFDFDF;
      }
      
      .postbitlegacy .userinfo .username_container {
          margin-right: 12px;
          text-align: left;
          position: relative;
          top: 8px;
      }
      
      .post_field {
          padding: 8px 5px;
          font-family: BYekan;
          color: #A3A3A3;
          margin-left: -2px;
          border-bottom: 1px solid #cecece;
          font-size: 13px;
      }
      
      .postbitlegacy .userinfo {
          background: none repeat scroll 0% 0% #fff !important;
          border-left: 1px solid #cecece !important;
      }
      
      .postbody .content div {display: block !important;}
      
      span.icon_lightbulb_alt {
          font-size: 24px;
          float: right;
          padding: 2px;
          border-radius: 2px;
          margin-right: -12px;
          position: relative;
          bottom: 7px;
          margin-bottom: 6px;
      }
      
      .postbitlegacy .userinfo a.username, .eventbit .userinfo a.username {
          background: none repeat scroll 0% 0% #ededed !important;
          padding: 5px 6px !important;
          border-radius: 2px !important;
      }
      
      div#bottom-avatar-links {
          background: none repeat scroll 0% 0% #EDEDED;
          padding: 8px 4px 13px;
          margin-right: 2px;
          border-radius: 2px;
          margin-top: 4px;
      }
      
      a.send-pm-touser {
          margin-right: 4px;
      }
      
      span.icon_mail_alt {
          font-size: 24px;
          color: #CBCBCB;
          border-radius: 100%;
          border: 1px solid #CBCBCB;
          padding: 1px 5px 6px;
          background: none repeat scroll 0% 0% #FFF;
          box-shadow: 0px 0px 0px 2px #FFF;
      }
      
      a.send-pm-touser:hover span.icon_mail_alt {
          color: #3686E0;
          border: 1px solid #3686E0;
      }
      
      a.show-topics {
          margin-right: 4px;
      }
      
      span.icon_search-2 {
          font-size: 21px;
          color: #CBCBCB;
          border-radius: 100%;
          border: 1px solid #CBCBCB;
          padding: 5px 6px 5px;
          background: none repeat scroll 0% 0% #FFF;
          box-shadow: 0px 0px 0px 2px #FFF;
          position: relative;
          top: 2px;
      }
      
      a.show-topics:hover span.icon_search-2 {
          color: #FF7805;
          border: 1px solid #FF7805;
      }
      
      a.send-freind-request {
          margin-right: 4px;
      }
      
      span.icon_like {
          font-size: 24px;
          color: #CBCBCB;
          border-radius: 100%;
          border: 1px solid #CBCBCB;
          padding: 3px 5px 5px;
          background: none repeat scroll 0% 0% #FFF;
          box-shadow: 0px 0px 0px 2px #FFF;
          position: relative;
          top: 1px;
      }
      
      a.send-freind-request:hover span.icon_like {
          color: #AB1BB4;
          border: 1px solid #AB1BB4;
      }
      
      a.visit-profile {
          margin-right: 4px;
      }
      
      span.icon_id-2 {
          font-size: 24px;
          color: #CBCBCB;
          border-radius: 100%;
          border: 1px solid #CBCBCB;
          padding: 3px 5px 5px;
          background: none repeat scroll 0% 0% #FFF;
          box-shadow: 0px 0px 0px 2px #FFF;
          position: relative;
          top: 1px;
      }
      
      a.visit-profile:hover span.icon_id-2 {
          color: #12C30D;
          border: 1px solid #12C30D;
      }
      
      div.Hourglass-Rank {
          font-family: BYekan;
          width: 190px;
          text-align: center;
          font-size: 13px;
      }
      
      span.after-rank {
          width: 0px;
          height: 0px;
          border-left: 7px solid red;
          border-bottom: 6px solid transparent;
          border-top: 6px solid transparent;
      }
      
      .ac-container {
          text-align: right;
          z-index: 999;
          right: 35px;
          top: 0px;
          float: right;
          position: absolute;
      }
      
      .ac-container label {
          font-family: BYekan;
          padding: 5px 8px;
          position: relative;
          z-index: 20;
          display: inline-block !important;
          cursor: pointer;
          color: #FFF;
          direction: rtl;
          line-height: 33px;
          font-size: 14px;
          background: none repeat scroll 0% 0% transparent;
          border-left: 1px dashed #9B37C0;
          border-right: 1px dashed #9B37C0;
      }
      
      .ac-container input:checked + label,
      .ac-container input:checked + label:hover{
          background: none repeat scroll 0% 0% rgba(250, 250, 250, 0.1);
          color: #F2F2F2;
      }
      .ac-container label:hover:after,
      .ac-container input:checked + label:hover:after{
          content: '';
          position: absolute;
          width: 24px;
          height: 24px;
          left: 13px;
          top: 7px;
          background: transparent url(../images/arrow_down.png) no-repeat center center;    
      }
      .ac-container input:checked + label:hover:after{
          background-image: url(../images/arrow_up.png);
      }
      .ac-container input{
          display: none;
      }
      .ac-container article{
          background: none repeat scroll 0% 0% #fff;
          margin-top: 3px;
              border-radius: 4px;
          overflow: hidden;
          height: 0px;
          position: relative;
          z-index: 10;
          -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
          -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
          -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
          -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
          transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
      }
      
      .ac-container article p {
          color: #777;
          direction: rtl;
          line-height: 23px;
          font-size: 14px;
          padding: 3px 8px;
          font-family: BYekan;
          border-bottom: 1px solid #cecece;
      }
      
      .ac-container article p:hover {
          background: none repeat scroll 0% 0% #EFEFEF;
      }
      
      .ac-container input:checked ~ article{
          -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
          -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
          -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
          -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
          transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
          box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
      }
      .ac-container input:checked ~ article.ac-small{
          height: 120px;
      }
      
      span.icon_flowchart {
          font-size: 16px;
          float: right;
          color: #852D98;
          position: relative;
          top: 6px;
          margin-left: 7px;
          border: 1px solid #852D98;
          border-radius: 100%;
          padding: 4px;
          background: none repeat scroll 0% 0% rgb(242, 242, 242);
          box-shadow: 0px 0px 0px 1px #F2F2F2;
      }
      
      span.icon_check_alt {
          font-size: 16px;
          color: #BABABA;
          position: relative;
          top: 3px;
          margin-left: 4px;
      }
      
      span.arrow_carrot-down_alt2 {
          float: left;
          color: #F2F2F2;
          font-size: 13px;
          position: relative;
          top: 13px;
          margin-right: 6px;
      }
      
      
      
      
      @font-face {
        font-family: 'Byekan';
        src: url('images/Hourglass/font/BYekan.woff') format('woff');
        font-style: normal;
        font-weight: normal;
      }
      
      
      
      
      
      
      
      @font-face {
        font-family: 'ElegantIcons';
        src:url('fonts/Eleganticons.eot') format('embedded-opentype'),
        url('fonts/Eleganticons.woff') format('woff'),
        url('fonts/Eleganticons.ttf') format('truetype'),
        url('fonts/Eleganticons.svg') format('svg');
        font-weight: normal;
        font-style: normal;
      }
      
      /* Use the following CSS code if you want to use data attributes for inserting your icons */
      [data-icon]:before {
          font-family: 'ElegantIcons';
          content: attr(data-icon);
          speak: none;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
      }
      
      /* Use the following CSS code if you want to have a class per icon */
      /*
      Instead of a list of all class selectors,
      you can use the generic selector below, but it's slower:
      [class*="your-class-prefix"] {
      */
      .arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon_plus, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_images, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard {
          font-family: 'ElegantIcons';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
      }
      .arrow_up:before {
          content: "\21";
      }
      .arrow_down:before {
          content: "\22";
      }
      .arrow_left:before {
          content: "\23";
      }
      .arrow_right:before {
          content: "\24";
      }
      .arrow_left-up:before {
          content: "\25";
      }
      .arrow_right-up:before {
          content: "\26";
      }
      .arrow_right-down:before {
          content: "\27";
      }
      .arrow_left-down:before {
          content: "\28";
      }
      .arrow-up-down:before {
          content: "\29";
      }
      .arrow_up-down_alt:before {
          content: "\2a";
      }
      .arrow_left-right_alt:before {
          content: "\2b";
      }
      .arrow_left-right:before {
          content: "\2c";
      }
      .arrow_expand_alt2:before {
          content: "\2d";
      }
      .arrow_expand_alt:before {
          content: "\2e";
      }
      .arrow_condense:before {
          content: "\2f";
      }
      .arrow_expand:before {
          content: "\30";
      }
      .arrow_move:before {
          content: "\31";
      }
      .arrow_carrot-up:before {
          content: "\32";
      }
      .arrow_carrot-down:before {
          content: "\33";
      }
      .arrow_carrot-left:before {
          content: "\34";
      }
      .arrow_carrot-right:before {
          content: "\35";
      }
      .arrow_carrot-2up:before {
          content: "\36";
      }
      .arrow_carrot-2down:before {
          content: "\37";
      }
      .arrow_carrot-2left:before {
          content: "\38";
      }
      .arrow_carrot-2right:before {
          content: "\39";
      }
      .arrow_carrot-up_alt2:before {
          content: "\3a";
      }
      .arrow_carrot-down_alt2:before {
          content: "\3b";
      }
      .arrow_carrot-left_alt2:before {
          content: "\3c";
      }
      .arrow_carrot-right_alt2:before {
          content: "\3d";
      }
      .arrow_carrot-2up_alt2:before {
          content: "\3e";
      }
      .arrow_carrot-2down_alt2:before {
          content: "\3f";
      }
      .arrow_carrot-2left_alt2:before {
          content: "\40";
      }
      .arrow_carrot-2right_alt2:before {
          content: "\41";
      }
      .arrow_triangle-up:before {
          content: "\42";
      }
      .arrow_triangle-down:before {
          content: "\43";
      }
      .arrow_triangle-left:before {
          content: "\44";
      }
      .arrow_triangle-right:before {
          content: "\45";
      }
      .arrow_triangle-up_alt2:before {
          content: "\46";
      }
      .arrow_triangle-down_alt2:before {
          content: "\47";
      }
      .arrow_triangle-left_alt2:before {
          content: "\48";
      }
      .arrow_triangle-right_alt2:before {
          content: "\49";
      }
      .arrow_back:before {
          content: "\4a";
      }
      .icon_minus-06:before {
          content: "\4b";
      }
      .icon_plus:before {
          content: "\4c";
      }
      .icon_close:before {
          content: "\4d";
      }
      .icon_check:before {
          content: "\4e";
      }
      .icon_minus_alt2:before {
          content: "\4f";
      }
      .icon_plus_alt2:before {
          content: "\50";
      }
      .icon_close_alt2:before {
          content: "\51";
      }
      .icon_check_alt2:before {
          content: "\52";
      }
      .icon_zoom-out_alt:before {
          content: "\53";
      }
      .icon_zoom-in_alt:before {
          content: "\54";
      }
      .icon_search:before {
          content: "\55";
      }
      .icon_box-empty:before {
          content: "\56";
      }
      .icon_box-selected:before {
          content: "\57";
      }
      .icon_minus-box:before {
          content: "\58";
      }
      .icon_plus-box:before {
          content: "\59";
      }
      .icon_box-checked:before {
          content: "\5a";
      }
      .icon_circle-empty:before {
          content: "\5b";
      }
      .icon_circle-slelected:before {
          content: "\5c";
      }
      .icon_stop_alt2:before {
          content: "\5d";
      }
      .icon_stop:before {
          content: "\5e";
      }
      .icon_pause_alt2:before {
          content: "\5f";
      }
      .icon_pause:before {
          content: "\60";
      }
      .icon_menu:before {
          content: "\61";
      }
      .icon_menu-square_alt2:before {
          content: "\62";
      }
      .icon_menu-circle_alt2:before {
          content: "\63";
      }
      .icon_ul:before {
          content: "\64";
      }
      .icon_ol:before {
          content: "\65";
      }
      .icon_adjust-horiz:before {
          content: "\66";
      }
      .icon_adjust-vert:before {
          content: "\67";
      }
      .icon_document_alt:before {
          content: "\68";
      }
      .icon_documents_alt:before {
          content: "\69";
      }
      .icon_pencil:before {
          content: "\6a";
      }
      .icon_pencil-edit_alt:before {
          content: "\6b";
      }
      .icon_pencil-edit:before {
          content: "\6c";
      }
      .icon_folder-alt:before {
          content: "\6d";
      }
      .icon_folder-open_alt:before {
          content: "\6e";
      }
      .icon_folder-add_alt:before {
          content: "\6f";
      }
      .icon_info_alt:before {
          content: "\70";
      }
      .icon_error-oct_alt:before {
          content: "\71";
      }
      .icon_error-circle_alt:before {
          content: "\72";
      }
      .icon_error-triangle_alt:before {
          content: "\73";
      }
      .icon_question_alt2:before {
          content: "\74";
      }
      .icon_question:before {
          content: "\75";
      }
      .icon_comment_alt:before {
          content: "\76";
      }
      .icon_chat_alt:before {
          content: "\77";
      }
      .icon_vol-mute_alt:before {
          content: "\78";
      }
      .icon_volume-low_alt:before {
          content: "\79";
      }
      .icon_volume-high_alt:before {
          content: "\7a";
      }
      .icon_quotations:before {
          content: "\7b";
      }
      .icon_quotations_alt2:before {
          content: "\7c";
      }
      .icon_clock_alt:before {
          content: "\7d";
      }
      .icon_lock_alt:before {
          content: "\7e";
      }
      .icon_lock-open_alt:before {
          content: "\e000";
      }
      .icon_key_alt:before {
          content: "\e001";
      }
      .icon_cloud_alt:before {
          content: "\e002";
      }
      .icon_cloud-upload_alt:before {
          content: "\e003";
      }
      .icon_cloud-download_alt:before {
          content: "\e004";
      }
      .icon_image:before {
          content: "\e005";
      }
      .icon_images:before {
          content: "\e006";
      }
      .icon_lightbulb_alt:before {
          content: "\e007";
      }
      .icon_gift_alt:before {
          content: "\e008";
      }
      .icon_house_alt:before {
          content: "\e009";
      }
      .icon_genius:before {
          content: "\e00a";
      }
      .icon_mobile:before {
          content: "\e00b";
      }
      .icon_tablet:before {
          content: "\e00c";
      }
      .icon_laptop:before {
          content: "\e00d";
      }
      .icon_desktop:before {
          content: "\e00e";
      }
      .icon_camera_alt:before {
          content: "\e00f";
      }
      .icon_mail_alt:before {
          content: "\e010";
      }
      .icon_cone_alt:before {
          content: "\e011";
      }
      .icon_ribbon_alt:before {
          content: "\e012";
      }
      .icon_bag_alt:before {
          content: "\e013";
      }
      .icon_creditcard:before {
          content: "\e014";
      }
      .icon_cart_alt:before {
          content: "\e015";
      }
      .icon_paperclip:before {
          content: "\e016";
      }
      .icon_tag_alt:before {
          content: "\e017";
      }
      .icon_tags_alt:before {
          content: "\e018";
      }
      .icon_trash_alt:before {
          content: "\e019";
      }
      .icon_cursor_alt:before {
          content: "\e01a";
      }
      .icon_mic_alt:before {
          content: "\e01b";
      }
      .icon_compass_alt:before {
          content: "\e01c";
      }
      .icon_pin_alt:before {
          content: "\e01d";
      }
      .icon_pushpin_alt:before {
          content: "\e01e";
      }
      .icon_map_alt:before {
          content: "\e01f";
      }
      .icon_drawer_alt:before {
          content: "\e020";
      }
      .icon_toolbox_alt:before {
          content: "\e021";
      }
      .icon_book_alt:before {
          content: "\e022";
      }
      .icon_calendar:before {
          content: "\e023";
      }
      .icon_film:before {
          content: "\e024";
      }
      .icon_table:before {
          content: "\e025";
      }
      .icon_contacts_alt:before {
          content: "\e026";
      }
      .icon_headphones:before {
          content: "\e027";
      }
      .icon_lifesaver:before {
          content: "\e028";
      }
      .icon_piechart:before {
          content: "\e029";
      }
      .icon_refresh:before {
          content: "\e02a";
      }
      .icon_link_alt:before {
          content: "\e02b";
      }
      .icon_link:before {
          content: "\e02c";
      }
      .icon_loading:before {
          content: "\e02d";
      }
      .icon_blocked:before {
          content: "\e02e";
      }
      .icon_archive_alt:before {
          content: "\e02f";
      }
      .icon_heart_alt:before {
          content: "\e030";
      }
      .icon_star_alt:before {
          content: "\e031";
      }
      .icon_star-half_alt:before {
          content: "\e032";
      }
      .icon_star:before {
          content: "\e033";
      }
      .icon_star-half:before {
          content: "\e034";
      }
      .icon_tools:before {
          content: "\e035";
      }
      .icon_tool:before {
          content: "\e036";
      }
      .icon_cog:before {
          content: "\e037";
      }
      .icon_cogs:before {
          content: "\e038";
      }
      .arrow_up_alt:before {
          content: "\e039";
      }
      .arrow_down_alt:before {
          content: "\e03a";
      }
      .arrow_left_alt:before {
          content: "\e03b";
      }
      .arrow_right_alt:before {
          content: "\e03c";
      }
      .arrow_left-up_alt:before {
          content: "\e03d";
      }
      .arrow_right-up_alt:before {
          content: "\e03e";
      }
      .arrow_right-down_alt:before {
          content: "\e03f";
      }
      .arrow_left-down_alt:before {
          content: "\e040";
      }
      .arrow_condense_alt:before {
          content: "\e041";
      }
      .arrow_expand_alt3:before {
          content: "\e042";
      }
      .arrow_carrot_up_alt:before {
          content: "\e043";
      }
      .arrow_carrot-down_alt:before {
          content: "\e044";
      }
      .arrow_carrot-left_alt:before {
          content: "\e045";
      }
      .arrow_carrot-right_alt:before {
          content: "\e046";
      }
      .arrow_carrot-2up_alt:before {
          content: "\e047";
      }
      .arrow_carrot-2dwnn_alt:before {
          content: "\e048";
      }
      .arrow_carrot-2left_alt:before {
          content: "\e049";
      }
      .arrow_carrot-2right_alt:before {
          content: "\e04a";
      }
      .arrow_triangle-up_alt:before {
          content: "\e04b";
      }
      .arrow_triangle-down_alt:before {
          content: "\e04c";
      }
      .arrow_triangle-left_alt:before {
          content: "\e04d";
      }
      .arrow_triangle-right_alt:before {
          content: "\e04e";
      }
      .icon_minus_alt:before {
          content: "\e04f";
      }
      .icon_plus_alt:before {
          content: "\e050";
      }
      .icon_close_alt:before {
          content: "\e051";
      }
      .icon_check_alt:before {
          content: "\e052";
      }
      .icon_zoom-out:before {
          content: "\e053";
      }
      .icon_zoom-in:before {
          content: "\e054";
      }
      .icon_stop_alt:before {
          content: "\e055";
      }
      .icon_menu-square_alt:before {
          content: "\e056";
      }
      .icon_menu-circle_alt:before {
          content: "\e057";
      }
      .icon_document:before {
          content: "\e058";
      }
      .icon_documents:before {
          content: "\e059";
      }
      .icon_pencil_alt:before {
          content: "\e05a";
      }
      .icon_folder:before {
          content: "\e05b";
      }
      .icon_folder-open:before {
          content: "\e05c";
      }
      .icon_folder-add:before {
          content: "\e05d";
      }
      .icon_folder_upload:before {
          content: "\e05e";
      }
      .icon_folder_download:before {
          content: "\e05f";
      }
      .icon_info:before {
          content: "\e060";
      }
      .icon_error-circle:before {
          content: "\e061";
      }
      .icon_error-oct:before {
          content: "\e062";
      }
      .icon_error-triangle:before {
          content: "\e063";
      }
      .icon_question_alt:before {
          content: "\e064";
      }
      .icon_comment:before {
          content: "\e065";
      }
      .icon_chat:before {
          content: "\e066";
      }
      .icon_vol-mute:before {
          content: "\e067";
      }
      .icon_volume-low:before {
          content: "\e068";
      }
      .icon_volume-high:before {
          content: "\e069";
      }
      .icon_quotations_alt:before {
          content: "\e06a";
      }
      .icon_clock:before {
          content: "\e06b";
      }
      .icon_lock:before {
          content: "\e06c";
      }
      .icon_lock-open:before {
          content: "\e06d";
      }
      .icon_key:before {
          content: "\e06e";
      }
      .icon_cloud:before {
          content: "\e06f";
      }
      .icon_cloud-upload:before {
          content: "\e070";
      }
      .icon_cloud-download:before {
          content: "\e071";
      }
      .icon_lightbulb:before {
          content: "\e072";
      }
      .icon_gift:before {
          content: "\e073";
      }
      .icon_house:before {
          content: "\e074";
      }
      .icon_camera:before {
          content: "\e075";
      }
      .icon_mail:before {
          content: "\e076";
      }
      .icon_cone:before {
          content: "\e077";
      }
      .icon_ribbon:before {
          content: "\e078";
      }
      .icon_bag:before {
          content: "\e079";
      }
      .icon_cart:before {
          content: "\e07a";
      }
      .icon_tag:before {
          content: "\e07b";
      }
      .icon_tags:before {
          content: "\e07c";
      }
      .icon_trash:before {
          content: "\e07d";
      }
      .icon_cursor:before {
          content: "\e07e";
      }
      .icon_mic:before {
          content: "\e07f";
      }
      .icon_compass:before {
          content: "\e080";
      }
      .icon_pin:before {
          content: "\e081";
      }
      .icon_pushpin:before {
          content: "\e082";
      }
      .icon_map:before {
          content: "\e083";
      }
      .icon_drawer:before {
          content: "\e084";
      }
      .icon_toolbox:before {
          content: "\e085";
      }
      .icon_book:before {
          content: "\e086";
      }
      .icon_contacts:before {
          content: "\e087";
      }
      .icon_archive:before {
          content: "\e088";
      }
      .icon_heart:before {
          content: "\e089";
      }
      .icon_profile:before {
          content: "\e08a";
      }
      .icon_group:before {
          content: "\e08b";
      }
      .icon_grid-2x2:before {
          content: "\e08c";
      }
      .icon_grid-3x3:before {
          content: "\e08d";
      }
      .icon_music:before {
          content: "\e08e";
      }
      .icon_pause_alt:before {
          content: "\e08f";
      }
      .icon_phone:before {
          content: "\e090";
      }
      .icon_upload:before {
          content: "\e091";
      }
      .icon_download:before {
          content: "\e092";
      }
      .social_facebook:before {
          content: "\e093";
      }
      .social_twitter:before {
          content: "\e094";
      }
      .social_pinterest:before {
          content: "\e095";
      }
      .social_googleplus:before {
          content: "\e096";
      }
      .social_tumblr:before {
          content: "\e097";
      }
      .social_tumbleupon:before {
          content: "\e098";
      }
      .social_wordpress:before {
          content: "\e099";
      }
      .social_instagram:before {
          content: "\e09a";
      }
      .social_dribbble:before {
          content: "\e09b";
      }
      .social_vimeo:before {
          content: "\e09c";
      }
      .social_linkedin:before {
          content: "\e09d";
      }
      .social_rss:before {
          content: "\e09e";
      }
      .social_deviantart:before {
          content: "\e09f";
      }
      .social_share:before {
          content: "\e0a0";
      }
      .social_myspace:before {
          content: "\e0a1";
      }
      .social_skype:before {
          content: "\e0a2";
      }
      .social_youtube:before {
          content: "\e0a3";
      }
      .social_picassa:before {
          content: "\e0a4";
      }
      .social_googledrive:before {
          content: "\e0a5";
      }
      .social_flickr:before {
          content: "\e0a6";
      }
      .social_blogger:before {
          content: "\e0a7";
      }
      .social_spotify:before {
          content: "\e0a8";
      }
      .social_delicious:before {
          content: "\e0a9";
      }
      .social_facebook_circle:before {
          content: "\e0aa";
      }
      .social_twitter_circle:before {
          content: "\e0ab";
      }
      .social_pinterest_circle:before {
          content: "\e0ac";
      }
      .social_googleplus_circle:before {
          content: "\e0ad";
      }
      .social_tumblr_circle:before {
          content: "\e0ae";
      }
      .social_stumbleupon_circle:before {
          content: "\e0af";
      }
      .social_wordpress_circle:before {
          content: "\e0b0";
      }
      .social_instagram_circle:before {
          content: "\e0b1";
      }
      .social_dribbble_circle:before {
          content: "\e0b2";
      }
      .social_vimeo_circle:before {
          content: "\e0b3";
      }
      .social_linkedin_circle:before {
          content: "\e0b4";
      }
      .social_rss_circle:before {
          content: "\e0b5";
      }
      .social_deviantart_circle:before {
          content: "\e0b6";
      }
      .social_share_circle:before {
          content: "\e0b7";
      }
      .social_myspace_circle:before {
          content: "\e0b8";
      }
      .social_skype_circle:before {
          content: "\e0b9";
      }
      .social_youtube_circle:before {
          content: "\e0ba";
      }
      .social_picassa_circle:before {
          content: "\e0bb";
      }
      .social_googledrive_alt2:before {
          content: "\e0bc";
      }
      .social_flickr_circle:before {
          content: "\e0bd";
      }
      .social_blogger_circle:before {
          content: "\e0be";
      }
      .social_spotify_circle:before {
          content: "\e0bf";
      }
      .social_delicious_circle:before {
          content: "\e0c0";
      }
      .social_facebook_square:before {
          content: "\e0c1";
      }
      .social_twitter_square:before {
          content: "\e0c2";
      }
      .social_pinterest_square:before {
          content: "\e0c3";
      }
      .social_googleplus_square:before {
          content: "\e0c4";
      }
      .social_tumblr_square:before {
          content: "\e0c5";
      }
      .social_stumbleupon_square:before {
          content: "\e0c6";
      }
      .social_wordpress_square:before {
          content: "\e0c7";
      }
      .social_instagram_square:before {
          content: "\e0c8";
      }
      .social_dribbble_square:before {
          content: "\e0c9";
      }
      .social_vimeo_square:before {
          content: "\e0ca";
      }
      .social_linkedin_square:before {
          content: "\e0cb";
      }
      .social_rss_square:before {
          content: "\e0cc";
      }
      .social_deviantart_square:before {
          content: "\e0cd";
      }
      .social_share_square:before {
          content: "\e0ce";
      }
      .social_myspace_square:before {
          content: "\e0cf";
      }
      .social_skype_square:before {
          content: "\e0d0";
      }
      .social_youtube_square:before {
          content: "\e0d1";
      }
      .social_picassa_square:before {
          content: "\e0d2";
      }
      .social_googledrive_square:before {
          content: "\e0d3";
      }
      .social_flickr_square:before {
          content: "\e0d4";
      }
      .social_blogger_square:before {
          content: "\e0d5";
      }
      .social_spotify_square:before {
          content: "\e0d6";
      }
      .social_delicious_square:before {
          content: "\e0d7";
      }
      .icon_printer:before {
          content: "\e103";
      }
      .icon_calulator:before {
          content: "\e0ee";
      }
      .icon_building:before {
          content: "\e0ef";
      }
      .icon_floppy:before {
          content: "\e0e8";
      }
      .icon_drive:before {
          content: "\e0ea";
      }
      .icon_search-2:before {
          content: "\e101";
      }
      .icon_id:before {
          content: "\e107";
      }
      .icon_id-2:before {
          content: "\e108";
      }
      .icon_puzzle:before {
          content: "\e102";
      }
      .icon_like:before {
          content: "\e106";
      }
      .icon_dislike:before {
          content: "\e0eb";
      }
      .icon_mug:before {
          content: "\e105";
      }
      .icon_currency:before {
          content: "\e0ed";
      }
      .icon_wallet:before {
          content: "\e100";
      }
      .icon_pens:before {
          content: "\e104";
      }
      .icon_easel:before {
          content: "\e0e9";
      }
      .icon_flowchart:before {
          content: "\e109";
      }
      .icon_datareport:before {
          content: "\e0ec";
      }
      .icon_briefcase:before {
          content: "\e0fe";
      }
      .icon_shield:before {
          content: "\e0f6";
      }
      .icon_percent:before {
          content: "\e0fb";
      }
      .icon_globe:before {
          content: "\e0e2";
      }
      .icon_globe-2:before {
          content: "\e0e3";
      }
      .icon_target:before {
          content: "\e0f5";
      }
      .icon_hourglass:before {
          content: "\e0e1";
      }
      .icon_balance:before {
          content: "\e0ff";
      }
      .icon_rook:before {
          content: "\e0f8";
      }
      .icon_printer-alt:before {
          content: "\e0fa";
      }
      .icon_calculator_alt:before {
          content: "\e0e7";
      }
      .icon_building_alt:before {
          content: "\e0fd";
      }
      .icon_floppy_alt:before {
          content: "\e0e4";
      }
      .icon_drive_alt:before {
          content: "\e0e5";
      }
      .icon_search_alt:before {
          content: "\e0f7";
      }
      .icon_id_alt:before {
          content: "\e0e0";
      }
      .icon_id-2_alt:before {
          content: "\e0fc";
      }
      .icon_puzzle_alt:before {
          content: "\e0f9";
      }
      .icon_like_alt:before {
          content: "\e0dd";
      }
      .icon_dislike_alt:before {
          content: "\e0f1";
      }
      .icon_mug_alt:before {
          content: "\e0dc";
      }
      .icon_currency_alt:before {
          content: "\e0f3";
      }
      .icon_wallet_alt:before {
          content: "\e0d8";
      }
      .icon_pens_alt:before {
          content: "\e0db";
      }
      .icon_easel_alt:before {
          content: "\e0f0";
      }
      .icon_flowchart_alt:before {
          content: "\e0df";
      }
      .icon_datareport_alt:before {
          content: "\e0f2";
      }
      .icon_briefcase_alt:before {
          content: "\e0f4";
      }
      .icon_shield_alt:before {
          content: "\e0d9";
      }
      .icon_percent_alt:before {
          content: "\e0da";
      }
      .icon_globe_alt:before {
          content: "\e0de";
      }
      .icon_clipboard:before {
          content: "\e0e6";
      }
      
      
          .glyph {
              float: left;
              text-align: center;
              padding: .75em;
              margin: .4em 1.5em .75em 0;
              width: 6em;
      text-shadow: none;
          }
              .glyph_big {
              font-size: 128px;
              color: #59c5dc;
              float: left;
              margin-right: 20px;
              }
      
              .glyph div { padding-bottom: 10px;}
      
          .glyph input {
              font-family: consolas, monospace;
              font-size: 12px;
              width: 100%;
              text-align: center;
              border: 0;
              box-shadow: 0 0 0 1px #ccc;
              padding: .2em;
                      -moz-border-radius: 5px;
                      -webkit-border-radius: 5px;
          }
          .centered {
              margin-left: auto;
              margin-right: auto;
          }
          .glyph .fs1 {
              font-size: 2em;
          }

      پ.ن : چون کدهای فونت آیکون رو نیز کاملشو به ادیشنال اضافه کردم کد ادیشنال زیاد شد ! :( ( شرمنده )


      مشکل :

      فقط دو مشکل.وقتی موس را میبری روی 4 تا گزینه ای که زیر اواتار فرد ،توضیحی نمیده
      راه حل مشکل :

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

      http://www.wikivb.ir/thread8415-2.html
      http://www.wikivb.ir/thread17678.html
      http://www.wikivb.ir/thread15446.html
      به زودی هک این کادربندی نیز نوشته خواهد شد . مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

      فایل پیوست را نیز در روت انجمن آپلود کنید .

      موفق باشید .

      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      آموزش کادربندی پست بیت به سبک استایل هورگلس ~ اختصاصی ویکی وی بی ~ فايل هاي پيوست شده
      • نوع فایل: zip fonts.zip (209.9 کیلو بایت, 57 نمايش)
      ویرایش توسط Sp!D3R : 07-10-2015 در ساعت 01:22 PM
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

      3 نفر از اعضا پست Sp!D3R را پسندیده اند


  1. #2
    mirror آنلاین نیست.
    mirror
    کاربر سايت
    257نوشته45مورد پسند

    تاریخ عضویت
    May 2014
    شماره عضویت
    5331
    پسندیده است
    370 پست
    بلاگ
    پست
    میزان امتیاز
    55
    www.forum.elitegamer.ir
    عالیه مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    فقط دو مشکل.وقتی موس را میبری روی 4 تا گزینه ای که زیر اواتار فرد ،توضیحی نمیده

    نمونه : http://forum.elitegamer.ir/thread1810.html

    کاربر زیر پست mirror را پسندیده است:



  2. #3
    Sp!D3R آنلاین نیست.
    Sp!D3R
    کاربر اخراجي
    1,056نوشته713مورد پسند

    تاریخ عضویت
    Sep 2014
    شماره عضویت
    6542
    پسندیده است
    1,789 پست
    بلاگ
    پست
    میزان امتیاز
    723
    www.beruztarinha.ir
    نقل قول نوشته اصلی توسط mirror نمایش پست ها
    عالیه مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    فقط دو مشکل.وقتی موس را میبری روی 4 تا گزینه ای که زیر اواتار فرد ،توضیحی نمیده

    نمونه : http://forum.elitegamer.ir/thread1810.html
    دوست عزیز برای این مشکل از آموزش های زیر استفاده کنید و کدهاش فراخوانی شده هست و باید شما فقط یکی از آموزش رو انجام بدید .

    http://www.wikivb.ir/thread8415-2.html
    http://www.wikivb.ir/thread17678.html
    http://www.wikivb.ir/thread15446.html

    2 نفر از اعضا پست Sp!D3R را پسندیده اند



  3. #4
    M-Barati آنلاین نیست.
    M-Barati
    پاسخگو و راهنما
    مدير بخش
    3,015نوشته3,985مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    59
    پسندیده است
    6,300 پست
    بلاگ
    2 پست
    میزان امتیاز
    3995
    مسئول 2 ستاره
    www.irtalk.ir
    خسته نباشید و ممنون
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    2 نفر از اعضا پست M-Barati را پسندیده اند


    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  4. #5
    Sp!D3R آنلاین نیست.
    Sp!D3R
    کاربر اخراجي
    1,056نوشته713مورد پسند

    تاریخ عضویت
    Sep 2014
    شماره عضویت
    6542
    پسندیده است
    1,789 پست
    بلاگ
    پست
    میزان امتیاز
    723
    www.beruztarinha.ir
    نقل قول نوشته اصلی توسط M-Barati نمایش پست ها
    خسته نباشید و ممنون
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    ممنون مهدیار جان مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بیمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    - - - Updated - - -

    آپدیت شد مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    مشکل :

    فقط دو مشکل.وقتی موس را میبری روی 4 تا گزینه ای که زیر اواتار فرد ،توضیحی نمیده
    راه حل مشکل :

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

    http://www.wikivb.ir/thread8415-2.html
    http://www.wikivb.ir/thread17678.html
    http://www.wikivb.ir/thread15446.html

  5. #6
    rasoul آنلاین نیست.
    rasoul
    کاربر سايت
    209نوشته31مورد پسند

    تاریخ عضویت
    Jan 2013
    شماره عضویت
    338
    پسندیده است
    64 پست
    بلاگ
    0 پست
    میزان امتیاز
    41
    forum.negahdl.com
    همه چی این پست بیت زیباست الان
    ففط یکی طبق عکسی که گذاشتم میشه این دوتا مورد یکی اسم و اون ستاره ها(درجه کاربری را انداخت تو کادر ) و اورد وسط کار
    http://upload.wikivb.ir/images/9l7an6qwsmkk8z3ynje.jpg
    و رنگش هم پررنگ تر کرد منظورم گزینه ها پست بیت را
    ویرایش توسط rasoul : 08-05-2015 در ساعت 03:07 AM


  6. #7
    CodeSaz آنلاین نیست.
    CodeSaz
    مدير بخش
    3,403نوشته6,851مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    54
    پسندیده است
    3,264 پست
    بلاگ
    0 پست
    میزان امتیاز
    6858
    مسئول 3 ستاره
    wikivb.ir
    نقل قول نوشته اصلی توسط rasoul نمایش پست ها
    همه چی این پست بیت زیباست الان
    ففط یکی طبق عکسی که گذاشتم میشه این دوتا مورد یکی اسم و اون ستاره ها(درجه کاربری را انداخت تو کادر ) و اورد وسط کار
    http://upload.wikivb.ir/images/9l7an6qwsmkk8z3ynje.jpg
    و رنگش هم پررنگ تر کرد منظورم گزینه ها پست بیت را
    کد زیر را انتهای additional.css قرار دهید :
    کد:
    .username_container {
        text-align: center !important;
        margin-bottom: 18px !important;
    }

    2 نفر از اعضا پست CodeSaz را پسندیده اند


    Coming Soon New Project ■

  7. #8
    rasoul آنلاین نیست.
    rasoul
    کاربر سايت
    209نوشته31مورد پسند

    تاریخ عضویت
    Jan 2013
    شماره عضویت
    338
    پسندیده است
    64 پست
    بلاگ
    0 پست
    میزان امتیاز
    41
    forum.negahdl.com
    و رنگ فونت ها را نمیشه پررنگ تر کرد


  8. #9
    Sp!D3R آنلاین نیست.
    Sp!D3R
    کاربر اخراجي
    1,056نوشته713مورد پسند

    تاریخ عضویت
    Sep 2014
    شماره عضویت
    6542
    پسندیده است
    1,789 پست
    بلاگ
    پست
    میزان امتیاز
    723
    www.beruztarinha.ir
    نقل قول نوشته اصلی توسط rasoul نمایش پست ها
    و رنگ فونت ها را نمیشه پررنگ تر کرد
    درود ، دوست عزیز برای پر رنگ کردن از کد زیر استفاده کنید .

    کد:
    .username_container {
        text-align: center !important;
        margin-bottom: 18px !important;
        font-weight: bold;
    }

  9. #10
    rasoul آنلاین نیست.
    rasoul
    کاربر سايت
    209نوشته31مورد پسند

    تاریخ عضویت
    Jan 2013
    شماره عضویت
    338
    پسندیده است
    64 پست
    بلاگ
    0 پست
    میزان امتیاز
    41
    forum.negahdl.com
    lمنظورم برای پر رنک کردن نام کاربری نیست
    کل پسبیت هست


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

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

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

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

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

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

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