如何在 typo3 6.2 中添加字体大小选择器?
How can I add a fontsize selector in typo3 6.2?
我想在 typo3 6.2 中添加字体大小选择器。所以我创建了以下三个文件:
fontsize_normal.css
fontsize_medium.css
fontsize_large.css
相关的错字设置如下:
config {
linkVars = L(0-2)
uniqueLinkVars = 1
}
obj.fontsize = COA
obj.fontsize {
1 = TEXT
1.wrap = <div>|</div>
1.value = A
1.value.typolink.parameter.data = page:uid
1.value.typolink.additionalParams = &L=0
2 < .1
2.wrap = <div>|</div>
2.value = A+
2.value.typolink.additionalParams = &L=1
3 < .1
3.wrap = <div>|</div>
3.value = A++
3.value.typolink.additionalParams = &L=2
}
但是如果我包含 css 我会得到一个空白屏幕,所以应该是哪里出了问题
page = PAGE
page {
includeCSS {
[globalVar = GP:L = 0]
selectorcss = fileadmin/system/Public/Css/fontsize_normal.css
[globalVar = GP:L = 1]
selectorcss = fileadmin/system/Public/Css/fontsize_medium.css
[globalVar = GP:L = 2]
selectorcss = fileadmin/system/Public/Css/fontsize_large.css
[global]
}
}
这里有多个问题:
'L' 用作语言变量。使用它(不禁用它)将与 TYPO3 的语言选择发生冲突。您将需要创建自己的变量。
不能在您的错字中使用条件:
[globalVar = GP:L = 0]
page = PAGE
page {
includeCSS {
selectorcss = fileadmin/system/Public/Css/fontsize_normal.css
}
}
[global]
虽然您可以使用错别字创建字体大小选择器,但我认为 javascript 方法会更容易和灵活得多。
它会让你选择操纵你的 DOM (或替换你的样式表,或加载一个新的样式表,或设置一个新的 body font-size ,等等......)并且你可以在 cookie 中保护你的设置进一步使用。
从可用性的角度来看,字体大小选择器已过时:用户可以在浏览器中设置自己的字体大小,字体大小应该是相对的(使用 em 而不是 px)。
我想在 typo3 6.2 中添加字体大小选择器。所以我创建了以下三个文件:
fontsize_normal.css
fontsize_medium.css
fontsize_large.css
相关的错字设置如下:
config {
linkVars = L(0-2)
uniqueLinkVars = 1
}
obj.fontsize = COA
obj.fontsize {
1 = TEXT
1.wrap = <div>|</div>
1.value = A
1.value.typolink.parameter.data = page:uid
1.value.typolink.additionalParams = &L=0
2 < .1
2.wrap = <div>|</div>
2.value = A+
2.value.typolink.additionalParams = &L=1
3 < .1
3.wrap = <div>|</div>
3.value = A++
3.value.typolink.additionalParams = &L=2
}
但是如果我包含 css 我会得到一个空白屏幕,所以应该是哪里出了问题
page = PAGE
page {
includeCSS {
[globalVar = GP:L = 0]
selectorcss = fileadmin/system/Public/Css/fontsize_normal.css
[globalVar = GP:L = 1]
selectorcss = fileadmin/system/Public/Css/fontsize_medium.css
[globalVar = GP:L = 2]
selectorcss = fileadmin/system/Public/Css/fontsize_large.css
[global]
}
}
这里有多个问题:
'L' 用作语言变量。使用它(不禁用它)将与 TYPO3 的语言选择发生冲突。您将需要创建自己的变量。
不能在您的错字中使用条件:
[globalVar = GP:L = 0]
page = PAGE
page {
includeCSS {
selectorcss = fileadmin/system/Public/Css/fontsize_normal.css
}
}
[global]
虽然您可以使用错别字创建字体大小选择器,但我认为 javascript 方法会更容易和灵活得多。 它会让你选择操纵你的 DOM (或替换你的样式表,或加载一个新的样式表,或设置一个新的 body font-size ,等等......)并且你可以在 cookie 中保护你的设置进一步使用。
从可用性的角度来看,字体大小选择器已过时:用户可以在浏览器中设置自己的字体大小,字体大小应该是相对的(使用 em 而不是 px)。