Einige Fragen

renegade · #1 04.12.05, 01:29

a.) zu den Untermenüs: ist es möglich das die Untermenüs näher an dem dazugehörigen Menüpunkt sind und ein wenig mehr Abstand zum Nachfolgenden.
also: den Abstand nach dem Hauptmenüpunkt verringern, den Abstand vor dem Hauptmenüpunkt vergrößern.

b.) zu den Rollovers bei dem Menü: ist es möglich, bei "Mouseover" auch die Punkte "einzufärben" (und etwas größer zu machen)?

c.) Menü: Wenn ich die Punkte größer mache oder die Schrift im Untermenü vergrößere sieht man in den Untermenüs auch die Punkte, gibt es da eine Möglichkeit die Punkte weg zubekommen?

d.) Layout: Ich habe die Designvorlage mit Tabellen gemacht und auch überall werte eingegeben, doch auf manchen Seiten springt das ganze, wal wird eine Zeile größer, dann wieder kleiner, ect. Gibt es eine Möglichkeit das es auf allen Seiten gleich aussieht? Mich nervt die Content-abhängige Hüpferei der Seiten. Das sollte so nicht sein, denke ich, oder?

e.) Hyperlinkfarbe: Kann ich irgendwie die Farbe von nur einem Hyperlink ändern? dieser wird auch über einen eigenen Marker angesprochen, ###KLICKPFAD###

Hier nun mal der Typoscript von der Seite

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:

[size=2]#Sprachwechsler
config.linkVars = L
config.sys_language_uid = 0
config.language = de
page = PAGE
page {
typeNum = 0
#Admin Panel
config.admPanel = 1
admPanel {
enable.edit = 1
}

# Allgemeine Seiteneigenschaften setzen
bodyTag = <body bgcolor="#FFFFFF" topmargin="0" leftmargin="0">
meta.AUTHOR = renegade
meta.DESCRIPTION = Hier steht eine Beschreibung
stylesheet = fileadmin/style.css
# Die Designvorlage integrieren
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/vorlage.html
10.workOnSubpart = DOKUMENT

10.marks {
# Den Platzhalter HEADER ansprechen
HEADER = TEXT
HEADER.value = <h1> H&S Development </h1>

#Sprache
SPRACHE = TEXT
SPRACHE {
field = uid
wrap = <a href="index.php?id=|&L=1">English </a>
}

#Login
LOGIN = HMENU
LOGIN {
special = directory
special.value = 2
1 = GMENU
1.NO = 1
1.NO {
wrap = |
XY = 80,24
backColor = #000000
# Text für das Menü
10 = TEXT
10.text.field = title
10.fontColor = #FFFFFF
10.fontFile = fileadmin/fonts/arial.ttf
10.fontSize = 9
10.offset = 14, 16
}
}

# Den Platzhalter COPY ansprechen
COPY = TEXT
COPY.value = <h4> (c)H&S 2005 </h4>

# Klickpfad einbauen
KLICKPFAD = COA
KLICKPFAD {
# Den Vorgeschaltenen Text ansprechen
10 = TEXT
10.value = Sie befinden sich hier:  

# Den Klickpfad an position 20 darstellen
20 = HMENU
20 {
special = rootline
special.range = 1|-1
1 = TMENU
1.NO = 1
1.NO.linkWrap = | / 
}
}
# Datum
DATUM = COA_INT
DATUM {
# Begrüßung
10 = TEXT
10 {
wrap = |Heute ist der 
}
# aktuelles Datum ausgeben
20 = TEXT
20 {
data = date:d.M.Y
}
}
# Das Logo einlesen
LOGO = IMAGE
LOGO.file = fileadmin/images/hs.jpg
# Seiteninhalt auslesen
INHALT01 = CONTENT
INHALT01{
table = tt_content
select.oderBy = sorting
select.where = colPos = 0
select.languageField = sys_language_uid
}

# Seiteninhalt 02 auslesen
INHALT02 = CONTENT
INHALT02{
table = tt_content
select.orderBy = sorting
select.where = colpos=2
}

# Grafisches Menü
MENU = HMENU
MENU {
special = directory
special.value = 1
1 = GMENU
1.NO = 1
1.NO {
wrap = |<br>
XY = 120,24
backColor = #C0C0C0
# Text für das Menü
10 = TEXT
10.text.field = title
10.fontColor = #666666
10.fontFile = fileadmin/fonts/arial.ttf
10.fontSize = 9
10.offset = 14, 16
# Grafik im Menü
20 = IMAGE
20.file = fileadmin/images/kreis-grau.jpg
20.offset = 0, 10
}
#Einen RollOver Zustand beschreiben
1.RO < .1.NO
1.RO.10.fontColor = #ff0000
1.RO.10.fontSize = 10
1.SPC < .1.NO
1.SPC.10.fontColor = #ffffff
1.SPC.XY = 190,10

#Die zweite Navigationsebene
2 < .1
2.NO{
XY = 190,15

backColor = #C0C0C0
10.fontFile = fileadmin/fonts/arial.ttf
10.fontColor = #666666
10.fontSize = 9
10.offset = 20, 10
}
2.RO < .2.NO
2.RO.10.fontColor = #ff0000
2.RO.10.fontSize = 9
#Die dritte Navigationsebene
3 < .1
3.NO{
XY = 190,15
backColor = #C0C0C0
10.fontFile = fileadmin/fonts/arial.ttf
10.fontColor = #666666
10.fontSize = 8
10.offset = 33, 10
}
3.RO < .3.NO
3.RO.10.fontColor = #ff0000
}

# Kunden Menü
KUNDEN = HMENU
KUNDEN {
special = directory
special.value = 18
1 = GMENU
1.NO = 1
1.NO {
wrap = |<br>
XY = 120,24
backColor = #C0C0C0
# Text für das Menü
10 = TEXT
10.text.field = title
10.fontColor = #666666
10.fontFile = fileadmin/fonts/arial.ttf
10.fontSize = 9
10.offset = 14, 16

# Grafik im Menü
20 = IMAGE
20.file = fileadmin/images/kreis-grau.jpg
20.offset = 0, 10
}
#Einen RollOver Zustand beschreiben
1.RO < .1.NO
1.RO.10.fontColor = #ff0000
1.RO.10.fontSize = 10
1.SPC < .1.NO
1.SPC.10.fontColor = #ffffff
1.SPC.XY = 190,10

#Die zweite Navigationsebene
2 < .1
2.NO{
XY = 190,15

backColor = #C0C0C0
10.fontFile = fileadmin/fonts/arial.ttf
10.fontColor = #666666
10.fontSize = 9
10.offset = 20, 10
}
2.RO < .2.NO
2.RO.10.fontColor = #ff0000
2.RO.10.fontSize = 9
#Die dritte Navigationsebene
3 < .1
3.NO{
XY = 190,15
backColor = #ffffff
10.fontFile = fileadmin/fonts/arial.ttf
10.fontColor = #666666
10.fontSize = 8
10.offset = 33, 10
}
3.RO < .3.NO
3.RO.10.fontColor = #ff0000
}

# Grafisches Sitemapmenü
SITEMAP = HMENU
SITEMAP {
special = directory
special.value = 16
1 = GMENU
1.NO = 1
1.NO {
wrap = |
XY = 80,24
backColor = #000099
# Text für das Menü
10 = TEXT
10.text.field = title
10.fontColor = #FFFFFF
10.fontFile = fileadmin/fonts/arial.ttf
10.fontSize = 9
10.offset = 14, 16
}
}

} #Page
} # Marker

# Englisch
[globalVar = GP:L=1]
config.sys_language = 1
config.language = en
page.10.marks.SPRACHE.wrap = <a href="index.php?id=|&L=0">Deutsch</a>
[global]
[/size]

und der Link zu der Seite
http://www.hsdevelopment.at/index.php

Ich hoffe ihr könnt mir bei meinen Fragen helfen.
Sage schonmal Danke

**mavo** · #2 04.12.05, 10:42

Hallo renegade,

spontan würde ich sagen, du kanst alles mit CSS so anpassen, wie du es hier beschrieben hast. Natürlich ist diese Antwort für dich jetzt sehr unbefriedigend, denk ich mal. Am besten du schaust dich mal auf der Seite www.css4you.de um. Diese ist sehr gut gemacht und ich habe schon etliches nachschauen können. Alternativ ist auch "Selfhtml" zu empfehlen, die ihre CSS Sektion deutlich ausgebaut haben.

Im Allgemeinen kannst du ja alle Menüs mit Wraps und LinkWraps schön mit <DIV> und <SPAN> einhüllen und diesen CSS-Tags zuweisen.

Zu a)
z.B: margin-bottom: 10px

Zu b)
Hier kommt es darauf an, wie du deine Aufzählungspunkt erstellst. Wenn du das mit <UL> und <LI> machst, dann kannst du das wieder mit CSS steuern und ein Aufzählungszeichen definieren. Mit Typo3Script musst du das RO ein bisschen anpassen...

Zu c)
Siehe oben. Verschiedene KLassen für das Menü und das Untermenü und diese dementsprechend anpassen.

Zu d)
Da muss ich mir erst den Quellcode genauer anschauen... Meist sind aber Bilder schuld, so war das bei mir mal.

Zu e)
CSS-Tags wrappen! ;-)

Wenn noch Fragen sind, dann meld dich halt.

renegade · #3 05.12.05, 10:01

Zitat:

Zitat von mavo

Hallo renegade,

spontan würde ich sagen, du kanst alles mit CSS so anpassen, wie du es hier beschrieben hast. Natürlich ist diese Antwort für dich jetzt sehr unbefriedigend, denk ich mal. Am besten du schaust dich mal auf der Seite www.css4you.de um. Diese ist sehr gut gemacht und ich habe schon etliches nachschauen können. Alternativ ist auch "Selfhtml" zu empfehlen, die ihre CSS Sektion deutlich ausgebaut haben.

Im Allgemeinen kannst du ja alle Menüs mit Wraps und LinkWraps schön mit <DIV> und <SPAN> einhüllen und diesen CSS-Tags zuweisen.

Zu a)
z.B: margin-bottom: 10px

Zu b)
Hier kommt es darauf an, wie du deine Aufzählungspunkt erstellst. Wenn du das mit <UL> und <LI> machst, dann kannst du das wieder mit CSS steuern und ein Aufzählungszeichen definieren. Mit Typo3Script musst du das RO ein bisschen anpassen...

Zu c)
Siehe oben. Verschiedene KLassen für das Menü und das Untermenü und diese dementsprechend anpassen.

Zu d)
Da muss ich mir erst den Quellcode genauer anschauen... Meist sind aber Bilder schuld, so war das bei mir mal.

Zu e)
CSS-Tags wrappen! ;-)

Wenn noch Fragen sind, dann meld dich halt.

danke schonmal
aber kannst du mir einen TS Code Beispiel posten?
Weiß nämlich nicht wie ich das mit dem punkt b. anpassen soll.
Hab da eine grafik und die mit Typoscript eingefügt, siehe im Code, Grafik im Menü.

und wie bring ich das mit "margin-bottom: 10px" hin? sry hab da wirklich noch nicht viel ahnung, am leichtesten merke ich es mir wenn ich einen Script sehe wo es schon geht.

**mavo** · #4 06.12.05, 10:09

Hi,

sorry, dass ich mich nicht gemeldet habe. Habe wohl irgendwie die Benachrichtigungsemail überlesen bzw. in der Flut übersehen

Danke, dass du mich noch mal per PM errinnert hast:

Zu a) und b)

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:

temp.menuLeft = HMENU
temp.menuLeft.1 = TMENU
temp.menuLeft.entryLevel = 1
temp.menuLeft.1.expAll = 0
temp.menuLeft.1{
target = _self
NO.allWrap =  <UL class=MenuLeft> |</UL>
NO.linkWrap = <LI class=MenuLeft>  |</LI>

RO < .NO
RO = 1
RO.linkWrap = <LI class=MenuLeft>  |</LI>

ACT < .NO
ACT = 1
ACT.linkWrap = <LI class=MenuLeft>  |</LI>
}
temp.menuLeft.2 = TMENU
temp.menuLeft.2.expAll = 0
temp.menuLeft.2{
target = _self
NO.allWrap =  <UL class=SubMenuLeft> |</UL>
NO.linkWrap = <LI class=SubMenuLeft>-   | </LI>

RO < .NO
RO = 1
ACT < .NO
ACT = 1
}

Hier wird jeweils um ein TMENU (1. und 2. Ebene) eine Liste mit der Klasse "MenuLeft" gewrappt. Der dazugehörige CSS Tag war bei mir, weil das DIV vom Menü die ID=LEFT hatte:

Code:

#LEFT UL.MenuLeft {  LIST-STYLE-TYPE: none }
#LEFT UL.MenuLeft LI {
	margin-top: 10px;
	padding: 6px 0px 6px 0px;
	FONT-WEIGHT: bold;
	font-size: 12px;
	line-height: 25px;
	vertical-align: middle;
}

Um den Rollover Effekt zu erhalten musst du einfach bei RO eine weitere Klasse, zB linkfarbe, mit einer Schriftformation (für Links) wrappen:

Typoscript-Code:

1:	temp.menuLeft.1.RO.linkWrap = <LI class=MenuLeft linkfarbe> \|</LI>

Wenn du das mit einem GMENU machen willst, dann ist das natürlich noch einfacher...

Aber welche Punkte meinst du den bei b) genau. Gib mal die URL des Menüs, dann weiß ich vielleicht was du meinst

**mavo** · #5 06.12.05, 10:11

wegerm Menü:

Cross-Posting zu einem anderen Thread im Forum:
http://www.typo3forum.net/typo3-3-8-...-anpassen.html

renegade · #6 06.12.05, 10:16

Zitat:

Zitat von mavo

wegerm Menü:

Cross-Posting zu einem anderen Thread im Forum:
http://www.typo3forum.net/typo3-3-8-...-anpassen.html

dort habe ich es genauer beschrieben und einige weitere punkte

renegade · #7 06.12.05, 10:29

Zitat:

Zitat von mavo

Wenn du das mit einem GMENU machen willst, dann ist das natürlich noch einfacher...

Aber welche Punkte meinst du den bei b) genau. Gib mal die URL des Menüs, dann weiß ich vielleicht was du meinst

Erstmal danke für die Antwort, ja mach das alles mit dem GMenu

die url zu den punkten
.../fileadmin/images/kreis-grau.jpg
das soll der kleine graue werden, der standartmäßig angezeigt wird

.../fileadmin/images/kreis_blau.gif
der soll bei Rollover erscheinen

und wie du auf der seite selbst siehst, sind die untermenüpunkte verschoben, die würde ich gerne zentrieren, bzw mit dem XY ausrichten, wie ich es bei der normalen Grafik auch gemacht habe

renegade · #8 06.12.05, 12:56

hab jetzt alles geschaft, ausser das mit dem Abstand nach jedem Untermenü

**Junior** · #9 08.12.05, 15:51

Bitte mach in Zukunft nur ein Thema auf zu einem Problem, nicht mehrere. Danke und lieben Gruss. Junior

Suche

Userpanel

Einige Fragen