Home » Forums » Other Topics » Drupal User Group

ขอทราบวิธีเปลี่ยนรูป icon menu ครับ

  • warning: realpath() [function.realpath]: SAFE MODE Restriction in effect. The script whose uid is 1005 is not allowed to access /tmp owned by uid 0 in /var/www/sites/sugree/codenone.com/subdomains/www/html/includes/file.inc on line 190.
  • warning: realpath() [function.realpath]: SAFE MODE Restriction in effect. The script whose uid is 1005 is not allowed to access /tmp owned by uid 0 in /var/www/sites/sugree/codenone.com/subdomains/www/html/includes/file.inc on line 190.
Submitted by cyber on 9 August, 2007 - 12:26

ขอทราบวิธีเปลี่ยนรูป icon ครับ

คือผมต้องการเพิ่มรูป ลงใน menu link , กับ Primary link ครับ เป็น ลักษณะ ปุ่มครับ

ที่สำคัญ ต้องการให้ แต่ละปุ่มแสดง รูปไม่เหมือนกันครับ
ไม่ทราบว่าต้องแก้ยังไงครับ

ผมลองแก้ใน list-style-type กับ list-style-image ไม่ทราบว่าถูกต้องไหมครับ

ขอบคุณครับ สำหรับทุกคำแนะนำ

‹ ต้องการให้ Drupal ดึง user จากระบบมาใช้ครับ (FreeBSD) forum กดชื่อกระทู้แล้วให้เปิดหน้าต่างใหม่ ›
»
Submitted by sugree on 9 August, 2007 - 13:46.
sugree's picture

ผมเคยทำมาบ้าง อีกวิธีคือใส่ background ใน css เทคนิคนี้ผมไม่เชี่ยวชาญพอ

»
Submitted by cyber on 9 August, 2007 - 14:00.

เพิ่มเติม ครับ
ผมต้องการ ประมาณ ของ Aqua theme
http://cvs.drupal.org/viewvc.py/drupal/contributions/themes/aquasoft/scr...
ครับ สังเกตุว่า เมนู Link1, Link2, Link3, Link4 แสดงรูปภาพไม่เหมือนกัน

* แต่ผมลองเข้าไปดู Demo site ของเค้ามันก็ไม่มีรูปนะ งงเหมือนกัน ตกลง ทำได้หรือเปล่าก็ไม่รู้

ตอนนี้กำลังดู Code ของ Aqua theme อยู่ครับ

ขอบคุณครับ

»
Submitted by jrp13th on 9 August, 2007 - 14:14.
jrp13th's picture

ถ้าผมและคุณเข้าใจตรงกัน ก็ถูกครับ ใช้วิธีแก้ CSS เอาครับ
ถ้าสมมุติผมจะแก้ของ Code none ก็จะประมาณว่า

/*สำหรับเมนู About*/
ul.primary-links li.menu-1-1-2 a{ 
background:url(images/menu_about.png);
text-indent:-99999px; /*ดันข้อความไปจะได้เห็นแต่รูปอย่างเดียว*/
}
 
/*สำหรับเมนู Forum*/
ul.primary-links li.menu-1-2-2 a{ 
background:url(images/menu_forum.png);
text-indent:-99999px;
}

คราวๆ พอเป็นแนวนะครับ ของจริงอาจจะต้องละเอียดกว่านี้ครับ
แล้วแต่ละ theme รายละเอียดก็อาจจะไม่เหมือนกันนะครับ (อย่าง Theme ที่ผมเลือกใช้ก็ไม่มี class ของ primary-links แต่ละตัวให้เรียกใช้ครับ ดั่งผมเคยปล่อยไก่ไปแล้ว)

แนะนำให้ศึกษาเทคนิคการใช้ CSS จาก เว็บต่างๆ ดูครับ
ลง FireFox + Firebug ให้เรียบร้อยนะครับ ^ ^
แล้วจะพบกับความสุขในชีวิตครับ
เห็นเว็บไหนสวยๆ เท่ห์ๆ ก้จิ้มเมาสขวาเลือก Inspect element ไปเลยครับ ^ ^

ป.ล. ตอบช้าไปหน่อยครับเลยยังไม่ทันอ่าน ข้อมูลเพิ่มเติมครับ..แต่็ก็ใช้แนวทางประมาณนี้ละครับ

»
Submitted by cyber on 9 August, 2007 - 16:45.

ผมลอง แก้ตามคุณ sugree กับ theme garland แล้วใช้งานได้ครับ
แต่พอดีผมใช้ theme bluebreeze ไม่ทราบว่าต้องแก้ยังไงครับ

ผมพยายามแก้แล้วครับ แต่เพิ่งเล่น drupal + มือใหม่ PHP ครับ

ขอบคุณครับ

»
Submitted by sugree on 9 August, 2007 - 19:39.
sugree's picture

ฮ่ะๆ แย่ละ bluebreeze ไม่ได้เขียนไว้สมบูรณ์แบบขนาดนั้นซะด้วย ใช้ css ไม่ได้แน่ ยังไงก็ต้องแก้ theme

»
Submitted by cyber on 10 August, 2007 - 11:25.

ขอบคุณ คุณ sugree ครับ ไม่ทราบว่าต้องแก้ในไฟล์ไหนครับ

ขอบคุณครับ

»
Submitted by sugree on 10 August, 2007 - 14:05.
sugree's picture

แก้ฟังก์ชั่น _phptemplate_variables($hook, $vars) ครับ เพิ่มเข้าไปนิดหน่อย

function _phptemplate_variables($hook, $vars = array()) {
  switch ($hook) {
    // Send a new variable, $logged_in, to page.tpl.php to tell us if the current user is logged in or out.
    case 'node':
      if(count(taxonomy_node_get_terms($vars['node']->nid)))
        $vars['has_terms'] = TRUE;
      else
        $vars['has_terms'] = FALSE;
      break;
    case 'page':
      $old_links = $vars['primary_links'];
      $new_links = array();
      foreach ($old_links as $link) {
        if (strpos($link['title'], '<img') === 0) {
          $link['html'] = TRUE;
        }
        $new_links[] = $link;
      }
      $vars['primary_links'] = $new_links;
      break;
  }
 
  return $vars;
}

คำเตือนเหมือนเดิมครับ ผมไม่ได้ลอง

»
Submitted by cyber on 10 August, 2007 - 14:34.

ผมลองแล้วไม่ได้ครับ
ไม่ทราบต้องเพิ่มเติมตรงไหนหรือป่าวครับ
รบกวน คุณ sugree ด้วยนะครับ

ขอบคุณครับ

»
Submitted by sugree on 10 August, 2007 - 18:44.
sugree's picture

ต้องแก้ page.tpl.php นิดหน่อย เปลี่ยนข้างล่าง

<?php print theme('menu_links', $primary_links) ?>

ให้เป็น

<?php print theme('links', $primary_links, array('class' => 'links primary-links')) ?>

»
Submitted by cyber on 14 August, 2007 - 10:04.

ผมลองทำตามที่คุณ sugree แนะนำ ตอนนี้ทำงานได้แล้วครับ
ขอบคุณ คุณ sugree มากครับ

»

ย้าย Codenone

ประกาศย้าย Codenone ไปใช้ Forum ของ Blognone แทนครับ ตามไปตั้งกระทู้ต่อได้ที่ Codenone Forum (รายละเอียดอ่านจากกระทู้ ย้าย Codenone ไปรวมกับ Blognone)

กระทู้เก่าๆ จะย้ายตามไปในภายหลัง ตอนนี้ปิดการโพสต์กระทู้ไว้ เหลือไว้เฉพาะอ้างอิงเท่านั้น