Gallery:外观主题:x treme

来自站长百科
Firebrance（讨论 | 贡献）2008年11月14日 (五) 14:46的版本
跳转至： 导航、​ 搜索

X_treme 外观主题:: 可定制性的极致

X_treme提供对相册及相片页面的完全控制，它要求站点管理员指定设定并选取选项允许对所有内容进行定义，比如位置，颜色还有风格。


该外观主题至少需要Gallery2.2版的支持，而Core 1.1.17 Theme API 2.4和Core API 7.0则为该外观主题的安装所需，以及类似虚拟相册的Gallery 2.2特点之实现！

相关信息

最初基于Matrix上的PGtheme针对外观主题代码修改有困难的用户，这样一来任何人都可以通过指定外观主题管理页面上的选项来自定义Gallery的呈现方式了。 X_treme则是我们所谓“PGtheme的进化版”，尽管它是如此之新，你还是可以重温那些旧选项，它们变得更简洁，选择范围也更大了。

一些有趣的特色

  • 顶部菜单中若干外部链接
  • 带有相册和项目选项的浮动边栏，右击鼠标或点击链接就会显示出来
  • 各相册的欢迎消息，显示于第一个页面或其他页面上
  • 静态显示或浮动显示若干项目信息的选项
  • 显示于边栏，相册和相片页面中某些位置的区块
  • 链接到含有评论，exif和其他区块浮动框的按钮
  • 鼠标悬停于相片时，来自前一个及下一个项目的缩略图
  • 含有全尺寸图片的弹出窗口
  • 微型导航缩略图，可配置
  • 选择要显示的信息及显示位置（如标题，描述及摘要等）
  • 鼠标悬停动作使用专门的CSS
  • 运行覆盖风格页及外观主题定义内容的选项
  • 极具可配置性的互动边框，允许修改颜色，尺寸并可显示文本
  • 相册，项目和相片框
  • 颜色包
  • 一些图标包
  • 可定制的页脚


演示，下载及论坛

演示：PedroGilberto.net, themes.gallery2.hu

下载：PedroGilberto.net, 浏览Subversion存储库

论坛：X_treme开发论坛

用户定义的设定

各相册的行
各相册页面的列
显示微型导航缩略图
颜色包

为外观主题选择不同的颜色模板。

模块：ColorPack必须为活动状态。
下载：54KB(zip)，15KB(tar.gz)

所有的颜色包均应能运行，但X_treme的颜色包需要根据颜色对某些图标进行修改，并在页脚显示一个识别图标。

显示在边栏中的区块

选择你希望显示在边栏中的区块。

显示在相册页面的区块

选择要显示在相册页面底部的区块。

按所选进行显示：
"GLOBAL - Blocks :: 定位区块表格，被选取看显示在页面底部"并
"GLOBAL - Blocks :: 在区块表格之内对齐区块"
如此选项被选中：
"ALBUM :: 显示一个"Blocks"按钮（点击该按钮则显示：包含EXIF及评论等的区块会被显示在一个浮动框之内）"
则显示于一个浮动框之内
显示在相片页面上的区块

选择要显示在相册页面底部的区块。

按所选进行显示：
"GLOBAL - Blocks :: 定位带有被选中区块的区块表格，并显示在页面底部"并
"GLOBAL - Blocks :: 在区块表格之内对齐区块"'
如此选项被选中
"PHOTO  :: 显示一个"Blocks"按钮"
则显示于一个浮动框之内

GLOBAL

Gallery全局应用的设定。可在"theme.tpl"中实现。
为IE旧版本添加png支持

用作IE5.5版到IE 7版的脚本，以允许PNG透明化。 当被使用时（仅针对IE5.5到IE7的版本），页面仅当所有项目被载入后才会打开，而logo onmousehover无法起效。

Site ID. :: 显示在页面标题上

输入要显示在页面标题上的文本。

Logo :: 显示在顶部页面- 选择对齐方式

将Gallery主页链接的图片作为标志显示在页面顶部左侧。 图片应被上传至".../themes/x_treme/extra/logos/"之中。

Logo :: 输入文件名和扩展名

你可以随意输入任何已上传至".../themes/x_treme/extra/logos/"中的文件名和扩展名。 此选项允许你为各相册使用不同的标志(默认为logo.png)。

Logo :: 输入logo hover文件名和扩展名

你可以输入已上传的其他logo hover (默认为logoon.png)。

Logo :: 输入图片宽度 (px)

你应输入已上传并用作标志的图片的宽度(pixels) (默认为175)。

Logo :: 输入图片高度 (px)

你应输入已上传并用作标志的图片的高度(pixels)'(默认为50)。

你应对"x_treme/templates/extra/banners/banner_top.tpl"进行自定义，以显示需要的文本或图片(你可以插入如Google Adsense这样的内容)。

你可以为各相册使用不同的横幅，只要将文件上传至"...themes/x_treme/templates/extra/banners/"中并输入文件名和扩展名即可(默认为banner_top.tpl)。

在页面底部显示任意内容。你应对"x_treme/templates/extra/banners/banner_footer.tpl"进行自定义。

同顶部横幅。(默认为banner_footer.tpl).

SideBar :: 行为

选择有：

  • None - no sidebar (useful for using x_treme with embedded gallery2)
  • Floating - display a floating "Drag and Drop" Sidebar.
  • Static - display a classic static Sidebar just like Matrix Theme.
Top Navigation :: Show where the user is (BreadCrumb)

If checked, display "BreadCrumb" on left side of top navigation.

Top Navigation :: Separator for items on BreadCrumb and Menu

Insert the character(s) to display as horizontal separator on "Top Menu" and "BreadCrumb". (默认为"|" - usage: /)

Top Navigation :: 外部链接

输入要显示在Top Menu中作为链接的文本(可达3个链接)。 (默认为" " – 用法：链接到我其他的站点)

Top Navigation :: 该链接的URL

输入上面所输入文本链接的URL (可达3个链接)。 (默认为" Home" – 用法http://www.pedrogilberto.net.)

Top Navigation :: 更多外部链接

在"Top Menu"中显示任意链接，必须对"externalLinks.tpl"进行自定义并添加标题和URL。

Blocks :: 定位带有被选中区块的区块表格，并显示在页面底部

选择有：

  • 靠左
  • 居中
  • 靠右
Blocks :: 在区块表格内将区块对齐

选择有：

  • 靠左
  • 居中
  • 靠右
如果激活了"Cart"和"Checkout"你就，选择其一或二者都选择以用于"Cart"按钮

选择有：

  • 二者皆选- 由用户决定
  • 仅使用"CART"模块
  • 仅使用"CHECKOUT"模块
动态相册中的缩略图链接

选择有：

  • 浏览动态相册
  • 跳转至原始相册
  • 分离原始相册的链接
鼠标右击动作

选择有：

  • None - do nothing.
  • Disable Right Click context menu.
  • Show a "Copyright Alert Message"
  • Show Floating Sidebar and Right Click context menu
- Show Floating Sidebar with current Options (the same as clicking "Options" on top menu) and also Right Click context menu.
  • Show Floating Sidebar, no R. C. context menu
- Show Floating Sidebar with current Options and disable Right Click context menu.
  • Show Floating Sidebar and "Copyright Alert Message"
- Show Floating Sidebar with current Options and a popup "Copyright Alert Message".
Icons :: Show icons actions/navigation bar on top (select alignment)

选择有：

  • No Navigation Bar
- do not display "Icons Actions/Navigation Bar".
  • On the right side of the page
- display "Icons Actions/Navigation Bar" at the right.
  • On the left side of the page
- display "Icons Actions/Navigation Bar" at the left.
  • Only action icons on the right - no navigation icons - display only "Icons Actions Bar" and no navigation icons at the right.
  • Only action icons on the left - no navigation icons - display only "Icons Actions Bar" and no navigation icons at the left.
Icons :: Select theme icons to override iconpack

In order to use your one "gif" icons you must select "my_gifs"

and upload them into "...themes/x_treme/images/icons/my_gifs/" and "...themes/x_treme/images/icons/my_gifs/hover/".

To use your own "png" icons you must select "my_pngs"

and upload them into "...themes/x_treme/images/icons/my_pngs/" and "...themes/x_treme/images/icons/my_pngs/hover/".


ALBUM :: all pages

Settings applied to Album view. Implemented in "album.tpl", "navigatorTop.tpl".
Global :: Navigation - Show album navigation bar (select position)

选择有：

  • Do not show - Will not display any Album navigation buttons.
  • On Top - The navigation buttons (first, previous, next, last) will be shown above thumbnails table.
  • On Bottom - The navigation buttons will be shown below thumbnails table.
  • Both - The navigation buttons will be shown above and below thumbnails table.
Global :: Blocks to show on album pages below information (if on side of thumbnails)

Select blocks to show side by side with thumbnails table.

Global :: Link Albums directly to photo pages

选择有：

  • No - Clicking a thumbnail will send you to the Album page.
  • Clicking a thumbnail
- Clicking a thumbnail will send you to Album's 1st Photo page.
  • Clicking a thumbnail but only if album as no sub albums
- If there are no sub albums inside the album, clicking a thumbnail will send you to Album's 1st Photo page.
  • All Links (breadcrumbs, album select menu, direct uri...)
- Any Album link will send you to Album's 1st Photo page.
  • All Links but only if album as no sub albums
- If there are no sub albums inside, any Album link will send you to Album's 1st Photo page.
Global :: If "clicking a thumbnail" above is selected, show a link to parent Album on "Icons Navigation Bar" at photo pages

If checked and "clicking a thumbnail" is selected, at photo pages, "Pics Navigation Bar" will display a parent Album link.


ALBUM :: 1st page (GALLERY)

Settings applied to first page the Album. Implemented at "album.tpl".
The following setting will be applied to Gallery's first page and override other album settings.
or, if you are costumizing the theme on an Album (not site administration page, but album administration),
to Album's 1st page. - This is useful if you wish 1st pages of the albums to render differently for each one.
1st Page :: 在Gallery的第一个页面上显示标题（选择位置）

选择显示在相册首页上相册标题的位置。 选择有：

  • 不显示
  • 显示在顶部，左对齐-于缩略图表格之上
  • 显示在顶部，右对齐-于缩略图表格之上
  • 在缩略图边上 – 于缩略图表格边上
1st Page :: 在Gallery的第一个页面上显示描述信息

选择显示在相册首页上相册描述信息的位置。 选择有：

  • 不显示
  • 显示在顶部，左对齐-于缩略图表格之上
  • 显示在顶部，右对齐-于缩略图表格之上
  • 在缩略图边上 – 于缩略图表格边上
1st Page :: 在Gallery的第一个页面上显示Gallery所有者

在相册首页上显示相册所有者。

1st Page :: 在Gallery的第一个页面上显示Gallery日期

在相册首页上显示相册日期。

1st Page :: 在Gallery的第一个页面上显示Gallery的大小

在相册首页上显示相册大小（内含项目的数量）。

1st Page :: 在Gallery的第一个页面上显示Gallery的查看次数

在相册首页上显示相册的查看次数。

1st Page :: 在Gallery的第一个页面上显示评分

在相册首页上显示相册评分。

1st Page :: 显示信息（选择显示日期，尺寸，查看次数和评分的位置）

选择显示所有者，日期，尺寸，查看次数及评分(不会干扰标题和描述信息)。

选择有：

  • 不显示- 以上所述选项不会被显示。
  • 显示在顶部
  • 显示在缩略图旁
1st Page :: 将以上所选区块显示在缩略图旁

为"ALBUM - Global :: Blocks（区块）中所选区块定位以显示在相册页面的信息之下（如显示在缩略图边上的话）"。 选择有：

  • 不在首页上显示
  • 显示在Info消息下
  • 显示在缩略图旁
1st Page :: 显示一个"Add Cart"按钮（"Checkout"模块必须设定权限)
1st Page :: 显示一个"View Cart"按钮("Checkout"模块必须设定权限)
1st Page :: 显示一个"View Comments"按钮(必须设定权限)
1st Page :: 在缩略图下显示带有评论的静态区块(必须设定权限)

将覆盖前两个选项并不会显示"Add Comments"或"View Comments"按钮了。

1st Page :: 显示一个"Blocks"按钮 (点击该按钮则显示：包含EXIF及评论等的区块会被显示在一个浮动框之内)

前面所选的区块在：

显示在相册页面上的区块

会被显示在一个浮动框之内，要被对其的区块在：

GLOBAL - Blocks :: 在区块表格中对齐区块


ALBUM :: Info Message

应用于相册视图的设定。在"album.tpl"，"navigatorTop.tpl"中实现。
Info Message :: 显示欢迎消息

你必须自定义"PGtheme/templates/extra/info/default.tpl" 。

选择有：

  • 不显示。
  • 显示在首页顶部 – 仅在相册首页上显示作者消息。
  • 显示在首页左侧 - 仅在相册首页上显示作者消息。
  • 显示在所有相册页面的顶部。
  • 显示在所有相册页面的左侧。
Info Message :: Info Message tpl文件名

If you don't want the same "Info Messages" for all the albums you shound enter the name and extension of the file containing the desired welcome message, and upload the file into ".../themes/x_treme/templates/extra/info/" (默认为default.tpl, usage: album1msg.tpl).

Info Message :: 1st link title (on the left)

Enter text to show on "Info Message" as a link on bottom LEFT of the message (默认为" " - usage: Equipment).

Info Message :: 1st link tpl file

Enter name and extension of the file you want the text inserted above to link to, and upload the file into ".../themes/x_treme/templates/extra/info/" (默认为"default_link1.tpl" - usage: equipment.tpl).

Info Message :: 2nd link title (on the right)

Enter text to show on "Info Message" as a 2nd link on bottom RIGHT of the message.

Info Message :: 2nd link tpl file

Insert the name of the file you want the text inserted above to link to (默认为default_link2.tpl).

Info Message :: Show Author email

Select alignment for owner email.

选择有：

  • Do not show
  • Left Aligned
  • Right Aligned


ALBUM :: other pages

Settings applied to other pages of the Album. Implemented at "album.tpl", "navigatorTop.tpl".
The following setting will be applied to other Album's pages, not to first page.
Show Title (select position)

Select where to display album's TITLE. 选择有：

  • Do not show
  • On top, left aligned - above thumbnails table
  • On top, right aligned - above thumbnails table
  • On side of thumbnails - side by side with thumbnails table
Show Description

Select where to display album's DESCRIPTION. 选择有：

  • Do not show
  • On top, left aligned - above thumbnails table
  • On top, right aligned - above thumbnails table
  • On side of thumbnails - side by side with thumbnails table
Show Owners

Display Album's OWNER.

Show Date

Display Album's DATE.

Show Size (quantity of items inside)

Display Album's SIZE.

Show View Count

Display Album's VIEW COUNT.

Show Rating

Display Album's RATING.

Show Information (select position to display Date, Size, View Count and Rating)

Select were to show OWNER, DATE, SIZE, VIEW COUNT, RATING (doesn't interferes with Title and Description).

选择有：

  • Do not show - options checked above won't be displayed.
  • On Top
  • On side of thumbnails
Display an "Add Album to Cart" button on top navigation

(to "Checkout" module must set permissions)

Display a "View Cart" button when cart is not empty

(to "Checkout" module must set permissions)

Display an "Add a Comment" button on top navigation

(must set permissions)

选择有：

  • Do not show
  • Clicking display a floating box to add comments
  • Clicking redirect to Add Comments page
Display a "View Comments" button on top navigation

(must set permissions)

Display a Static block with Comments below tumbnails (必须设定权限)

Will override the two previous options and won't display "Add Comments" or "View Comments" buttons.

Display a "Blocks" button on top navigation (when clicked Blocks selected to show: containing EXIF, Comments,etc, will be displayed on a floating box)

The blocks selected previously at:

Blocks to show on album pages

will be shown inside a floating box, blocks will be aligned how selected at:

GLOBAL - Blocks :: Align the Blocks inside Blocks Table


ALBUM :: Items

Settings applied to Items at Album view. Implemented at "album.tpl". Be advised, too much "Show" options selected and speed could slow down dramaticly!

Items :: Album Frame

Select a frame to display around albums thumbnails.

Module: ImageFrame must be active.
Downloads: 181KB (zip), 89KB (tar.gz)
Items :: Item Frame

Select a frame to display around photos thumbnails.

Module: ImageFrame must be active.
Downloads: 181KB (zip), 89KB (tar.gz)
Items :: Set Opacity for Thumbnails

Choices from 10% to 100%

Items :: Set hover Opacity for Thumbnails

Choices from 10% to 100%


Items :: Thumbnail border width (px)
Items :: Thumbnail border color
Items :: Horizontal Padding for thumbs (px)

Enter horizontal distance in px between thumbnails

Items :: Vertical Padding for thumbs (px)

Enter vertical distance in px between thumbnails

Items :: Show info selected below floating

If unchecked:

  1. the table containing the thumbnails will have 80% screen width.
  2. you will see thumbnails information under each one as selected on options below.

If checked:

  1. the table width will float according to width and number of thumbnails.
  2. you won't see any information related with thumbnails, unless clicking on "info button" at top left of each thumbnail.
  • the option below - "Items :: Show button to display floating Info" must be checked to display the "info button" and the related information on a floating box.
Items :: Show button to display floating Info

If checked will be shown a '"info button" on thumbnail hover at top left of each one, clicking will display a floating box width the information and buttons selected below.

Items :: Show Title

选择有：

  • No
  • For Albums and Photos: will show titles under all thumbnails
  • Only for Albums: will show titles under albums thumbnails
  • Only for Photos: will show titles under items thumbnails
  • Only at floating box for Albums and Photos: will show titles to thumbnails but only at each floating box
  • Only at floating box for Albums: will show titles under albums thumbnails but only at each floating box
  • Only at floating box for Photos: will show titles under items thumbnails but only at each floating box
Items :: Show Description

选择有：

  • No
  • For Albums and Photos
  • Only for Albums
  • Only for Photos
  • Only at floating box for Albums and Photos
  • Only at floating box for Albums
  • Only at floating box for Photos
Items :: Show Summary

选择有：

  • No
  • For Albums and Photos
  • Only for Albums
  • Only for Photos
  • Only at floating box for Albums and Photos
  • Only at floating box for Albums
  • Only at floating box for Photos


The options bellow will be shown only:

  1. at opening page if Show info selected below floating is unchecked
  2. at a floating box if Show info selected below floating and Show button to display floating Info are checked
Items :: Show Date

选择有：

  • No
  • For Albums and Photos
  • Only for Albums
  • Only for Photos
Items :: Show Owner (if "Show image owners" and/or "Show album owners" selected on top)

选择有：

  • No
  • For Albums and Photos
  • Only for Albums
  • Only for Photos
Items :: Show Size (only if item is an Album)
Items :: Show View Count

选择有：

  • No
  • For Albums and Photos
  • Only for Albums
  • Only for Photos
Items :: Show Summaries (number of comments, rating, etc)

选择有：

  • No
  • For Albums and Photos
  • Only for Albums
  • Only for Photos

Will display number of comments, rating, keywords, ...

Overlaps to "ALBUM - Items :: Show Rating (to use this option "Show summaries" must be set to "No")".

Ratings will be displayed at the end off all others summaries (this can not be controlled by the theme).

All summaries will be shown and "ALBUM - Items :: Show Rating" will take no effect in order to no display duplicated ratings for each item.

Items :: Show Rating (to use this option "Show summaries" must be set to "No")

选择有：

  • No
  • For Albums and Photos
  • Only for Albums
  • Only for Photos

Will be Overlapped by ALBUM - Items :: Show Rating (to use this option "Show summaries" must be set to "No")

Don't forget to:

Install Modules:Rating
Downloads: 72KB (zip), 31KB (tar.gz)

And:

  1. Configure Rating Settings at Site Administration page;
  2. Edit Album and at tab "Album" at the bottom of the page check "Enable rating for this album" ;
  3. Edit permissions.
Items :: Display an "Add to Cart" button to items without children
Items :: Display an "Add a Comment" button

选择有：

  • Do not show
  • Clicking display a floating box to add comments
  • Clicking redirect to Add Comments page
Items :: Display a "View Comments" button
Items :: Display a "Show EXIF" button
Items :: Display a "Send eCard" button


PHOTO

Settings applied to Photo view. Implemented at "navigatorPhoto.tpl, navigatorThumbs, navigatorTop.tpl, photo.tpl, photoNavOver.tpl, Photosizes.tpl".

Photo Frame

Select a frame to display around photos.

Module: ImageFrame must be active.
Downloads: 181KB (zip), 89KB (tar.gz)
Image border width (px)
Image border color
Show photo navigation icons (select position)

选择有：

  • Do not show
  • "Photo Navigation bar" ABOVE the image
  • "Photo Navigation bar" BELOW the image
  • "Photo Navigation bar" ABOVE and BELOW the image
Show full size photo POPUP navigation icon

选择有：

  • Do not show
  • Show POPUP navigation icon
  • Show even if the current view is the full size image
取自“https://www.zzbaike.com/wiki/index.php?title=Gallery:外观主题:x_treme&oldid=15254”