hi andi,
....noch nicht da ich lokal entwickle aber wenn du Dir die Arbeit machen willst hier die Designvorlage (natürlich noch nicht ganz fertig)
<!-- ###DOKUMENT### begin-->
<meta http-equiv="imagetoolbar" content="no" />
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<link href="../css/sommerstyleneu.css" rel="stylesheet" type="text/css" />
<div id="linetop"><img src="../../images/red_hor.jpg" width="836" height="1" alt="" /></div>
<div id="lineleft"><img src="../../images/red_vert.jpg" width="1" height="768" alt="" /></div>
<div id="linebot"><img src="../../images/red_hor.jpg" width="836" height="1" alt="" /></div>
<div id="lineright"><img src="../../images/red_vert.jpg" width="1" height="768" alt="" /></div>
<div id="trailer">###TRAILER###</div>
<div id="test2">
<div align="center">###IMAGE###</div>
</div>
<div id="navibox">
<div align="center">###MENUE###</div>
</div>
<!-- ###DOKUMENT### end -->
und das dazugehörige css
#linetop {
left: 0px;
top: 160px;
position: absolute;
width: 955;
height: 1;
background-color: #680606;
}
#diebox {
left: 0px;
top: 0px;
position: absolute;
height: 768px;
width: 955px;
background-color: #cccccc;
}
#lineleft {
left: 155px;
top: 0px;
position: absolute;
}
#linebot {
left: 0px;
top: 610px;
position: absolute;
width: 955;
height: 1;
background-color: #680606;
}
#lineright {
left: 836px;
top: 0px;
position: absolute;
}
#test2 {
left: 156px;
top: 161px;
position: absolute;
width: 680px;
height: 450;
}
#navibox {
left: 156px;
top: 161px;
position: absolute;
height: 450px;
width: 217px;
filter:alpha(opacity=80);
-moz-opacity:0.8;
background-color:#FFFFFF;
z-index:1;
}
#menu {
top: 120px;
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #680606;
font-size: 12px;
height: 15px;
width: 120px;
border: 1px solid #680606;
background-color:#c48787;
}
#menu a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}
#menu a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #680606;
}
#menu1 {
top: 287px;
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #680606;
font-size: 12px;
height: 15px;
width: 120px;
border: 1px solid #680606;
filter:alpha(opacity=80);
-moz-opacity:0.8;
background-color:#FFFFFF;
z-index:1;
}
#menu1 a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #c48787;
font-weight: bold;
}
#menu1 a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #680606;
}
#trailer {
left: 161px;
top: 70px;
position: relative;
width: 670;
height: 84;
}
...vielleicht hast Du ja einen Lösungsansatz.
und hier ist noch mein ganzes verwendetes TS:
page = PAGE
page.typeNum = 0
page.noLinkUnderline = 1
page{
###SEITENEIGENSCHAFTEN###
page.bodyTag = <body bgcolor="#FFFFFF" topmargin="0" leftmargin="0">
page.meta.AUTHOR = masta
stylsheet=file
includeCSS{
file1 = fileadmin/css/sommerstyleneu.css
file2 = fileadmin/css/menue.css
}
#stylesheet = fileadmin/css/sommerstyleneu.css
includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
###DESIGNVORLAGE INTEGRIEREN###
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/vorlagen/vorlage.htm
10.workOnSubparts = DOKUMENT
###TRAILER EINBINDEN###
10.marks.TRAILER = IMAGE
10.marks.TRAILER.file = GIFBUILDER
10.marks.TRAILER.file {
backColor =#FFFFFF
XY = 670, 84
###HINTERGRUNDBILD EINLESEN###
10 = IMAGE
10.file = fileadmin/images/trailer.jpg
10.file.import = uploads/media/
10.file.import.data = levelmedia:-1, slide
10.file.import.listNum = 0
10.file.width =670, 84
10.offset = 0, 0
###TEXT AUF DEN TRAILER###
30 = TEXT
30.text.field = subtitle //title
30.fontFile = fileadmin/fonts/Charme_Wd.ttf
30.fontSize =36
30.fontColor = #FFFFFF
#30.niceText =1
30.offset = 30, 60
}
###BILD IN DER MITTE###
10.marks.IMAGE = IMAGE
10.marks.IMAGE.file.import = uploads/media/
10.marks.IMAGE.file.import.data = levelmedia:-1, slide
10.marks.IMAGE.file.import.listNum = 1
10.marks.IMAGE.file {
backColor =#FFFFFF
XY = 600, 450
0ffset=0,0
}
###NAVIBOX###
#10.marks.NAVIBOX = IMAGE
#10.marks.NAVIBOX.file = GIFBUILDER
#10.marks.NAVIBOX.file{
#backColor = #FFFFFF
#transparentBackground=1
#transparentColor = #ffffff
#transparentColor.closest = 1
#XY = 217, 450
#offset = 0, 0
#}
###INHALTE AUSGEBEN###
10.marks.INHALT = CONTENT
10.marks.INHALT {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
select.languageField = sys_language_uid
}
###MENUE###########################################################################################
#########################################
#TMENU
#########################################
10.marks.MENUE = HMENU
10.marks.MENUE {
special = directory
special.value = 2
entryLevel = 1
1 = TMENU_LAYERS
#1.topOffset = 180
1.lockPosition = y
1.leftOffset = 280
#1.useLargestItemX = 1
1.relativeToTriggerItem = 1
1.relativeToParentLayer=1
1.freezeMouseover = 1
1.expAll = 1
1.NO = 1
1.NO.linkWrap = <div id="menu">|</div><br />
2= TMENU_LAYERS
2.expAll = 1
2.NO = 1
2.NO.linkWrap = <div id="menu1">|</div>
}
###LETZTE KLAMMER###
}
###LETZTE KLAMMER###
###CONDITIONS###
#[browser=mozilla]
#page.stylesheet = fileadmin/css/firefox.css
#[else]
#page.stylesheet = fileadmin/css/sommerstyleneu.css
#[global]
Ich würde mich nach wie vor noch um einen Lösungsansatz freuen.
grüße Mario