มีโฮสติ้งไหนราคาไม่แพง ให้พื้นที่เยอะ เปิดให้บริการมานานบ้างครับ

กรอกข้อมูลแล้วไม่ได้รับเมล์ครับ T_T

อยากทราบว่าการทำเมนูแบบพอมีคนเลื่อน Scrollbar แล้วขนาดของเมนูเปลี่ยนจากเล็กไปใหญ่ ใหญ่ไปเล็ก เขาเรียกว่าไรหรอครับ ขอบคุณครับ

อยากทราบว่ามีโฮสติ้งที่ไหนบ้างที่ราคา 300 บาท ถึง 500 บาทต่อปี และคุณภาพพอใช้ได้บ้างครับ

พอดีจะทำเว็บ แบบย่อขยายตามขนาดหน้าจอของ WebBrowser อยากทราบว่า มี Plugin ตัวไหนบ้างที่สามารถย่อขยายขนาดหน้า Browser พร้อมบอก Scale ขนาดจอบ้างครับ ขอบคุณครับ

พอดีเห็นมีเมนูแบบที่ล็อกไว้ด้านล่างมีปลุ่มคลิกสามารถปิดเมนูได้ ไอตรงกากบาทปลุ่มปิดนิทำยังไงหรอครับ ขอบคุณครับ

อ้างถึงจาก: BakKheab ใน 02 มิถุนายน 2016, 09:45:39
HTML
<header>
 <div class="logo"></div>
 <div class="menu"></div>
 <div class="search"></div>
</header>

CSS
header{
 margin:0 auto;
 padding:10px;
 width:980px;
 height:100px;
 background-color:#78ba32;
}
.logo{
 float:left;
 height:100px;
 width:200px;
 background-color:#1b8731;
 margin-right:10px;
}
.menu{
 float:left;
 height:100px;
 width:380px;
 background-color:#1b8731;
 margin-right:10px;
}
.search{
 float:right;
 height:100px;
 width:380px;
 background-color:#1b8731;
}

ดูตัวอย่าง

อย่าลืมคำนวณค่าความกว้างของแต่ละ Elements ดี ๆ นะครับ
ค่า Padding, Margin ก็มีส่วน

ขอบคุณครับ

ไม่ได้ใช้ bootstrap ครับ เขียน html กับ css เองแต่งงมากครับว่าทำไม search ตกบรรทัด

พอดีตอนนี้ผมอยากทำเว็บโดยการแบ่ง ส่วน header บนให้มี 3 คลอลัมน์ คือ logo 1 คลอลัมน์ เมนู 1 คลอลัม และ search 1 คลอลัมน์ ผมลองใช้ div ใหญ่ครอบ div ย่อยทั้ง 3 ส่วน และก็สร้าง div ย่อยอีก 3 อัน  สั่งให้ div ทั้ง 3 float:left ปรากฏว่าทั้งเมนู และ โลโก้อยู่แถวเดียวกัน แต่ กล่อง search ตกมาด้านล่างทั้งที่พื้นที่ด้านข้างเมนูเหลือเยอะเลย ผมจะเขียนยังไงไม่ให้กล่อง search ตกลงมาครับ ขอบคุุณครับ

พอดีเข้าไปเจอเว็บนี้แล้วเห็นเมนูสวยดี อยากลองทำบ้างแต่ลองหาวิธีทำใน Youtube ไม่เจอเลยครับ หาพวก Dropdown ก็ไม่เจอ ใครพอมีวิธีเขียนเมนูแบบในรูปบ้างครับ ขอบคุณครับ

ขอบคุณครับทุกท่าน

อยากสอบถามว่า CSS Position:absolute กับ Relative มันต่างกันยังไง ใช้แบบไหนใช้ตอนไหนพอดีตอนนี้งงมากเลยครับ ขอบคุณครับ

เว็บเขียนเองครับ T_T

อยากได้วิธีการทำ mobile menu แบบง่ายๆ มีโปรแกรมไหนหรือเว็บไหนที่สำเร็จรูปเลย แบบไม่ต้องเขียน css ไหมครับ

พอผมเปิดหน้าเว็บปกติจะเเสดงเมนูลักษณะนี้

เเต่พอย่อขนาดของ Browser ลงก็จะเเสดงเเบบนี้

อยากทราบว่าถ้าอยากทำเมนูเเบบนี้ต้องทำยังไงหรอครับ ขอบคุณครับ

ขอบคุณครับ

ขอบคุณสำหรับไอเดียดีๆครับผม 

อ้างถึงจาก: sputtaro ใน 16 เมษายน 2015, 20:41:51
ถ้าต้องการค้นเพิ่มเติม บางที่ผมก็ใช้คำค้นง่ายๆนะ ค้น html5 css animation
แต่ส่วนใหญ่ผมรู้เพราะผมซื้อเท็มเพลทไว้เยอะ ( มันก็วนเวียนอยู่ไม่กี่ตัวหรอกครับ ที่มันเสถียร นิ่งสำหรับใช้งานจริง)

และอย่าบอกใครนะครับ ผมชอบลูกเล่นเว็บไหน ผมวิวซอร์ส แล้วไล่หา จาวาสคริปท์เอา

เพิ่มให้อีกนิด พวก core script คือ jquery-1.11.1.min.js  ต้องมีนะครับ ไม่ใส่ไม่ได้ แต่อาจใช้เวอร์ชั่นอื่นได้
ส่วน bootstrap.min.js ต้องมี ถ้าคุณจะใช้ bootstrap

ขอบคุณครับผม^ ^

อ้างถึงจาก: sputtaro ใน 16 เมษายน 2015, 20:32:46
อยากลองตัวไหนก็
พิมพ์ เช่น jquery.easing.1.3  แล้วค้นจากอากู๋ครับ มันจะบอกที่โหลด และวิธีใช้

ขอบคุณครับพี่ เเล้วเราสามารถหาลูกเล่นเพิ่มเติมด้วย Keyword อะไรหรอครับ -ขอบคุณอีกครั้งครับ 

อ้างถึงจาก: sputtaro ใน 16 เมษายน 2015, 20:29:40
ใช้จาวาสคริปท์ครับ พวก สไลด์ มีเยอะหลายตัวครับแต่ละตัวก็ใช้งานแตกต่างกันไป ลองดูครับ เผื่อชอบอันไหนก็โหลดมาใช้ครับ
<!-- libraries -->
       <script src="./js/vendor/jquery-1.11.1.min.js"></script>
       <script src="./js/vendor/bootstrap.min.js"></script>
       <script src="./js/vendor/jquery.appear.js"></script>

       <!-- superfish menu  -->
       <script src="./js/vendor/jquery.hoverIntent.js"></script>
       <script src="./js/vendor/superfish.js"></script>
       
       <!-- page scrolling -->
       <script src="./js/vendor/jquery.easing.1.3.js"></script>
       <script src='./js/vendor/jquery.nicescroll.min.js'></script>
       <script src="./js/vendor/jquery.ui.totop.js"></script>
       <script src="./js/vendor/jquery.localscroll-min.js"></script>
       <script src="./js/vendor/jquery.scrollTo-min.js"></script>
       <script src='./js/vendor/jquery.parallax-1.1.3.js'></script>

       <!-- widgets -->
      
      
       
       <script src='./js/vendor/jquery.countTo.js'></script><!-- digits counting -->
       <script src="./js/vendor/jquery.prettyPhoto.js"></script><!-- lightbox photos -->
       

       <!-- sliders, filters, carousels -->
       <script src="./js/vendor/jquery.isotope.min.js"></script>
       <script src='./js/vendor/owl.carousel.min.js'></script>
     

       <!-- custom scripts -->
       <script src="./js/plugins.js"></script>
       <script src="./js/main.js"></script>

โหลดยังไงครับผมใช้ไม่เป็น T_T