ขอความรู้ด้วยครับ เรื่อง blogger theme เรื่อง navcontainer

[marcus14]

ไม่ทราบว่าต้องเพิ่ม cod อะไรครับ ถีงทำให้แสดง hightlight แสดงสถานะตลอดเวลาในการเข้าเมนูนั้นๆ นะครับ ต้องเอาเมาส์ไปชี้และคลิกเข้าเมนูดังรูปแล้วแทบ hightlight มันก็หายไป ทำให้สับสนในการใช้งานเมนู ขออภัยที่อธิบายวกวน ผมความรู้ยังน้อยนัก

นี้คือโคด html ของ theme นี้ครับ ที่เกี่ยวกับ navcontainer

#navcontainer{height:52px;display:block;overflow:hidden;background:#000;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding-left:5px;margin-bottom:10px}
#navcontainer .current-cat a{background:url(hxxp://4.bp.blogspot.com/-IEzy78kgU4E/TosTS7YtPlI/AAAAAAAAEHI/ZqpsTD0Um1w/s1600/nav-hover.png) left top repeat-x;color:#000}
#nav a,#subMenusContainer a{text-decoration:none;display:block}
#nav a{margin:0 0 0 5px;float:left;background:none;padding:21px 16px 20px 16px;color:#FFF;text-transform:uppercase;font-weight:bold;font-size:12px}
#nav li a:hover,#nav li a:focus,#nav a.mainMenuParentBtnFocused{background:url(hxxp://4.bp.blogspot.com/-IEzy78kgU4E/TosTS7YtPlI/AAAAAAAAEHI/ZqpsTD0Um1w/s1600/nav-hover.png) left top repeat-x;color:#000}
#subMenusContainer a,#nav li li a{color:#000;font-size:12px;text-align:left;background-color:#EEEDE5;padding:6px 26px;text-shadow:none}
#subMenusContainer a:hover,#subMenusContainer a:focus,#subMenusContainer a.subMenuParentBtnFocused{background:#72ABD1;color:#FFF;text-shadow:none}
.subMenuParentBtn{background:url(../img/arrow_right.gif) right center no-repeat}
.subMenuParentBtnFocused{background:url(../img/arrow_right_over.gif) right center no-repeat}
.mainMenuParentBtn{}
.mainMenuParentBtnFocused{}
.smOW{display:none;position:absolute;overflow:hidden;padding:0 2px;margin:0 0 0 -2px}
#nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol{padding:0;margin:0;list-style:none;line-height:1em}
#nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol{background:none;left:0}
#nav li{cursor:pointer;float:left;margin:0 2px 0 0;padding:0 2px 0 0;height:52px;display:inline;background:url(hxxp://4.bp.blogspot.com/-Z8ovDmxtLy4/TosTTlszosI/AAAAAAAAEHM/eaoFD8UOkhw/s1600/nav-separator.png) left center no-repeat}
#nav li:first-child{background:none}
#subMenusContainer li{list-style:none}
#nav{width:940px;margin:0 auto;clear:both;overflow:hidden;font-size:12px;display:block}
#nav .children{display:none}
#subMenusContainer{display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000000000}

อีกส่วน

<div id='navcontainer'>
<ul id='nav'>

<li class='current-cat'><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>

<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='children'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>music</a></li>
<li><a href='#'>politics</a></li>
<li><a href='#'>Uncategorized</a></li>
      
</ul>
</div>

[KonGanG]

ครั้งแรกที่เปิดมันอยู่ที่ home หรือเปล่าครับ  ลองดูตรงนี้ผมไม่แน่ใจหนีะ <li class='current-cat'>

[marcus14]

ครั้งแรกที่เปิดมันอยู่ที่ home หรือเปล่าครับ  ลองดูตรงนี้ผมไม่แน่ใจหนีะ <li class='current-cat'>

ใช่ครับ hightlight จะ fix อยู่ที่ home ตลอด เมื่อเข้าในรายการเมนูใดๆ ก็ตาม แต่ผมต้องให้แสดง สถานะ hightlight ตลอดเวลา ที่เข้ารายการเมนูนั้นๆ นะครับ

เว็บ blog ที่ต้องการแก้ไขนะครับ

http://projectorxn--42ch4bv4bd3ewhco3j.blogspot.com/p/uncategorized.html

[nozero]

ลองใช้ เมนู สร้างหน้าเว็บ ดูครับ อันนี้น่าจะได้ครับ

[marcus14]

ลองใช้ เมนู สร้างหน้าเว็บ ดูครับ อันนี้น่าจะได้ครับ

ไม่ได้ครับ ผมว่ามันจะต้องเพิ่ม cod html หรือเปล่าครับ ขอบคุณมากครับ

[marcus14]

ขอคำแนะนำด้วยครับ 

[nozero]

ลองดูตัวอย่างนี้ครับ คลิ๊กดู

เมนู บนสุดเลยนะครับ ลองคลิ๊กดูครับ

[marcus14]

ลองดูตัวอย่างนี้ครับ คลิ๊กดู

เมนู บนสุดเลยนะครับ ลองคลิ๊กดูครับ

ผมไม่ค่อยมีความรู้โครงสร้าง html นะครับ ขอบคุณมากครับ ผมจะลองดูนะครับ

[marcus14]

ขอคำแนะนำด้วยครับ 

[wantknow]

#nav li a:hover,#nav li a:focus,#nav a.mainMenuParentBtnFocused{background:url(hxxp://4.bp.blogspot.com/-IEzy78kgU4E/TosTS7YtPlI/AAAAAAAAEHI/ZqpsTD0Um1w/s1600/nav-hover.png) left top repeat-x;color:#000}

เรื่องสี highligh น่าจะเป็น css ตามที่ผมระบายแดงไว้นะครับ คือ mouse hover แล้ว bg เป็นสีขาว

ถ้าเอาแค่ css ไม่น่าจะทำได้ครับ เพราะมันแยกไม่ได้ว่า link นี้ คือหน้าปัจจุบัน
มีแต่ต้อง if else เช็คเงื่อนไขอย่างเดียว ว่าถ้าหน้าปัจจุบัน ให้เปลี่ยน css ถ้าไม่ใช่ ให้ใช้ css ตัวเดิม อะไรประมาณนี้

ถ้าเป็นพวก php, asp ยังพอแนะนำ if else เช็ค current page ได้ แต่ถ้าตัว xml template นี่ ยังไม่แม่นเหมือนกัน รอท่านถัดไปละกันครับ

[marcus14]

#nav li a:hover,#nav li a:focus,#nav a.mainMenuParentBtnFocused{background:url(hxxp://4.bp.blogspot.com/-IEzy78kgU4E/TosTS7YtPlI/AAAAAAAAEHI/ZqpsTD0Um1w/s1600/nav-hover.png) left top repeat-x;color:#000}

เรื่องสี highligh น่าจะเป็น css ตามที่ผมระบายแดงไว้นะครับ คือ mouse hover แล้ว bg เป็นสีขาว

ถ้าเอาแค่ css ไม่น่าจะทำได้ครับ เพราะมันแยกไม่ได้ว่า link นี้ คือหน้าปัจจุบัน
มีแต่ต้อง if else เช็คเงื่อนไขอย่างเดียว ว่าถ้าหน้าปัจจุบัน ให้เปลี่ยน css ถ้าไม่ใช่ ให้ใช้ css ตัวเดิม อะไรประมาณนี้

ถ้าเป็นพวก php, asp ยังพอแนะนำ if else เช็ค current page ได้ แต่ถ้าตัว xml template นี่ ยังไม่แม่นเหมือนกัน รอท่านถัดไปละกันครับ

ขอบคุณมากครับ 

[marcus14]

ขอคำแนะนำด้วยครับ 

[KonGanG]

ขอที่ดาวน์โหลดทีมได้ไหม จะได้ลองได้ครับผม

[marcus14]

ขอที่ดาวน์โหลดทีมได้ไหม จะได้ลองได้ครับผม

http://www.premiumbloggertemplates.com/downloads/impressive/

ขอบคุณครับ

[marcus14]

ขอคำแนะนำ ด้วยนะครับ

[marcus14]

 

[marcus14]