您在這裡

如何修改profile list的樣式

Drupaler's 的頭像
Drupaler (未驗證) 在 2008-12-23 (二) 01:02 發表

今天研究了一下如何修改用戶列表(profile list) 樣式的方法
關於Profile模組設定請參考http://drupal.soa.tw/profile_module_setting_part1
原本的用戶列表:

更改過後的用戶列表:

以下簡單的說明如何達到這樣的效果:
1.需要修改兩個檔案:

  • drupal/sites/yoursitesname/modules/profile/profile-listing.tpl.php - 由於我們需要直接修改模組的檔案,為了往後升級方便,我們需要將原本放在drupal/modules/下面的profile目錄直接複製到sites下面的modules目錄中再進行修改
  • drupal/sites/yoursitesname/files/color/garland-..../style.css

2.將原本profile-listing.tpl.php程式碼

<?php foreach ($profile as $field) : ?>

<?php print $field->value; ?>

<?php endforeach; ?>

改為

<?php foreach ($profile as $field) : ?>

<?php print $field->title; ?>: //這樣能夠將該欄位的title給列出來
<?php print $field->value; ?>

<?php endforeach; ?>

3.將原本drupal/sites/yoursitesname/files/color/garland-..../style.css 中的.profile{}的內容改為

padding-left:5px;
width: 30%; //這裡是將一行分成三列,45%則分成兩列
height: 130px;
margin-right: 10px;
float: left;
clear: none;
margin-bottom: 0px;
_word-wrap: break-word;
border: 1px solid #7F98A7;
margin-bottom: 1em;
_position: relative; /* avoid IE peekaboo bug */

4.到管理>網站設定>效能> 最下面的"清除快取資料(清理缓存数据)"

這樣就可以修改用戶列表的效果了。

附加檔案大小
Image icon profile_list_new.jpg37.79 KB
Image icon profile_list_old.jpg13.7 KB