Hallo,
seit heute morgen um 8 bin ich machen, habe aber noch nichts anstaendiges hinbekommen was mich weiter bringt, darum suche ich euch mal auf. Ich hoffe hier kann mir jemand helfen, sonst verzeweifle ich noch.
Also ich moechte ein Gmenu schaffen, problem (a) es soll dynamisch an die groesse des Title angepasst werden +10px an jeder Seite. Ich weiss irgendwo habe ich es mal gelesen, doch ich habe es weder im MTB I+II, noch im Getting startet gefunden.
Das war jedoch das kleinere Problem, das naechste ist, es hat 3 Punkte, sie sollen 180 hoch und 50 breit sein und die schrift soll senkrecht verlaufen. Das Problem ist bei mir, entweder liegen alle Grafiken uebereinander, oder sie verschwinden aus meinem Blickfeld.
Hier mal meine Codes
<html>
<head>
</head>
<body>
<!-- ###DOKUMENT### -->
<div class="leftmenubackground"></div>
<div id="line-right"></div>
<div id="line-top"></div>
<div id="line-bottom"></div>
<div id="logo"></div>
###MENULEFT###
###MENUTOP###
###MENURIGHT###
###CONTENT###
###ROOTLINE###
###FOOTER###
<!-- ###DOKUMENT### -->
</body>
</html>
Die CSS: (da liegt wohl auch ein problem...
/* Das Menu um das es geht*/
.menuleft
{
/*position:absolute; left:3%; top: 27%;
text-align:center;
padding:12px 0px 0px 0px;*/
position:absolute; left:3%; /*height: 44%; */
display: block;
z-index: 100;
width:80px;
height:450px;
#margin-top:80px;
overflow:hidden;
}
/*Bis Zeile 81 nur grobes statisches Design (Hintergrund, Balken (links,rechts,oben,unten), Logo, Schriftzug */
.leftmenubackground
{
background: url(../gfx/sidebar.png) repeat-y;
position:absolute; left:2%; top: 0%;
width: 90px;
height: 100%;
z-index: 50;
}
#line-top {
background: url(../gfx/line.png) repeat-x;
position:absolute; left:0%; top: 7%;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 100%;
height: 6px;
z-index: 20;
}
#line-bottom {
background: url(../gfx/line.png) repeat-x;
position:absolute; left:0%; top: 96%;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 100%;
height: 6px;
z-index: 30;
}
#line-right {
background: url(../gfx/line-high.png) no-repeat;
position:absolute; left:97%; top: 0%;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 6px;
height: 100%;
z-index: 51;
}
#logo
{
position:absolute; left:3%; top: 7%;
width: 60px;
height: 60px;
background-image:url(../gfx/logo.png);
z-index: 57;
}
/*Grunddesign Ende*/
Und noch das TS
#CSS einbinden
page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/design/css/screen_standard.css
#Template einbinden
page.10 = TEMPLATE
page.10{
template = FILE
template.file = fileadmin/design/templates/template_screen_standard.html
workOnSubpart = DOKUMENT
### Das Menu ###
###wird noch ausgelagert###
marks.MENULEFT = HMENU
marks.MENULEFT.special = list
marks.MENULEFT.special.value = 5,4,3
marks.MENULEFT.1 = GMENU
marks.MENULEFT.1.expAll=1
marks.MENULEFT.1.NO {
#wrap= </br></br></br><div id="menuleft"> | </div>
#wrap = </br> |
wrap = <div class="menuleft">| </div><br />
#XY = [30.w]+15,35
XY = 75,300
#XY = 500,500
#transparentColor.closest = 1
#transparentBackground = 1
backColor = #AA3311
10 = TEXT
10.text.field = title
10.angle = 90
10.fontSize = 20
10.offset = 60,300
10.fontFile = fileadmin/design/truetypefonts/londontube.ttf
10.fontColor = white
10.niceText = 1
}
}
Wie man an der Kommentierung sieht, habe ich auch schon viel rumgespielt ... aber irgendwie steh ich auf dem Schlauch. Ich hoffe hier kann mir jemand helfen.
Nen Screenshot hab ich auch:
http://www.freaksystems.com/fileadmin/user_upload/_temp_/screen.png
Achso, und als letztes waere ich froh wenn mir jemand sagen koennte wie ich das Gmenu format in png aendere.
Vielen Dank
Herby