XTC K2 Content Wall module 中文翻譯說明

在XTC K2 Content Wall module 模組以令人難以置信的力量提高您的網站的使用，您可以自由的自定義內容 K2 CSS和HTML模塊中的地位。選擇項目類別和其他標準，並顯示超越JOOMLA模板有限的能力，只有你的想像力可及,K2 WALL幾乎都可以產生出來。完美的工具，用於開發自定義風格。該模組可以顯示文章中的行，列和網格以及特殊效果的滾動和幻燈片般的播放。
--------------------------------------------------------------------------------------------------------
選擇參數 - 使用這些參數來選擇哪些項目顯示：
Category ID:內容類別。
Avatar Compatibility mode:啟用用戶頭像支援。
Comment Compatibility mode:允許評論支援。
Authors:根據篩選文章的作者。
One article per author?限制每一個作者的文章？
Sort field:排序的標準。
Sort order:選擇所需的排序順序。

DISPLAY PARAMETERS- 使用這些參數來設計模組。佈局由一個電網由一個或多個頁面的圖片組織行或列。

Columns:列顯示。
Rows行顯示。
Pages:之間的過場效果是使頁面的變化。顯示樣式特殊效果應用到佈局。窗口模式與一個頁面而已，所有其他需要多個頁面的內容，它們之間進行轉換。
Window Width（以像素為單位）的區塊當使用一個視窗的特殊效果。
Window Height（以像素為單位）的區塊當使用一個視窗的特殊效果。
Transition pause暫停時間/毫秒為單位之間的頁面過場。 A值-1禁用自動轉換。預設值是：4000。
Transition duration:網頁過場效果的持續時間\毫秒為單位（預設值：1500）。
Slide orientation:過場動畫的滑動方向。
Transition type:過渡動畫類型。
Transition Ease mode
------------------------------------------------------------------------------------------------------------
以下尚未翻譯
MODULE DISPLAY CONFIGURATION - Use this parameters to define who you want to display the module.

Button Style	Button graphic set to use when buttons tags are enabled.
Template	To select one of our predesigned template. NOTE: Select -None selected- if want to use Module HTML template and Main Content HTML template fields.
Module HTML template	HTML/CSS code to display the overall module box. You can embed any of the following tags: {leftbutton} Draws a "Left/Back/Previous" button. {mainarea} This tag draws the main layout area block, including the special effects. {pages} Displays a numbered page list for quick browsing. {rightbutton} Draws a "Right/Forward/Next" button.
Main Content HTML template	HTML/CSS code to display each item. You can embed any of the following tags to display article information: {id} The numeric ID of the K2 item {link} URL to the K2 item page {title} Item title {intro} Raw introduction text (might contain HTML code). {intronoimage} Introduction text with images removed (all other HTML is preserved) {fullnoimage} Item full text without images {rawfulltext} Item raw full text (image tags and other HTML are preserved) {fulltext} Full text with all HTML removed {introtext} Introduction text with all HTML removed {introimage} URL to the first embedded image in the introduction text {field_xxxx} Display a custom field value, where 'xxxx' is the field name as defined in K2 {fullimage} URL to the first embedded image in the full text of the item {category} Name of the category where the item belongs {categoryimage} Displays the category thumbnail image {categoryimageurl} URL to the category thumbnail image {categoryurl} URL to the item's category page {date} Item creation date. Also supports an extra formatting parameter according to PHP date() function, eg: {date Ymd} {moddate} Last item modification date. Also supports an extra formatting parameter according to PHP date() function, eg: {moddate Ymd} {author} Item author's username {authorname} Item author's name {avatar} Displays the author avatar thumbnail {authorprofile} URL to author profile Page {index} A number representing the item's position within the module. Useful for Top-Ten lists. {hits} Number of item hits {comments} Number of comments done in the item {imageXSmall} Displays the XSmall item image {imageXSmallurl} URL to the XSmall item image {imageSmall} Displays the Small item image {imageSmallurl} URL to the Small item image {imageMedium} Displays the Medium item image {imageMediumurl} URL to the Medium item image {imageLarge} Displays the Large item image {imageLargeurl} URL to the Large item image {imageXLarge} Displays the XLarge item image {imageXLargeurl} URL to the XLarge item image {imageGeneric} Displays the Generic item image {imageGenricurl} URL to the Generic item image {imageOriginal} Displays the Original item image {imageOriginalurl} URL to the Original item image {video} Displays the item video {imagegallery} Displays the item image gallery {attachmenturl} URL to item attachment {attachmentdownload} Displays a link to download the item attachment {attachment} Direct URL to the item attachment {attachmentname} Name of the item attachment {attachmenthits} Hits of the item attachment {attachmentattrib} Item attachment attribute field value {rate} Use this tag to get the interactive rate level, With this tag your visitors can rate the item beign shown {rating} Use this tag to show the rate level image {ratingsum} Sum of rate points {count} Total number of rate entries {tagsname} Use this tag to show the tags of the item {tagslink} Use this tag to show the tags as a link to other items sharing the same tag {relatedname} This tag will show the related items information {relatedlink} Related items shown as links to them {itemtwitterurl} Use this tag to get the url to tweet the item. {itemtwitterlink} With this tag you will get the image to tweet the item. {categorytwitterurl} Use this tag to get the url to tweet the category that contains the item. {categorytwitterlink} With this tag you will get the image to tweet the category that contains the item.
Avatar width	Use to set the width of the avatar. Note: The avatar tags only work if the compatibility is active.
Avatar height	Use to set the height of the avatar. Note: The avatar tags only work if the compatibility is active.
Max. title length	Maximum length of {title} tag. Empty = no limit.
Max. title suffix	Suffix to show when trimming the title.
Max. intro length	Maximum length of {introtext} tag. Empty = no limit.
Max. intro suffix	Suffix to show when trimming the intro text.
Max. full text length	Maximum length of {fulltext} or {rawfulltext} tags. Empty = no limit.
Max. full text suffix	Suffix to show when trimming full text.
Full text break keyword	Display article text up to this string mark is found (including). Leave empty to display all text.
Date format	Date format (using PHP date function). Defaulty is: Y-m-d

'MORE' AREA CONFIGURATION - Use these parameters to customize the 'more' area block in the module.

'More' Content HTML template	HTML/CSS code to display each article. You can embed any of the supported tags to display article information.
More titles	Offer links to more article titles.
Clone from main?	Enabling this will make the articles in the more section be the same as in the main section.
More Columns	Number of articles to show horizontally. If number of articles is higher, multiple rows will be shown.
More legend	Legend to show in read more area.
More legend color	Legend color.
Max. length for title text	Maximum length of {title} tag. Empty = no limit.
Max. title suffix	Suffix to show when trimming the title.
Max. length for intro text	Maximum length of {introtext} tag. Empty = no limit.
Max. intro suffix	Suffix to show when trimming the intro text.
Max. full text length	Maximum length of {fulltext} or {rawfulltext} tags. Empty = no limit.
Max. full text suffix	Suffix to show when trimming full text.
Full text break keyword	Display article text up to this string mark is found (including). Leave empty to display all text.
Module Class Suffix	A suffix to be applied to the CSS class of the module.

隱藏X-SCROLLBAR

轉自
http://www.sonys.tw/2008/06/ie-60-iframe-hidden-scrollbar.html

實作iframe的朋友應該要注意
IE6.0在橫向捲軸的顯示是有bug的
所以即便是FF與IE7.0在顯示上沒問題
還是需要處 理這個細節

我們可用改變CSS樣式來達到隱藏橫向捲軸的效果:
html {
overflow-x: hidden; overflow-y: auto;
}
以上程式碼將橫向捲軸隱藏
縱向卷軸會自行判斷

有點白目的廣告.不過挺有創意

空白 Div 在IE6、7佔據空間的解決方法

如果做網頁有用各家瀏覽器測試的話，可能會遇到一個問題：當在div內無任何內容時，如果給div設置了寬度，這時候div在舊版IE中（IE6、 IE7）就會佔據空間 ( 沒有遵守W3C規範 )，而在FireFox中不佔據空間（正確）。

經過測試，如果給div設定高度（height）和行高 ( line-height )，IE7就顯示正常了，但是IE6一樣會占據空間。最簡單的解決方法是，給div設置高度（height）和溢出（overflow）屬性。

如以下範例：

1.

"width:100%;height:0;overflow:hidden; ">

這樣就確保不會占據空間啦~

CSS實例:鼠標滑過文字超級鏈接背景變色

效果如下圖

要實現這個效果。很簡單。 定義CSS樣式

a:hover{
background:#f29901;
}

這段代碼的顯示效果如下圖


顯然，這樣太醜了。

只需要再加 上一句
a:hover{
background:#f29901;
display:block;
}

即 可如效果圖所示，當鼠標移動到超鏈接上的時候，整個li元素背景變色。

可是這樣還有一個問題，鼠標必須移動到文字上面才能觸發 a:hover效果。
如果想要鼠標移動到元素li上的時候，就觸發a:hover效果。可以這樣寫

a {
width:130px;
/*li元素的寬 度，也就是相當於定義了一個寬度範圍，當鼠標移動到上面的範圍的時候就觸發a:hover效果*/
}

a:hover{
background:#f29901;
display:block;
}

下面附上完整例子代 碼：

html代碼：

• 導航菜單1


• 導航菜單2


• 導航菜單3


• 導航菜單4


• 導航菜單5


• 導航菜單6

css 代碼：
#content{}
#content li{
line-height:30px;
text-align:center;
color:#fff;
display:block;
background:#333;
width:100px;
}
#content li a{
display:block;
float:right;
background:#333;
width:100px;
color:#fff;
text-decoration:none;
}
#content li a:hover{
color:#000;
background:#fff;
}


問題雖然小，但是經過自己研究解決印象更加深刻

資料庫導出亂碼解決方案紀錄

mysql_select_db($database_cAAA, $AAA);

mysql_query("SET NAMES 'utf8'");

mysql_query("SET COLLATION_CONNECTION=utf8_general_ci");

人要擅於隱藏弱點...

話說以前海盜猖獗，

很多商船遇上海盜都會被洗劫一空，運氣差的連小命都會沒了。

於是有一種新職業因應而生--海上保鏢。

專門運送貴重貨物，遇上海盜的時候就不會蒙受平白損失了，

當然，在海上跑鏢是很危險的一種工作，

除了迷路翻船暴風雨之外，真遇到了海盜免不了都是一場血戰。

有一個保鏢船長武功非常高強，手下的水手個個身手矯捷，

所保的鏢從來都是萬無一失地安全抵達，

因為這位船長有一個百戰百勝的秘密......就是他的戰袍！

有一天，船長又出海跑一趟鏢，

船航至中途，遠遠地就看見一艘船疾駛而來。

船長一看就知道，這下子遇上海盜了，

馬上轉身向手下說：「去我房裡，把我那件鮮紅色的戰袍拿來給我穿上！」

船長一披上鮮紅色戰袍，待海盜一上船，立刻衝入敵陣，身先士卒奮勇殺敵。

水手看船長如此驍勇善戰，個個都大受鼓舞，不顧性命地加入戰局，

這些海盜個個都是烏合之眾，哪能受得起這樣的攻勢？

沒兩三下就落荒而逃了。

就這樣，

無論是一艘海盜船、兩艘海盜船、三艘海盜船，甚至四五艘海盜船一起來，

只要船長一披上鮮紅色戰袍，帶領作戰，

海盜無不慘敗，討不了好而去。

有些水手覺得非常好奇，

這件鮮紅色戰袍到底有什麼秘密，為什麼船長作戰時都要穿上呢？

於是他們忍不住就問了船長這個問題，

船長笑著說：

「其實沒什麼大不了的秘密，

只是我穿著這件鮮紅色戰袍，如果受傷流血了敵人也看不出來，

他們會以為我都不會受傷，心裡就會先感到恐懼了，

這叫做心理戰術。」

水手們這才恍然大悟，佩服起船長的智慧來，

原來船長不只武功高強，戰術也有獨到之處！

又有一天，船長又率眾出海跑鏢，

航至中途，照例又遇上海盜船，

船長一看，哇！乖乖隆的咚！辣塊媽媽不得了！一片桅桿啊！

五艘？不！十艘？不！整整三四十艘的海盜船正朝著船隊駛近......

船長馬上對身旁一個水手下令：

「去我房裡，把我那件咖啡色的褲子給我拿來！」

水手：「咦？為什麼這次不是鮮紅色戰袍？」

.

.

.

.

.

船長：「這樣我挫屎的時候，他們就看不出來了...」