ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Scriptจะปรับแต่ง css ของ navcontainer ในไฟล์ header ของ wordpress ยังไง
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: จะปรับแต่ง css ของ navcontainer ในไฟล์ header ของ wordpress ยังไง  (อ่าน 1313 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
Nopzixcros
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 158
ออฟไลน์ ออฟไลน์

กระทู้: 2,066



ดูรายละเอียด
« เมื่อ: 13 มีนาคม 2011, 13:49:38 »

ผมจะปรับแต่งสีใน css เข้าไปปรับในไฟล์ style.css มันมีให้ปรับแค่ พื้นหลัง ของส่วนนั้น

ผมจะปรับ ระยะที่มันเว้นห่างกันให้มันชิดกันก็ปรับไม่ได้ จะปรับสีของเมนูที่ Dropdown ก็ไม่ได้อีกเพราะไม่มีให้ปรับอยู่ในไฟล์ style.css

ส่วนของโค้ดนี้ที่อยู่ในไฟล์ header.php ที่เป็นส่วนเมนูอะครับ

โค๊ด:
<div class="span-24">

<div id="navcontainer">
<?php
                    
if(function_exists('wp_nav_menu')) {
                            
wp_nav_menu'theme_location=menu_2&menu_id=nav&container=&fallback_cb=menu_2_default');
                        } else {
                            
menu_2_default();
                        }
                        
                        function 
menu_2_default()
                        {
                            
?>

                            <ul id="nav">
                                <li <?php if(is_home()) { echo ' class="current-cat" '; } ?>><a href="<?php bloginfo('url'); ?>">Home</a></li>
         <?php wp_list_categories('depth=3&exclude=1&hide_empty=0&orderby=name&show_count=0&use_desc_for_title=1&title_li='); ?>
         </ul>
                            <?php
                        
}
                    
?>

</div>
</div>

อันนี้ส่วนของ css มีแค่นี้เองในไฟล์ style.css

โค๊ด:
#navcontainer {
height: 32px;
width:970px;
overflow: hidden;
    margin: 0px 0 0px 0;
    background: #f8f8f8;
}
    
#navcontainer .current-cat a {
background: url(images/nav-hover.png) top left repeat-x;
    color: #fff;
}

ใครรู้บ้างครับว่าจะปรับพวกนี้ได้ที่ไหน

ปล.Thank ทุกท่านที่เข้ามาช่วยตอบครับ  wanwan017
« แก้ไขครั้งสุดท้าย: 13 มีนาคม 2011, 13:51:10 โดย Nopzixcros » บันทึกการเข้า
Khonkaenfocus
สมุนแก๊งเสียว
*

พลังน้ำใจ: 57
ออฟไลน์ ออฟไลน์

กระทู้: 638



ดูรายละเอียด
« ตอบ #1 เมื่อ: 13 มีนาคม 2011, 13:57:16 »

เล่นมาถามแบบนี้เลยหรอ ท่าน


 Lips Sealed Lips Sealed Lips Sealed Lips Sealed Lips Sealed Lips Sealed Lips Sealed
บันทึกการเข้า
Nopzixcros
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 158
ออฟไลน์ ออฟไลน์

กระทู้: 2,066



ดูรายละเอียด
« ตอบ #2 เมื่อ: 13 มีนาคม 2011, 14:04:08 »

เล่นมาถามแบบนี้เลยหรอ ท่าน


 Lips Sealed Lips Sealed Lips Sealed Lips Sealed Lips Sealed Lips Sealed Lips Sealed

ทำไมหรอครับ  Tongue
บันทึกการเข้า
nidcha
คนรักเสียว
*

พลังน้ำใจ: 7
ออฟไลน์ ออฟไลน์

กระทู้: 190



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 13 มีนาคม 2011, 14:05:27 »

โชว์ css ส่วนของ ul#nav, ul#nav li และ ul#nav li a ด้วยสิค่ะ การปรับระยะห่างน่าจะอยู่ตรงนั้น
ไม่ทราบ dropdown menu ใช้ class อะไรล่ะคะ css ยังไง ไม่โชว์ก็ไม่ทราบจะช่วยยังไง  wanwan044
บันทึกการเข้า
Nopzixcros
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 158
ออฟไลน์ ออฟไลน์

กระทู้: 2,066



ดูรายละเอียด
« ตอบ #4 เมื่อ: 13 มีนาคม 2011, 14:07:34 »

โชว์ css ส่วนของ ul#nav, ul#nav li และ ul#nav li a ด้วยสิค่ะ การปรับระยะห่างน่าจะอยู่ตรงนั้น
ไม่ทราบ dropdown menu ใช้ class อะไรล่ะคะ css ยังไง ไม่โชว์ก็ไม่ทราบจะช่วยยังไง  wanwan044

css ส่วนนี้มันไม่มีเลยครับ ul#nav, ul#nav li และ ul#nav li a

ผมหาแล้วไม่มีเลยครับ จะปรับแต่งพวกนี้หล่ะครับ แต่มันไม่มีในไฟล์ style.css เลยครับ
บันทึกการเข้า
Khonkaenfocus
สมุนแก๊งเสียว
*

พลังน้ำใจ: 57
ออฟไลน์ ออฟไลน์

กระทู้: 638



ดูรายละเอียด
« ตอบ #5 เมื่อ: 13 มีนาคม 2011, 14:14:38 »

ติดตามเก็บความรู้ดัวย



 Sad Sad Sad Sad Sad
บันทึกการเข้า
nidcha
คนรักเสียว
*

พลังน้ำใจ: 7
ออฟไลน์ ออฟไลน์

กระทู้: 190



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 13 มีนาคม 2011, 14:16:34 »

เปิด firefox ลงแอดออน firebug แล้วเข้าหน้าเว็บนั้น จากนั้นคลิกขวาอีตรงมีนูแนพฯ และไปที่ inspect element ใน firebug จะแสดงว่า เมนูนั้นคอนโทรลจาก css class อะไร และจากไฟล์อะไร มันต้องมีสิคะ

ถ้าไม่มีก็เขียนเองเลย ใช้ !important เข้าช่วย แล้วมันจะไปแทนที่ตัวที่มีอยู่ แต่หาไม่เจอเอง
แต่ยังไงลง firebug แล้วก้อน่าจะหาเจอแหละ
บันทึกการเข้า
bankster
ก๊วนเสียว
*

พลังน้ำใจ: 27
ออฟไลน์ ออฟไลน์

กระทู้: 289



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 13 มีนาคม 2011, 14:20:58 »

ถามแแบนี้ไม่รู้จะช่วยยังไงอ่ะครับ  Tongue ลองเอารูปมาประกอบไหมครับ หรือเอาหน้าเว็บจริงๆมาให้ดู
หรือไม่ก็ใช้ firebug อ่ะครับ
โปรแกรมเมอร์กับยูสเซอร์มันพูดคนละภาษากันอ่ะครับ
บันทึกการเข้า

รับออกแบบและพัฒนาเว็บไซต์
Nopzixcros
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 158
ออฟไลน์ ออฟไลน์

กระทู้: 2,066



ดูรายละเอียด
« ตอบ #8 เมื่อ: 13 มีนาคม 2011, 15:26:31 »

เปิด firefox ลงแอดออน firebug แล้วเข้าหน้าเว็บนั้น จากนั้นคลิกขวาอีตรงมีนูแนพฯ และไปที่ inspect element ใน firebug จะแสดงว่า เมนูนั้นคอนโทรลจาก css class อะไร และจากไฟล์อะไร มันต้องมีสิคะ

ถ้าไม่มีก็เขียนเองเลย ใช้ !important เข้าช่วย แล้วมันจะไปแทนที่ตัวที่มีอยู่ แต่หาไม่เจอเอง
แต่ยังไงลง firebug แล้วก้อน่าจะหาเจอแหละ

ขอบคุณครับ ตอนนี้เจอแล้วครับ

ถ้าไม่ได้พวกคุณช่วยนี้มึนตึบเลย

+1ทุกท่านครับ
บันทึกการเข้า
nidcha
คนรักเสียว
*

พลังน้ำใจ: 7
ออฟไลน์ ออฟไลน์

กระทู้: 190



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 13 มีนาคม 2011, 16:09:54 »

ยินดีด้วยค่ะ  Tongue
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์