首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果
週六, 2007-03-03 19:14 — klevin
不知如何才能如圖所示呈現效果
1.作出超連結導覽列
2.圖片旁邊出現多行文字,我只能在圖片最下列出現1行文字,不能多行呈現文字
4.首頁呈現方塊組及圖片效果
請大大們指點 感謝
| 附加檔案 | 大小 |
|---|---|
| picture -1.jpg | 92.33 KB |
| picture -2.jpg | 99.27 KB |
Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果
1. 用內建的"選單"功能
2. 用CSS，把圖片設為 float=left
4. Jimmy 之前不知是怎做的，現在用 Views 模組應很容易處理。
Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果
請問該如何在首頁中插入區塊...
我目前的想法是利用views製作出想要的block,
再利用Insert View這個模組將block插入首頁(frontpage模組)中，再利用css排出像環境資訊協會的首頁一樣...
但是失敗了！Insert View沒有辦法將block插入content裡面，它會直接顯示出node的內容...
有什麼辦法能做到環境資訊協會的首頁一樣？
Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果
若是我來作，會是把 Views 產生的區塊，設定為顯示在 content 區域裡，然後再加上 CSS 作調整。
例如 http://nbalive.tw 裡，主欄裡的幾個資訊區塊都是這樣做的。
Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果
這樣的方法的確最好用 也很好調整
只需要動CSS和view這個模組
Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果
請問"用CSS，把圖片設為 float=left"是在style.css中還是另外加?? 哪邊有文件參考??
style.css
.node .picture {
border: 1px solid #fff;
float: right;
margin: 0.5em;
.comment .picture {
border: 1px solid #fff;
float: right;
margin: 10px;
#tracker th img {
float: right;
請問是改那兒?? 謝謝
Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果
加在 style.css 裡，前面的項目是你的區塊的特定id，例如：
#block-block-5 {float: left;
}
Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果
請問在 style.css 中
1. story 與 page 的ID為何??
2.自訂區塊的特定id 在 style.css 中是否有範例或文件參考??
謝-------
Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果
1.
story和page的差別，可以在node.tpl.php裡頭加上判斷式像是
<?phpprint $node->nid;
?>
<?phpif ($sticky) { print ' sticky'; }
?>
<?phpif (!$status) { print ' node-unpublished'; }
?>
<?phpif($node->type == 'page') print ' page'; else print ' story';
?>
2. 在block.tpl.php裡頭print出來就知道了
Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果
那如果是新增內容類型的話，我檢視原始碼看到的是
<div class="field field-type-image field-field-movie-cover"而沒有看到<div id，請問我如何定義新增的內容類型使之文繞圖呢？（就是在哪定義float: left;）Re:
1. 好像沒有這種 id
2. 就如上面所說，並且要去看網頁原始碼找區塊 id，例如本站首頁右方的下載區塊的原始碼如下，id 就是 block-block-1:
<div id="block-block-1" class="clear-block block block-block">Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果
請問 4 首頁呈現方塊組及圖片效果 我還是沒有很了解該如何實做? 可以說明一下嗎? 用 views 作一個 block 然後放到 theme 的 content, 然後限制只有在 出現, 這是沒問題的, 只是怎麼弄成四塊呢?
Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果
設定 css float left/width，就可以變成方塊排列了
Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果
我做了兩個 block, 一個用 float:left, 一個用 float:right 是可以顯示一左一右, 但是第三個 block 該怎麼設定呢? 我還是設定 float:left, 然後 weight 設不一樣, 本來以為會有兩列, 但是結果變成一列有三個 block.
另外就是, 這樣的話, frontpage 該設哪裡呢? 設成 node 的話, 因為我沒有文章設定成置頂, 結果會變成上面是 welcome 頁面, 下面才是我的 block.
另外就是, 把 views 拿來做成一個 block 時, 看來他會把每個欄位都當成一列, 這個倒是沒有很方便, 譬如說我可能想把 node 時間 + node title 放一起弄成一個 block, 分兩列滿佔空間也沒有必要... 如果不行, 可能還是寫個小程式好了.
Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果
這是css和php程式的抉擇
你碰到的問題大多是css的問題
--
from open mind to open source~