|
|
|
ผมทำ one page โดยใช้ section ในการชี้ผมอยากทราบว่าเวลา เอาข้อมูลมาแสดงตอนวนข้อมูลจะทำไงให้มันไปแต่ละsection |
|
|
|
|
|
|
|
ยังไม่เข้าใจคำถามเท่าไร จะวนข้อมูลใน <section></section>
หรือจะวน ปุ่มที่ลิงค์ไป section ต่างๆ
|
|
|
|
|
Date :
2015-11-19 22:38:17 |
By :
progamer2000 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@Boat Junior
ผมจะวน ปุ่มที่ลิงค์ไป section ต่างๆ อะครับ ช่วยผมทีครับ
|
|
|
|
|
Date :
2015-11-20 08:25:15 |
By :
Poae |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ก่อนอื่นทำ code แบบ ไม่ต้องวนจาก db เป็นแบบ แบบกดละไป section แต่ละอัน ทั้ง 5 อันมาให้ผมก่อน
|
|
|
|
|
Date :
2015-11-20 09:42:22 |
By :
progamer2000 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
อันนี้เป็นส่วนของเมนูครับ
Code (PHP)
<div class="navbar-collapse collapse">
<div class=" bd-horizontalmenu clearfix">
<div class="bd-container-inner">
<ul class=" bd-menu-11 nav nav-pills navbar-left">
<li class=" bd-menuitem-11">
<a title="section5" href="#section5" >section5</a>
</li>
<li class=" bd-menuitem-11">
<a title="section7" href="#section7" >section7</a>
</li>
<li class=" bd-menuitem-11">
<a title="section6" href="#section6" >section6</a>
</li>
<li class=" bd-menuitem-11">
<a title="section8" href="#section8" >section8</a>
</li>
<li class=" bd-menuitem-11">
<a
class="active" title="New Page" href="./about.html" >New Page</a>
</li>
</ul>
</div>
</div>
</div>
อันนี้พอเวลา กด แล้วมันจะมาแบบนี้อะครับที่ มี แค่ 4 ตัวนะครับ
Code (PHP)
<section class=" bd-section-16 bd-tagstyles bd-custom-button" id="section5" data-section-title="Get In Touch">
<div class="bd-vertical-align-section-wrapper">
<div class=" bd-layoutbox-1 clearfix">
<div class="bd-container-inner">
<h3 class=" bd-textblock-51 bd-tagstyles bd-custom-button">
Get In Touch
</h3>
</div>
</div>
<div data-animation-time="250" class=" bd-smoothscroll-4">
<img class="bd-imagestyles bd-imagelink-48 " src="./assets/images/3bfa31805580ca9e5b6934dcf7ae0f4e_billionphotos1162946.jpg"></div>
</div>
</section>
<section class=" bd-section-17 bd-tagstyles bd-custom-button" id="section6" data-section-title="Restaurant Four Columns Image Left">
<div class="bd-vertical-align-section-wrapper">
<h3 class=" bd-textblock-62 bd-tagstyles bd-custom-button">
Get In Touch
</h3>
<div class=" bd-layoutcontainer-21">
<div class="bd-container-inner">
<div class="container-fluid">
<div class="row
bd-row-flex
bd-row-align-middle
bd-collapsed-gutter
">
<div class="
col-md-12
col-sm-12">
<div class="bd-layoutcolumn-29"><div class="bd-vertical-align-wrapper"><img class="bd-imagestyles bd-imagelink-49 " src="./assets/images/2ac16aad30199e17451dcbf46ddb4e36_15809095182_0c40412257_k.jpg"></div></div>
</div>
<div class="
col-md-12
col-sm-12">
<div class="bd-layoutcolumn-39"><div class="bd-vertical-align-wrapper"><div class=" bd-imagescaling-7 bd-imagescaling-animated" data-imagescaling-target=" bd-imagelink-50">
<img class="bd-imagestyles bd-imagelink-50 " src="./assets/images/613c3b1c28c8463327222fec2a2c3417_2578397276_f4b7b15322_b.jpg"></div></div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class=" bd-section-18 bd-tagstyles bd-custom-button" id="section7" data-section-title="Modern Design Toolkit">
<div class="bd-vertical-align-section-wrapper">
<div class=" bd-layoutcontainer-22">
<div class="bd-container-inner">
<div class="container-fluid">
<div class="row
bd-row-flex
bd-row-align-middle
bd-collapsed-gutter
">
<div class="
col-md-12">
<div class="bd-layoutcolumn-63"><div class="bd-vertical-align-wrapper"><div class=" bd-imagescaling-8 bd-imagescaling-animated" data-imagescaling-target=" bd-imagelink-51">
<img class="bd-imagestyles bd-imagelink-51 " src="./assets/images/f76e889c9f1a9ec128b39a97c214071f_Imagemin.png"></div></div></div>
</div>
<div class="
col-md-12">
<div class="bd-layoutcolumn-74"><div class="bd-vertical-align-wrapper"><h3 class=" bd-textblock-65 bd-tagstyles bd-custom-button">
Your Modern<br><b>
Design Toolkit
</b>
</h3>
<p class=" bd-textblock-66 bd-tagstyles bd-custom-button">
Themler allows creating any types of website designs. Furthermore, hundreds of theme samples are available for FREE download.
</p>
<a href="" class=" bd-linkbutton-6 bd-button-61 bd-icon-73" >
Try Now
</a></div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class=" bd-section-19 bd-tagstyles bd-custom-button" id="section8" data-section-title="One Сolumn">
<div class="bd-vertical-align-section-wrapper">
<div class="container bd-containereffect-12"><div class=" bd-layoutcontainer-36">
<div class="bd-container-inner">
<div class="container-fluid">
<div class="row
bd-row-flex
bd-row-align-middle
">
<div class="
col-xs-24">
<div class="bd-layoutcolumn-75"><div class="bd-vertical-align-wrapper"><h3 class=" bd-textblock-71 bd-tagstyles bd-custom-button">
Welcome to Themler
</h3>
<div class=" bd-layoutbox-20 clearfix">
<div class="bd-container-inner">
</div>
</div>
<h6 class=" bd-textblock-72 bd-tagstyles bd-custom-button">
Build themes for your website or for sale.
</h6>
<p class=" bd-textblock-75 bd-tagstyles bd-custom-button">
Praesent ultricies sed felis venenatis convallis. <br>Nulla eget varius ex. Sed semper, erat egestas scelerisque lobortis, neque magna accumsan nisi, et tincidunt enim risus eu nibh.
</p>
<a href="" class=" bd-linkbutton-7 bd-button-61 bd-icon-75" >
Try Now
</a></div></div>
</div>
</div>
</div>
</div>
</div></div>
</div>
</section>
|
|
|
|
|
Date :
2015-11-20 09:55:23 |
By :
Poae |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ปุ่มที่ลิงค์กับ id ของ section ข้างล่าง ดึงมาจาก db ใช่ไหมคับ พวก
id="section6"
เลข 6 เนี่ยะ ดึงมาจาก db หรือตั้งเอง ?
|
|
|
|
|
Date :
2015-11-20 10:05:05 |
By :
progamer2000 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ตั้งเองหมดครับ ไม่ได้มาจาก DB ครับผม
|
|
|
|
|
Date :
2015-11-20 10:07:11 |
By :
Poae |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|