Drupal Taiwan 正體中文支援站 - 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果 - 回應

Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果

jimmy — Thu, 25 Oct 2007 09:31:51 +0800

這是css和php程式的抉擇
你碰到的問題大多是css的問題

--
from open mind to open source~

Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果

dennys — Thu, 25 Oct 2007 07:11:30 +0800

我做了兩個 block, 一個用 float:left, 一個用 float:right 是可以顯示一左一右, 但是第三個 block 該怎麼設定呢? 我還是設定 float:left, 然後 weight 設不一樣, 本來以為會有兩列, 但是結果變成一列有三個 block.

另外就是, 這樣的話, frontpage 該設哪裡呢? 設成 node 的話, 因為我沒有文章設定成置頂, 結果會變成上面是 welcome 頁面, 下面才是我的 block.

另外就是, 把 views 拿來做成一個 block 時, 看來他會把每個欄位都當成一列, 這個倒是沒有很方便, 譬如說我可能想把 node 時間 + node title 放一起弄成一個 block, 分兩列滿佔空間也沒有必要... 如果不行, 可能還是寫個小程式好了.

Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果

charlesc — Wed, 24 Oct 2007 01:08:57 +0800

設定 css float left/width，就可以變成方塊排列了

Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果

dennys — Tue, 23 Oct 2007 23:59:00 +0800

請問 4 首頁呈現方塊組及圖片效果我還是沒有很了解該如何實做? 可以說明一下嗎? 用 views 作一個 block 然後放到 theme 的 content, 然後限制只有在出現, 這是沒問題的, 只是怎麼弄成四塊呢?

Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果

imnicky84 — Sat, 04 Aug 2007 21:35:06 +0800

那如果是新增內容類型的話，我檢視原始碼看到的是<div class="field field-type-image field-field-movie-cover"而沒有看到<div id，請問我如何定義新增的內容類型使之文繞圖呢？（就是在哪定義float: left;）

Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果

jiroro — Sat, 17 Mar 2007 06:27:50 +0800

這樣的方法的確最好用也很好調整
只需要動CSS和view這個模組

Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果

jimmy — Sun, 11 Mar 2007 09:47:22 +0800

1.
story和page的差別，可以在node.tpl.php裡頭加上判斷式像是

<?php
 print $node->nid; 
?>

" class="node

<?php
 if ($sticky) { print ' sticky'; } 
?>

<?php
 if (!$status) { print ' node-unpublished'; } 
?>

<?php
 if($node->type == 'page') print ' page'; else print ' story';
?>

2. 在block.tpl.php裡頭print出來就知道了

Re:

charlesc — Thu, 08 Mar 2007 20:04:27 +0800

1. 好像沒有這種 id
2. 就如上面所說，並且要去看網頁原始碼找區塊 id，例如本站首頁右方的下載區塊的原始碼如下，id 就是 block-block-1:

<div id="block-block-1" class="clear-block block block-block">

Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果

klevin — Thu, 08 Mar 2007 06:24:35 +0800

請問在 style.css 中
1. story 與 page 的ID為何??
2.自訂區塊的特定id 在 style.css 中是否有範例或文件參考??

謝-------

Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果

charlesc — Wed, 07 Mar 2007 16:07:28 +0800

加在 style.css 裡，前面的項目是你的區塊的特定id，例如：

#block-block-5 {
float: left;
}

Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果

charlesc — Wed, 07 Mar 2007 16:05:54 +0800

若是我來作，會是把 Views 產生的區塊，設定為顯示在 content 區域裡，然後再加上 CSS 作調整。
例如 http://nbalive.tw 裡，主欄裡的幾個資訊區塊都是這樣做的。

Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果

klevin — Wed, 07 Mar 2007 10:21:20 +0800

請問"用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: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果

whisper — Wed, 07 Mar 2007 01:10:42 +0800

請問該如何在首頁中插入區塊...

我目前的想法是利用views製作出想要的block,
再利用Insert View這個模組將block插入首頁(frontpage模組)中，再利用css排出像環境資訊協會的首頁一樣...

但是失敗了！Insert View沒有辦法將block插入content裡面，它會直接顯示出node的內容...

有什麼辦法能做到環境資訊協會的首頁一樣？

Re: 首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果

charlesc — Sat, 03 Mar 2007 22:47:38 +0800

1. 用內建的"選單"功能
2. 用CSS，把圖片設為 float=left
4. Jimmy 之前不知是怎做的，現在用 Views 模組應很容易處理。

首頁如何呈現"方塊組"及"圖片旁邊出現多行文字"效果

klevin — Sat, 03 Mar 2007 19:14:24 +0800

不知如何才能如圖所示呈現效果
1.作出超連結導覽列
2.圖片旁邊出現多行文字,我只能在圖片最下列出現1行文字,不能多行呈現文字
4.首頁呈現方塊組及圖片效果
請大大們指點感謝