Gallery:外观主题:x treme

来自站长百科
(重定向自Gallery:Themes:x treme
跳转至: 导航、​ 搜索

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 :: 行为[ ]

选择有:

  • 无- 无边栏(适合将x_treme用于嵌入式gallery2)。
  • 浮动- 显示一个浮动的"Drag and Drop"边栏。
  • 静态 – 显示一个经典的静态边栏,如Matrix外观主题中的类似。
Top Navigation :: 显示用户位置 (BreadCrumb)[ ]

早顶部导航的左侧显示"BreadCrumb"。

Top Navigation :: BreadCrumb和菜单项目的分隔符[ ]

插入字符在"Top Menu"和"BreadCrumb"中显示水平分隔符。 (默认为"|" – 用法:/)

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"模块
动态相册中的缩略图链接[ ]

选择有:

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

选择有:

  • 无-不做操作。
  • 禁用右键功能菜单。
  • 显示"版权警告消息"。
  • 显示浮动边栏和右键功能菜单。
- 显示含有当前选项的浮动边栏(与点击顶部菜单的"Options"相同)以及右键功能菜单。
  • 显示浮动边栏,无右键功能菜单。
- 显示含有当前选项的浮动边栏并禁用右键功能菜单。
  • 显示浮动边栏和"版权警告消息" 。
- 显示含有当前选项的浮动边栏并弹出"版权警告消息"的窗口。
Icons :: 显示图标动作/居顶的导航条(选择对齐方式)[ ]

选择有:

  • 无导航条
- 不显示"Icons Actions/Navigation Bar"。
  • 显示在页面右侧
- 在右侧显示"Icons Actions/Navigation Bar" 。
  • 显示在页面左侧
- 在左侧显示"Icons Actions/Navigation Bar"。
  • 仅动作图标位于右侧 – 无导航图标 – 仅显示"Icons Actions Bar"并在右侧无导航图标。
  • 仅动作图标位于左侧 – 无导航图标 – 仅显示"Icons Actions Bar"并在左侧无导航图标。


Icons :: 选择外观主题图标来覆盖图标包[ ]

要使用"gif"格式图标的话,你必须选择"my_gifs"

并将它们上传至"...themes/x_treme/images/icons/my_gifs/""...themes/x_treme/images/icons/my_gifs/hover/".

要使用"png"格式图标的话,你必须选择"my_pngs"

并将它们上传至"...themes/x_treme/images/icons/my_pngs/""...themes/x_treme/images/icons/my_pngs/hover/".



ALBUM :: 所有页面[ ]

应用于相册视图的设定。可在"album.tpl","navigatorTop.tpl"中实现。
Global :: 导航 – 显示相册导航条(选择位置)[ ]

选择有:

  • 不显示 – 不显示任何相册导航按钮。
  • 显示在顶部 – 导航按钮(first, previous, next, last)会显示在缩略图表格之上。
  • 显示在底部-导航按钮会显示在缩略图表格之下。
  • 二者皆有 - T导航按钮会显示在缩略图表格上下。
Global :: 显示在相册页面信息之下的区块(如在缩略图旁)[ ]

选择显示在缩略图旁的区块。

Global :: 相册直接链接至相片页面[ ]

选择有:

  • 无-点击缩略图会转至相册页面
  • 点击缩略图
- 点击缩略图会转至相册的首个相片页面。
  • 点击缩略图,但仅当相册不含子相册
- 如果在相册中不含子相册的话,点击缩略图就会转至相册的首个相片页面。
  • 所有链接(breadcrumbs,相册选择菜单,直接uri...)
- 任何相册链接都会转至相册的首个相片页面。
  • 所有链接,但仅当相册不含子相册
- 如果在相册中不含子相册的话,任何相册链接都会转至相册的首个相片页面。
Global :: 如选择了上面的"clicking a thumbnail",就在相片页面的"Icons Navigation Bar"上显示parent相册的链接[ ]

如果确认选择了"clicking a thumbnail",在相片页面, "Pics Navigation Bar"会显示一个parent相册的链接。



ALBUM :: 第一页 (GALLERY)[ ]

应用于相册首页的设定。可在"album.tpl"中实现。
以下设定将会应用到Gallery的首个页面覆盖其他相册设定
或,如果你在将某相册上的外观主题自定义(非站点管理页面,而是相册管理页面),
至相册首页。- 如果你希望相册首页进行各不相同的渲染,这就很有用。
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文件名[ ]

如果你不想为所有相册都套用相同的"Info Messages"的话,就需要输入含有需要的欢迎文件的文件名和扩展名,并将文件上传至".../themes/x_treme/templates/extra/info/" (默认为default.tpl, usage: album1msg.tpl)

Info Message :: 第一个链接的标题(居左)[ ]

输入显示在"Info Message" 中的文本,将作为链接显示在消息的左下角(默认为" " – 用法:Equipment)

Info Message :: 第一个链接的tpl文件[ ]

输入希望之前所插入文本链接到的文件的文件名和扩展名,并将文件上传至".../themes/x_treme/templates/extra/info/" (默认为"default_link1.tpl" – 用法equipment.tpl)

Info Message :: 第二个链接的标题(居右)[ ]

输入显示在"Info Message" 中的文本,将作为第2个链接显示在消息的右下角。

Info Message :: 第二个链接的tpl文件[ ]

插入希望之前所插入文本链接到的文件的文件名(默认为default_link2.tpl)

Info Message :: 显示作者的电子邮件地址[ ]

选择所有者电子邮件地址的对齐方式。

选择有:

  • 不显示
  • 左对齐
  • 右对齐



ALBUM :: 其他页面[ ]

应用于相册其他页面的设定。可在"album.tpl","navigatorTop.tpl"中实现。
以下设定将会应用于相册的其他页面,而不会应用于首页。
显示标题(选择位置)[ ]

选择相册标题的显示位置。 选择有:

  • 显示在顶部,左对齐-于缩略图表格之上
  • 显示在顶部,右对齐-于缩略图表格之上
  • 在缩略图边上 – 于缩略图表格边上
显示描述[ ]

选择相册描述信息的显示位置。 选择有:

  • 显示在顶部,左对齐-于缩略图表格之上
  • 显示在顶部,右对齐-于缩略图表格之上
  • 在缩略图边上 – 于缩略图表格边上
显示所有者[ ]

显示相册的所有者。

显示日期[ ]

显示相册的日期。

显示大小(内含的项目数量)[ ]

显示相册大小。

显示查看次数[ ]

显示相册的查看次数。

显示评分[ ]

显示相册的评分。

显示信息(选择日期,尺寸,查看次数和评分的显示位置)[ ]

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

选择有:

  • 不显示- 以上的选项都不会被显示。
  • 显示在顶部
  • 显示在缩略图旁
在顶部导航中显示一个"Add Album to Cart"的按钮[ ]

(对"Checkout"模块必须进行权限设定)

当购物车不为空时显示一个"View Cart"的按钮[ ]

(对"Checkout"模块必须进行权限设定)

在顶部导航中显示一个"Add a Comment"的按钮[ ]

(必须进行权限设定)

选择有:

  • 不显示
  • 点击显示添加评论的浮动框
  • 点击重新导向至评论添加页面
在顶部导航中显示一个"View Comments"的按钮[ ]

(必须进行权限设定)


在缩略图下显示带有评论的静态区块(必须设定权限)[ ]

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

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

前面所选的区块在:

显示在相册页面上的区块

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

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



ALBUM :: 项目[ ]

应用于相册视图上项目的设定。可在"album.tpl"中实现。 请注意,如果选择太多"显示类型的"选项的话,速度会受很很大的影响!

Items :: 相册边框[ ]

选择显示在相册缩略图周围的边框。

模块:ImageFrame必须处于活动状态。
下载:181KB (zip)89KB (tar.gz)
Items :: 项目边框[ ]

选择显示在相片缩略图周围的边框。

模块:ImageFrame 必须处于活动状态。
下载:181KB (zip)89KB (tar.gz)
Items :: 设定缩略图的透明度[ ]

选择范围从10%到100%

Items :: 设定缩略图的悬停状态透明度[ ]

选择范围从10%到100%


Items :: 缩略图边界宽度 (px)[ ]
Items :: 缩略图边界颜色[ ]
Items :: 缩略图的水平填充 (px)[ ]

输入缩略图间水平距离,单位为px

Items :: 缩略图的垂直填充(px)[ ]

输入缩略图间垂直距离,单位为px

Items :: 在浮动内容之下显示所需信息[ ]

如未经检查:

  1. 含有缩略图的表格会具有80%的屏幕宽度。
  2. 你会在个缩略图下看到缩略图信息。

如经检查:

  1. 表格宽度会按照缩略图宽度及数量而进行浮动。
  2. 你不会看到任何缩略图相关的信息,出得点击各缩略图顶部左侧的"info按钮"
  • 其下的选项- "Items :: 显示显示浮动信息的按钮"必须经过检查以在浮动框中显示"info按钮"和相关信息。
Items :: 显示浮动信息的按钮[ ]

在各缩略图的顶部左侧悬浮显示'"info button",点击它的话就会在浮动框中显示以下所选的信息和按钮。

Items :: 显示标题[ ]

选择有:

  • 对于相册和相片:会在所有缩略图之下显示标题
  • 仅对相册:在相册缩略图下显示标题
  • 仅对相片:在项目缩略图下显示标题
  • 仅在相册相片浮动框中:显示缩略图标题,但仅在各浮动框中
  • 仅在相册浮动框中:在相册缩略图下显示标题,但仅在各浮动框中
  • 仅在相片浮动框中:在项目缩略图下显示标题,但仅在各浮动框中
Items :: 显示描述信息[ ]

选择有:

  • 对于相册和相片
  • 仅对相册
  • 仅对相片
  • 仅在相册相片浮动框中
  • 仅在相册浮动框中
  • 仅在相片浮动框中
Items :: 显示摘要[ ]

选择有:

  • 对于相册和相片
  • 仅对相册
  • 仅对相片
  • 仅在相册相片浮动框中
  • 仅在相册浮动框中
  • 仅在相片浮动框中



其下选项显示的特殊情况:

  1. Show info selected below floating未经检查则在打开页面
  2. Show info selected below floating已经检查则在浮动框中

Items :: 显示日期[ ]

选择有:

  • 对于相册和相片
  • 仅对相册
  • 仅对相片
Items :: 显示所有者(如在顶部选择了"Show image owners"和/或"Show album owners")[ ]

选择有:

  • 对于相册和相片
  • 仅对相册
  • 仅对相片
Items :: 显示尺寸(仅当项目为某相册时)[ ]
Items :: 显示查看次数[ ]

选择有:

  • 对于相册和相片
  • 仅对相册
  • 仅对相片
Items :: 显示摘要(评论数,评分等)[ ]

选择有:

  • 对于相册和相片
  • 仅对相册
  • 仅对相片

会显示评论数量,评分及关键词等…

覆盖"ALBUM - Items :: 显示评分模式 (要使用此选项,"Show summaries"必须被设为"No")"

评分会被显示在其他所有摘要的结尾(这是外观主题所无法控制的)。

所有摘要会被显示而"ALBUM - Items :: 显示评分模式 "会起效,从而为各项目显示复式评分模式。

Items :: 显示评分模式 (要使用此选项,"Show summaries"必须被设为"No")[ ]

选择有:

  • 对于相册和相片
  • 仅对相册
  • 仅对相片

会被ALBUM - Items :: 显示评分模式 (要使用此选项,"Show summaries"必须被设为"No")覆盖

记住:

安装模块:Rating
下载:72KB (zip)31KB (tar.gz)

并:

  1. 在站点管理页面配置评分设定;
  2. 编辑相册并在页面底部的"Album"标签中"为该相册启用评分模式";
  3. 对权限进行编辑。
Items :: 为不具children的项目显示一个"Add to Cart"按钮[ ]
Items :: 显示一个"Add a Comment"按钮[ ]

选择有:

  • 不显示Do not show
  • 点击则显示一个浮动框,用以添加评论
  • 点击则重新定向至评论添加(Add Comments)页面
Items :: 显示一个"View Comments"按钮[ ]
Items :: 显示一个"Show EXIF"按钮[ ]
Items :: 显示一个"Send eCard"按钮[ ]



PHOTO[ ]

应用于相片视图的设定。可在"navigatorPhoto.tpl,navigatorThumbs,navigatorTop.tpl,photo.tpl,photoNavOver.tpl,Photosizes.tpl"中实现。

相片框[ ]

选择显示在相片周围的边框。

必须激活模块:ImageFrame
下载:181KB (zip)89KB (tar.gz)
图片边界宽度 (px)[ ]
图片边界色[ ]
显示相片导航图标(选择位置)[ ]

选择有:

  • 不显示
  • "相片导航条"位于图片之上
  • "相片导航条"位于图片之下
  • "相片导航条"位于图片的上下
显示全尺寸相片弹出窗口的导航图标[ ]

选择有:

  • 不显示
  • 显示弹出导航图标
  • 即使当前视图为全尺寸图片也进行显示