[TYPO3-UG Spain] Cambio de tamaño de letra
Nicolas Puente
nicolas.puente at lgb-rlp.de
Tue Dec 9 09:27:28 CET 2008
Fabiola,
ayer me puse a jugar con un script y al final pude hacer un cambio como
quería. Por si a alguien le interesa aquí va el script:
En el template:
<DIV id="head_menu">
Schrift:###SCHRIFT### ###DRUCKVERSION###
</DIV>
En el setup:
temp.SCHRIFT = COA
temp.SCHRIFT {
cambio de letra a 1.11em
1 = HTML
1.value = größer (más grande)
1.value.wrap = |
1.value.typolink.parameter.data = page:uid
1.value.typolink.additionalParams = &Fsize=3
# Para poner una barra vertical que separe los links.
2 = HTML
2.value = |
2.value.wrap = |
#cambio de letra a 0.91em
3 < temp.SCHRIFT.1
3 = HTML
3.value = kleiner (más Pequeña)
3.value.wrap = |
3.value.typolink.parameter.data = page:uid
3.value.typolink.additionalParams = &Fsize=1
4 = HTML
4.value = |
4.value.wrap = |
}
# Este es el tipo por defecto
[globalVar = GP:Fsize=1]
temp.SCHRIFT >
temp.SCHRIFT = COA
temp.SCHRIFT {
#cambio de letra a 1em
1 = HTML
1.value = größer
1.value.wrap = |
1.value.typolink.parameter.data = page:uid
1.value.typolink.additionalParams = &Fsize=2
2 = HTML
2.value = |
2.value.wrap = |
}
[end]
[globalVar = GP:Fsize=3]
temp.SCHRIFT >
temp.SCHRIFT = COA
temp.SCHRIFT {
#cambio de letra a 1.21em
1 = HTML
1.value = größer
1.value.wrap = |
1.value.typolink.parameter.data = page:uid
1.value.typolink.additionalParams = &Fsize=4
2 = HTML
2.value = |
2.value.wrap = |
#cambio de letra a 1.00em
3 < temp.SCHRIFT.1
3 = HTML
3.value = kleiner
3.value.wrap = |
3.value.typolink.parameter.data = page:uid
3.value.typolink.additionalParams = &Fsize=2
4 = HTML
4.value = |
4.value.wrap = |
}
[end]
[globalVar = GP:Fsize=4]
temp.SCHRIFT >
temp.SCHRIFT = COA
temp.SCHRIFT {
#cambio de letra a 1.31em
1 = HTML
1.value = größer
1.value.wrap = |
1.value.typolink.parameter.data = page:uid
1.value.typolink.additionalParams = &Fsize=5
2 = HTML
2.value = |
2.value.wrap = |
#cambio de letra a 1.11em
3 < temp.SCHRIFT.1
3 = HTML
3.value = kleiner
3.value.wrap = |
3.value.typolink.parameter.data = page:uid
3.value.typolink.additionalParams = &Fsize=3
4 = HTML
4.value = |
4.value.wrap = |
}
[end]
[globalVar = GP:Fsize=5]
temp.SCHRIFT >
temp.SCHRIFT = COA
temp.SCHRIFT {
#cambio de letra a 1.41em
1 = HTML
1.value = größer
1.value.wrap = |
1.value.typolink.parameter.data = page:uid
1.value.typolink.additionalParams = &Fsize=6
2 = HTML
2.value = |
2.value.wrap = |
#cambio de letra a 1.21em
3 < temp.SCHRIFT.1
3 = HTML
3.value = kleiner
3.value.wrap = |
3.value.typolink.parameter.data = page:uid
3.value.typolink.additionalParams = &Fsize=4
4 = HTML
4.value = |
4.value.wrap = |
}
[end]
[globalVar = GP:Fsize=6]
temp.SCHRIFT >
temp.SCHRIFT = COA
temp.SCHRIFT {
#cambio de letra a 1.31em
1 = HTML
1.value = kleiner
1.value.wrap = |
1.value.typolink.parameter.data = page:uid
1.value.typolink.additionalParams = &Fsize=5
2 = HTML
2.value = |
2.value.wrap = |
}
[end]
.........................
page.includeCSS{
............
file2 = fileadmin/internet_vor/styles/style_2.css
file2.media = all
file2.title = stylsheet für die Ausgabe an Bildschirm
}
.......
page.10.TEMPLATE.ACCESSKEY < temp.ACCESSKEY
.............................
[globalVar = GP:Fsize=1]
seite.includeCSS.file2 = fileadmin/internet_vor/styles/style_1.css
seite.includeCSS.file2.media = all
seite.includeCSS.file2.title = stylsheet für die Ausgabe an Bildschirm
config.linkVars = Fsize
seite.headerData.988=TEXT
seite.headerData.988.value(
<meta name="robots" content="noindex,nofollow" />
)
[end]
[globalVar = GP:Fsize=2]
seite.includeCSS.file2 = fileadmin/internet_vor/styles/style_2.css
seite.includeCSS.file2.media = all
seite.includeCSS.file2.title = stylsheet für die Ausgabe an Bildschirm
config.linkVars = Fsize
seite.headerData.988=TEXT
seite.headerData.988.value(
<meta name="robots" content="noindex,nofollow" />
)
[end]
[globalVar = GP:Fsize=3]
seite.includeCSS.file2 = fileadmin/internet_vor/styles/style_3.css
seite.includeCSS.file2.media = all
seite.includeCSS.file2.title = stylsheet für die Ausgabe an Bildschirm
config.linkVars = Fsize
seite.headerData.988=TEXT
seite.headerData.988.value(
<meta name="robots" content="noindex,nofollow" />
)
[end]
[globalVar = GP:Fsize=4]
seite.includeCSS.file2 = fileadmin/internet_vor/styles/style_4.css
seite.includeCSS.file2.media = all
seite.includeCSS.file2.title = stylsheet für die Ausgabe an Bildschirm
config.linkVars = Fsize
seite.headerData.988=TEXT
seite.headerData.988.value(
<meta name="robots" content="noindex,nofollow" />
)
[end]
[globalVar = GP:Fsize=5]
seite.includeCSS.file2 = fileadmin/internet_vor/styles/style_5.css
seite.includeCSS.file2.media = all
seite.includeCSS.file2.title = stylsheet für die Ausgabe an Bildschirm
config.linkVars = Fsize
seite.headerData.988=TEXT
seite.headerData.988.value(
<meta name="robots" content="noindex,nofollow" />
)
[end]
[globalVar = GP:Fsize=6]
seite.includeCSS.file2 = fileadmin/internet_vor/styles/style_6.css
seite.includeCSS.file2.media = all
seite.includeCSS.file2.title = stylsheet für die Ausgabe an Bildschirm
config.linkVars = Fsize
seite.headerData.988=TEXT
seite.headerData.988.value(
<meta name="robots" content="noindex,nofollow" />
)
[end]
Esto funciona así:
El usuario hace clic en uno de los links y cambia el tamaño de la letra.
Lo único es que se carga cada vez un css (style_1.css, style_2.css,
style_3.css, style_4.css, etc.) nuevo que contiene lo siguiente:
body {
font-size: 1em;
}
dependiendo del tamaño de letra ceseado.
Eso es todo.
Ahora me toca pelear con el redimensionado de imágenes.
Saludos.
More information about the TYPO3-UG-spain
mailing list