在页面内容TYPO3中为图像创建自定义布局6

时间:2013-09-11 07:47:21

标签: css image typo3

Typo3提供了向页面内容添加多个图像的选项,但所有图像都包含在一些默认的<div>标记下。我希望这些图片包含在<ul> and <li>标记下,并将自己的自定义CSS ids and classes提供给它。

TYPO3上没有太多资源可供我解决此问题。 TYPO3可以允许为页面内容元素使用自定义标签吗?

更新

来自Jost的答案能够显示我的图像,但如何分割图像细节?

我的每张图片都有title, alt-text, image-path and image-link。现在,使用TypoScript如何检索它,因为每个细节都必须放在单独的标签中。

2 个答案:

答案 0 :(得分:1)

检查TypoScript对象浏览器。在那里,您将找到对象tt_content,其中包含内容元素的呈现定义。图像的渲染定义可在tt_content.image.20找到,例如

tt_content.image.20.imageStdWrap.dataWrap = <div class="csc-textpic-imagewrap" style="width:{register:totalwidth}px;"> | </div>

这里给出的默认定义通常由CSS样式内容的静态TypoScript提供。您可以在自己的TS中覆盖它们,但是当更新到较新的TYPO3版本时,默认模板可能会更改,这可能会导致其他包装。

<强>更新

TYPO3中的大多数内容呈现都是在TypoScript对象tt_content中定义的。您可以通过选择“模板”模块和相关页面浏览将在页面上使用的所有TS对象,然后在窗口顶部的选择框中选择“TypoScript对象浏览器”。要了解这些内容的含义,必须了解TypoScript(TutorialReference)。

您可以添加自己的TypoScript,它可能会覆盖现有设置。您也可以在模板模块中执行此操作,但通常可以通过在fileadmin文件夹中的某处创建包含脚本的文件并将其包含在Template模块中来完成。

以上功能可让您编辑页面的标记。 (附加)CSS通常在外部文件中定义,这些文件包含在PAGE对象中(参见相关参考文献)。

答案 1 :(得分:1)

这篇文章有点旧,但我想添加以下内容:

如果您想了解如何包装不同的内容元素,您可以查看css_styled_content扩展名。我假设您已在主要的Typoscript模板中包含“静态模板(来自扩展名)”。 你可以在这里找到setup.txt: TYPO3 / sysext / css_styled_content /静态/ SETUP.TXT

例如,你会在第860行(TYPO3版本6.1)中找到Jost提到的那一行。当然还有很多其他定义。 但请查看有关typo3.org的文档和教程。

HTH merzilla