آیا میدانید شما میتوانید به صورت "کاملا رایگان" سایت ، محصول خدمات و... خود را در پی سی وب معرفی کنید ؟

فرصت را از دست ندهید
انجمن مه سفر
نمایش نتایج: از 1 به 9 از 9

موضوع: سوالات متداول

  1. banktalar آواتار ها
    banktalar
    کاربر نیمه فعال
    Nov 2016
    180
    27
    33
    17

    سوالات متداول

    سلام وقت بخیر

    دنبال کد های آماده صفحه سوالات متداول faq هستم !

    تو گوگل زیاد سرچ کردم چیزی پیدا نکردم !

    کسی هست سورس کد داشته باشه تا بتونم استفاده کنم؟
    #1 ارسال شده در تاريخ 12-12-2018 در ساعت 09:14 AM

  2. Ahmadreza آواتار ها
    Ahmadreza
    پاسخگو و راهنما
    Oct 2015
    1,610
    1711
    1,421
    1,698
    71
    تو چه سیستمی استفاده می کنید؟
    کد خاصی نداره نمونه مشابه که می خواین قرار بدین لطفاً



    #2 ارسال شده در تاريخ 12-13-2018 در ساعت 07:47 AM

  3. banktalar آواتار ها
    banktalar
    کاربر نیمه فعال
    Nov 2016
    180
    27
    33
    17
    تو چه سیستمی استفاده می کنید؟
    کد خاصی نداره نمونه مشابه که می خواین قرار بدین لطفاً
    ممنون از پاسخ گویی شما

    من کد هام رو پیدا کردم از اکاردئومی استفاده میکنم برای این کار

    فقط الان یه مشکل دارم
    میخوام تو باکس ها ایکون + قرار بدم
    وقتی هم روی باکس سوال کلیک میشه تا جواب نشون بده این ایکون + به ایکون - تبدیل بشه

    میشه راهنمایی کنید؟ البته بلد نیستم در حد دستکاری اینا بلدم

    کد HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>وبگو | باکس آکاردئونی با جاوا اسکریپت</title>
    <!-- https://webgoo.ir -->
    <style type="text/css">
    body{
        font-family:Tahoma, Geneva, sans-serif;
        font-size:12px;
        direction:rtl;
    }
    .proboxtitle, .proboxcontent, .proboxmain{
        position:relative;
    }
    .proboxtitle{
        width:100%;    
        height:25px;
        overflow:hidden;
        text-align:right;
        display:block;
        cursor:pointer;
        background-color:#FFF;
        color:#666;
        direction:rtl;
        padding:4px;
        text-align:center;
        border-bottom:1px dashed #CCC;    
    }
    .proboxcontent{
        width:200px;    
        height:auto;
        overflow:hidden;
        display:none;
        background-color:#F8F8F8;
        padding:4px;
        direction:rtl;
    }
    .proboxmain{
        border:1px solid #F0F0F0;
        width:208px;    
    }
    </style>
    <script type="text/javascript">
    //<![CDATA[
    var contentHeight = 34;
    var TimeToSlide = 300.0;
    var openprobox = '';
    function runprobox(index){
        var divID = "probox" + index + "content";
        if(openprobox == divID){
            divID = '';
        }
        setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'" + openprobox + "','" + divID + "')", 33);
        openprobox = divID;
    }
    function animate(lastTick, timeLeft, closingId, openingId){
        var curTick = new Date().getTime();
        var elapsedTicks = curTick - lastTick;
        var opening = (openingId == '') ? null : document.getElementById(openingId);
        var closing = (closingId == '') ? null : document.getElementById(closingId);
        
        if(timeLeft <= elapsedTicks){
            if(opening != null){
                opening.style.height = contentHeight + 'px';
            }
            if(closing != null){
                closing.style.display = 'none';
                closing.style.height = '0px';
            }
        return;
        }
        timeLeft -= elapsedTicks;
      var newClosedHeight = Math.round((timeLeft/TimeToSlide) * contentHeight);
      if(opening != null){
          if(opening.style.display != 'block'){
              opening.style.display = 'block';
          }
          opening.style.height = (contentHeight - newClosedHeight) + 'px';
      }
      if(closing != null){
          closing.style.height = newClosedHeight + 'px';
      }
      setTimeout("animate(" + curTick + "," + timeLeft +",'" + closingId + "','" + openingId + "')", 33);
    }
    //]]>
    </script>
    </head>
    <body>
    <noscript>
    جاوا اسکریپت در مرورگر شما غیرفعال است یا پشتیبانی نمی شود!<br />
    </noscript>
    <div id="proboxmain" class="proboxmain">
    <!-- منوی شماره 1 -->
      <div class="proboxtitle" onclick="runprobox(1);">
      تیتر باکس 1
      </div>
      <div id="probox1content" class="proboxcontent">
      محتوای باکس آکاردئونی 1
      </div>
    <!-- منوی شماره 2 -->  
      <div class="proboxtitle" onclick="runprobox(2);">
      تیتر باکس 2
      </div>
      <div id="probox2content" class="proboxcontent">
      محتوای باکس آکاردئونی 2
      </div>
    <!-- منوی شماره 3 -->  
      <div class="proboxtitle" onclick="runprobox(3);">
      تیتر باکس 3
      </div>
      <div id="probox3content" class="proboxcontent">
      محتوای باکس آکاردئونی 3
      </div>
    <!-- منوی شماره 4 -->  
      <div class="proboxtitle" onclick="runprobox(4);">
      تیتر باکس 4
      </div>
      <div id="probox4content" class="proboxcontent">
      محتوای باکس آکاردئونی 4
      </div>
    </div>
    <hr />
     برای بررسی ویژگی های منو، بر روی یکی از آیتم ها کلیک کنید.
    </body>
    </html>
    اینم پیش نمایش:
    http://css.gechindir.com/1.html
    #3 ارسال شده در تاريخ 12-15-2018 در ساعت 12:16 PM

  4. Ahmadreza آواتار ها
    Ahmadreza
    پاسخگو و راهنما
    Oct 2015
    1,610
    1711
    1,421
    1,698
    71
    https://forum.p30web.org/thread44434.html#post55530

    https://forum.p30web.org/thread44435.html#post55531


    با عنوان اسنیپر آکاردونی سرچ کنید.

    موفق باشید.



    #4 ارسال شده در تاريخ 12-16-2018 در ساعت 10:16 AM

  5. کاربر مقابل پست Ahmadreza عزیز را پسندیده است .


  6. banktalar آواتار ها
    banktalar
    کاربر نیمه فعال
    Nov 2016
    180
    27
    33
    17
    https://forum.p30web.org/thread44434.html#post55530

    https://forum.p30web.org/thread44435.html#post55531


    با عنوان اسنیپر آکاردونی سرچ کنید.

    موفق باشید.
    ممنون

    نمونه آکاردئومی دارین که با بوت استرپ نوشته شده باشه و سایت ما رو بهم نریزه :
    chap.gechindir.com


    من اینا رو پیدا کردم خیلی خوشگل هستن , اما منو های هدر سایت ما رو بهم میزره ورژن هاشون فرق داره ! زیاد بلد نیستم نمیدونم چیکار کنم !
    https://mdbootstrap.com/docs/jquery/...ipt/accordion/
    #5 ارسال شده در تاريخ 12-17-2018 در ساعت 10:30 AM

  7. Ahmadreza آواتار ها
    Ahmadreza
    پاسخگو و راهنما
    Oct 2015
    1,610
    1711
    1,421
    1,698
    71
    سایت شما از نسخه قدیمی بوت استرپ استفاده می کنه (3.3.1 ویرایش RTL) و برای همین کدهای CSS با هم تداخل پیدا می کنند.

    شما طبق داکیومنت 3.3.1 میتونید اکاردون بسازید:
    کد:
    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
      <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingOne">
          <h4 class="panel-title">
            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
              Collapsible Group Item #1
            </a>
          </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
          <div class="panel-body">
            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
          </div>
        </div>
      </div>
      <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingTwo">
          <h4 class="panel-title">
            <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
              Collapsible Group Item #2
            </a>
          </h4>
        </div>
        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
          <div class="panel-body">
            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
          </div>
        </div>
      </div>
      <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingThree">
          <h4 class="panel-title">
            <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
              Collapsible Group Item #3
            </a>
          </h4>
        </div>
        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
          <div class="panel-body">
            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
          </div>
        </div>
      </div>
    </div>
    البته بدون اون فلش کوچیک هست. مگر اینکه از نسخه جدید قالب استفاده کنید که بوت استرپ 4 باشه.



    #6 ارسال شده در تاريخ 12-18-2018 در ساعت 12:23 PM

  8. کاربر مقابل پست Ahmadreza عزیز را پسندیده است .


  9. banktalar آواتار ها
    banktalar
    کاربر نیمه فعال
    Nov 2016
    180
    27
    33
    17
    سایت شما از نسخه قدیمی بوت استرپ استفاده می کنه (3.3.1 ویرایش RTL) و برای همین کدهای CSS با هم تداخل پیدا می کنند.

    شما طبق داکیومنت 3.3.1 میتونید اکاردون بسازید:
    کد:
    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
      <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingOne">
          <h4 class="panel-title">
            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
              Collapsible Group Item #1
            </a>
          </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
          <div class="panel-body">
            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
          </div>
        </div>
      </div>
      <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingTwo">
          <h4 class="panel-title">
            <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
              Collapsible Group Item #2
            </a>
          </h4>
        </div>
        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
          <div class="panel-body">
            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
          </div>
        </div>
      </div>
      <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingThree">
          <h4 class="panel-title">
            <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
              Collapsible Group Item #3
            </a>
          </h4>
        </div>
        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
          <div class="panel-body">
            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
          </div>
        </div>
      </div>
    </div>
    البته بدون اون فلش کوچیک هست. مگر اینکه از نسخه جدید قالب استفاده کنید که بوت استرپ 4 باشه.
    مچکرم از راهنمایی شما
    #7 ارسال شده در تاريخ 12-18-2018 در ساعت 01:10 PM

  10. کاربر مقابل پست banktalar عزیز را پسندیده است .


  11. veerabhathiran آواتار ها
    veerabhathiran
    کاربر تازه وارد
    Jan 2019
    2
    10
    0
    0

    Error

    [QUOTE = banktalar; 55425] Hello, please

    look for the ready-made code. Frequently asked questions are faq!

    You did not find anything on Google!

    Anyone have a source code so can I use it? [/ QUOTE]
    ? What's this?
    #8 ارسال شده در تاريخ 01-08-2019 در ساعت 09:45 AM

  12. Ahmadreza آواتار ها
    Ahmadreza
    پاسخگو و راهنما
    Oct 2015
    1,610
    1711
    1,421
    1,698
    71
    [QUOTE = banktalar; 55425] Hello, please

    look for the ready-made code. Frequently asked questions are faq!

    You did not find anything on Google!

    Anyone have a source code so can I use it? [/ QUOTE]
    ? What's this?

    Hello
    .
    What source code do you need exactly?
    Make a similar example of what your moderator is, or link it to be crawled.
    Thanks



    #9 ارسال شده در تاريخ 01-10-2019 در ساعت 05:07 PM

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

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

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

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

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

Designed With Cooperation

Of Creatively