將純static html 網站轉換到drupal 的問題

怎樣將內容(指story, page 這類內容 ? ) 塞進去一個block 內?????

最近讀了本pro drupal development 新書, block 的section 講到block 是由module 定義出來的.
因此不清楚如何將內容塞進一個block內.

已將兩個block 的東西加入了 但為什麼會與admin 混合一起??????

曾經用joomla 來建站，admin 的theme 與前台的theme 絕對是分開的，不會混合一起

請問如何解決??

----------------------------------------

在primary links 有以下menu item, 分別指向某一個node page
Home
Company Profile
Service
- Quotation
- Traffic Service Charges
- Notice (1)
- Notice (2)
- Express Item Declaration
- TBN
Calculation
News
Message Board
Partner
Contact Us
而
- Quotation
- Traffic Service Charges
- Notice (1)
- Notice (2)
- Express Item Declaration
- TBN
是Service 的child item

但出來的效果是，用mouse 移到Service item 但沒有顯示service 下的child
請問是什麼問題??? drupal 預設安裝是不能做到這種menu 碼??

期望的效果是當移到service 時，child items會垂直drop down 來顯示的的

那麼可能要自己開發一個menu module, 來讀取menu array
然後menu item 逐一render

如果將menu hard code 到theme 內 (page links 自然都要hard code), 那麼就做不到multi-language contents 了.

在最初drupal 5.x宣佈是話會用jquery 這套javascript framework

請問是否將整套jquery 的library 整合到drupal 5.x 或只提出jqeury 的部分library ?

I see.......... 講回怎麼應用jquery 到menu 上

像你的blog 的nav menu, 是怎樣用jquery 做這這fade in 效果??

我所知的是drupal 傳出的primary links 會是一個unorder list 的( 我沒錯吧?)

那麼怎樣將jquery 加到每個li 的 item ?

我試一下理解

在theme 內，我要顯是primary links 就用 <?php print $primary_link; ?>

即是我是看drupal 產生出來的source, 看看primary link 的 html 是什麼

然後根據這些是tag ，再用jquery 對相應的class, manipulate , 對吧??

花了很多時間閱讀ebook, 在這裡發問，html-->drupal終於有個雛型了

還有兩個大問題要解決
1. primary links 的menu 怎樣做成用image 來 replace 現在的text based menu. (有個大至方向, 要花一點時間在這裡)
2. language selector 為什麼不是同時顯示中文，English ? (用的是localier 模組)
3. language selector 能否做custom styling ? 比如像static html 版本那樣 (http://www.ttlogisticsltd.com.hk )

正在開始研究怎樣styling 個primary links menu
首先在css 加入以下css

.links {
height:34px;
padding:0px;
margin:0px;
}

#buttons ul {
list-style:none;
padding:0px;
margin:0px;

}

li.menu-1-1-2 {
width:84px;
height:34px;
background:url("images/but_home.jpg") no-repeat;

}
但不知為什麼個image 只顯示了一部份, 按照我已set 了li 的height, width

完整的應該是這樣
http://i108.photobucket.com/albums/n16/adrianmak/but_home.jpg


.links {

height:34px;
padding:0px;
margin:0px;
}

#buttons ul {
list-style-type:none;
}

#buttons ul li {
display:block;
padding:0px;
margin:0px;

}

li.menu-1-1-2 {
height:34px;
width:84px;
background:url("images/but_home.jpg") no-repeat;

}

用display:block 就變了垂直顯示

用display:inline , 就顯示不到整個image

正在打算styling secondary_links (i.e. submenu items ? )

在Service expanded set 了yes

然後在print primary_links 下 跟著print secondary_links, 就如其他theme 一般的做法

回到前台就看不到 secondary_links 的items. 打開source, drupal 沒有generated secondary_links items

請問是什麼問題??

改template.php, 有沒有相關文章????????

研究怎樣修改primary_links 輸出時，看到這裡 http://drupal.org/node/64144 如何加入additional css 文件
因這個站是有英語和中文，因此primary links 的image buttom 都會有兩組，英語和中文
那樣我用$language 來判斷當前的語言，在.... 內加入以下code

<?php
if ($language=="en") {
print theme('stylesheet_import', base_path() . path_to_theme() . '/navbar_en.css');
} else {
print theme('stylesheet_import', base_path() . path_to_theme() . '/navbar_zh-hk.css');
}
?>
<?php print $styles ?>


就是案語言的不同加入這語言有關的css. 我的例子是 不同的background 給primary links

回到前台測試，失敗!! 切換到那種語言到沒有用到navbar_xxxx.css 的style , 即沒有image buttons
只顯示default text based primary links

請問是什麼問題?? 有什麼地方是理解錯了??

又遇都另一個問題
請看圖片`

有條灰線. 經用firefox 的web developer tools, view css
相信是drupal default 的css, 如下圖

那麼要如何才能用border:0px 移走條線

直接comment 會否對其他東西有影響 e.g. 後台admin theme

怎樣調css, 都調不到

我在這set 個width
.links li ul { /* second-level */
position:absolute;
background:blue;
width:180px;
left:-999em;
}

問題是短文字的會自動放在同一行 e.g. notice (1) notice(2)
真不知道如何解決

.links {
height:34px;
padding:0px;
margin:0px;
}

#buttons ul {
list-style-type:none;

}

ul.submenu {
margin:5px 0 0 0;
padding:2px;
}

ul.submenu a {
text-decoration:none;
color:white;
}

#buttons ul.links li {
display:block;
float:left;
padding:0px;
margin:0px;

}

.links li ul { /* second-level */
position:absolute;
background:blue;
width:180px;
left:-999em;
}

.links li:hover ul {
top:34px;
left:auto;

}
.links li ul li a:hover{
color:yellow;

}

ul.links li a {
text-indent:-999em;
display:block;
}

#buttons ul.links ul.submenu li a {
text-indent:0;

}
li.menu-1-1-2, li.menu-1-1-2-active {
height:34px;
width:84px;
background:url("but_home.jpg") no-repeat;
}
li.menu-1-1-2:hover {
height:34px;
width:84px;
background:url("but_home_a.jpg") no-repeat;
}
li.menu-1-2-2, li.menu-1-2-2-active {
height:34px;
width:138px;
background:url("but_company.jpg") no-repeat;
}
li.menu-1-2-2:hover {
height:34px;
width:138px;
background:url("but_company_a.jpg") no-repeat;
}
li.menu-1-3-2, li.menu-1-3-2-active {
height:34px;
width:81px;
background:url("but_service.jpg") no-repeat;
}
li.menu-1-3-2:hover {
height:34px;
width:81px;
background:url("but_service_a.jpg") no-repeat;
}
li.menu-1-4-2, li.menu-1-4-2-active {
height:34px;
width:97px;
background:url("but_calculation.jpg") no-repeat;
}
li.menu-1-4-2:hover {
height:34px;
width:97px;
background:url("but_calculation_a.jpg") no-repeat;
}
li.menu-1-5-2, li.menu-1-5-2-active {
height:34px;
width:67px;
background:url("but_news.jpg") no-repeat;
}
li.menu-1-5-2:hover {
height:34px;
width:67px;
background:url("but_news_a.jpg") no-repeat;
}
li.menu-1-6-2, li.menu-1-6-2-active {
height:34px;
width:124px;
background:url("but_message.jpg") no-repeat;
}
li.menu-1-6-2:hover {
height:34px;
width:124px;
background:url("but_message_a.jpg") no-repeat;
}
li.menu-1-7-2, li.menu-1-7-2-active {
height:34px;
width:81px;
background:url("but_partner.jpg") no-repeat;
}
li.menu-1-7-2:hover {
height:34px;
width:81px;
background:url("but_partner_a.jpg") no-repeat;
}
li.menu-1-8-2, li.menu-1-8-2-active {
height:34px;
width:106px;
background:url("but_contact.jpg") no-repeat;
}
li.menu-1-8-2:hover {
height:34px;
width:106px;
background:url("but_contact_a.jpg") no-repeat;
}

因submenu items 內有兩個比較長的item name
e.g. Express Service Charges 和Express Item Decloration
那我要將 width set 夠才能容納這兩個名否則就會某些字就會換了行
比如我將width set 130px

因沒有足夠空間所以express service charges 個charges 跳到下一行
而Express item decloration 個decloration跳到下一行, 但因有空間所以TBN 就跳上一行

rendering 真的十分怪

我打包了，可以下來看看
http://vip.cyberec.com/~kaichung/menu/cssmenu.rar