Navigationsleiste als Text

[cc]

Hallo miteinander,
ich möchte gerne eine Breadcrumb-Zeile einbauen und stelle mir dazu vor:
anfangs immer  'sie sind hier' und dann soll sich der Button natürlich entsprechend der textlänge anpassen.

Als Navi Graphik - geht das nicht, weil teilweise abgeschnitten wenn das Wort länger ist
als Text - geht das auch nicht.

Gibt es dazu einen Tip ?
Danke.
Gabriele

[nettesekel]

Hallo, schön dass du auch wieder da bist... 

Eigentlich beinhaltet die NOF-Navi sowas... schau mal hier, da habe ich es kurz beschrieben und auch einen Beispiellink gepostet https://www.nof-community.de/index.php?topic=1076.msg7197#msg7197

Du kannst da sicher auch die Anzeige von grafisch auf Text umstellen...

[cc]

Ja, das hatte ich gesehen und habe von graphisch auf Text gestellt, aber wie kann ich denn die Textgrösse ändern ? Bei Formatvorlagen gibt es nur TextNavi und dann ändern sich ja alle Textnavis.

[nettesekel]

Ja, wie viele Textnavis hast du denn? 

[cc]

2 möchte ich gerne,
eine 'normale' und eine die für den Navigationspfad kleiner und blasser sein soll

[nettesekel]

Dann würde ich für die "normale" eine einfache CSS-Navigation erstellen und für die BC-Navi die NOF-Möglichkeiten ausschöpfen.

[cc]

? BC-Navi die NOF-Möglichkeiten ausschöpfen

was heisst das ? doch als Graphik ? Aber dann ist ja oft etwas abgeschnitten von der Beschriftung

[nettesekel]

Nein, wenn du für deine normale Text-Navi kein NOF nutzt, sondern eine CSS-Navi erstellst, dann kannst du für deine BC-Navi ja die Textnavi-Einstellungen von NOF so ändern, wie es dir für diese Navi zusagt. Du nutzt dann ja nur noch eine NOF-Textnavi...

[cc]

Auch nach dem Mittagessen... habe ich es nicht verstanden :-)
Ich erkläre mal was ich nicht verstehe:
wenn ich im Text ein Wort verlinke nutzt NOF die Textnavigation, bzw, die Formatierung für Textnavigation, korrekt ?

Wie erstelle ich denn jetzt eine Formatierung ohne das die Textnavi davon berührt wird ?

Hier steht: http://www.*nicht unterstützter Link*/forum/t-eine-css-textnavigation-in-nof
"Standard-Links (Design-Ansicht) dürfen nicht formatiert sein"
aber das ist ja bei mir der Fall denke ich.

[nettesekel]

Nein, ich denke nicht. Du kannst im Design einmal die Textnavigation einstellen und einmal die Verknüpfungen, das wären die Standardlinks und (siehe Screen) die solltest du auf automatisch lassen. Dann  kannst du eine CSS-Navigation erstellen für welche wir übrigens auch Anleitungen haben.
www.nof-community.de/index.php/topic,206.0.html
www.nof-community.de/index.php/topic,219.0.html

Die Einstellungen der Textnavi könntest du dann für deine BC-Navi nutzen.

[cc]

DANKE !
Ich bekommes nicht hin.
Die Textnavigationsleiste brauche ich nicht wirklich, könnte sie also ändern.
Link im Text muss ein anderes Format haben
als die Textnavigationsleiste.
Bei letzterer ist der Pfad aber immer so: ersten beiden Seiten werden in grösserer Schrift angegeben als die auf der der besucher ist.

[nettesekel]

Kannst du das mal testweise online stellen?

[cc]

auf dieser Seite:
http://www.communicanis.de/html/ablauf_dialog.html
ganz unten

[nettesekel]

Poste mal den Code den du im Design unter dem Reiter CSS findest... du scheinst da irgendetwas verstellt zu haben... 

[cc]

Code: HTML5

1. BODY { font-family: Verdana; font-size: 12px; color: rgb(51,51,51); font-weight: normal; font-style: normal; text-decoration: none ; background-color: rgb(255,255,204)}
2.  A:active { font-family: Verdana,             Tahoma,             Arial,             Helvetica,             Sans-serif; font-size: 12px; color: rgb(153,51,51); font-weight: normal; font-style: normal; text-decoration: none }
3.  A:link { font-family: Verdana,                                                                 Tahoma,                                                                 Arial,                                                                 Helvetica,                                                                 Sans-serif; font-size: 12px; color: rgb(153,51,51); text-decoration: none }
4.  A:visited { font-family: Verdana,   Tahoma,   Arial,   Helvetica,   Sans-serif; font-size: 12px; color: rgb(102,102,102); font-weight: normal; font-style: normal; text-decoration: none }
5.  .TextObject { font-family: Verdana; font-size: 12px; color: rgb(51,51,51); font-weight: normal; font-style: normal; text-decoration: none }
6.  H1 { font-family: Verdana; font-size: 12px; color: rgb(128,0,0); font-weight: normal; font-style: normal; text-decoration: none }
7.  H2 { font-family: Verdana; font-size: 14px; color: rgb(128,0,0); font-weight: normal; font-style: normal; vertical-align: baseline; text-decoration: none }
8.  P { font-family: Verdana; font-size: 12px; color: rgb(51,51,51); font-weight: normal; font-style: normal;
9.         text-align : justify;
10.         text-decoration : none}
11.  A { font-family: Verdana,                                                                 Tahoma,                                                                 Arial,                                                                 Helvetica,                                                                 Sans-serif; font-size: 12px; color: rgb(153,0,0); font-weight: normal; font-style: normal; text-decoration: none }
12.  .TextNavBar { font-family: Verdana,      Tahoma,      Arial,      Helvetica,      Sans-serif; font-size: 8px; color: rgb(128,128,128); font-style: italic}
13.  .nof_EmptyStyleBanners2-Default {
14. font-family:verdana; font-size:29px; font-weight:700; font-style:normal; color:#000000
15. }
16.  
17. .nof_EmptyStyleNavbar4-Regular {
18. font-family:Verdana; font-size:11px; font-weight:400; font-style:normal; color:rgb(51,51,51)
19. }
20.  
21. .nof_EmptyStyleNavbar5-Rollover {
22. font-family:Verdana; font-size:11px; font-weight:400; font-style:normal; color:rgb(51,51,51)
23. }
24.  
25. .nof_EmptyStyleNavbar6-Highlighted {
26. font-family:Verdana; font-size:11px; font-weight:normal; font-style:italic; color:rgb(51,51,51)
27. }
28.  
29. .nof_EmptyStyleNavbar7-HighlightedRollover {
30. font-family:Verdana; font-size:11px; font-weight:400; font-style:normal; color:rgb(51,51,51)
31. }
32.  
33. .nof_EmptyStyleNavbar9-Regular {
34. font-family:Verdana; font-size:9px; font-weight:400; font-style:normal; color:#333333
35. }
36.  
37. .nof_EmptyStyleNavbar10-Rollover {
38. font-family:Verdana; font-size:9px; font-weight:400; font-style:normal; color:#333333
39. }
40.  
41. .nof_EmptyStyleNavbar11-Highlighted {
42. font-family:Verdana; font-size:9px; font-weight:normal; font-style:italic; color:rgb(153,51,51)
43. }
44.  
45. .nof_EmptyStyleNavbar12-HighlightedRollover {
46. font-family:Verdana; font-size:9px; font-weight:400; font-style:normal; color:#000000
47. }
48. .nof_EmptyStyleNavbar30-Regular {
49. font-family:Verdana; font-size:10px; font-weight:normal; font-style:italic; color:rgb(153,153,153)
50. }
51.  
52. .nof_EmptyStyleNavbar30-Rollover {
53. font-family:Verdana; font-size:9px; font-weight:normal; font-style:italic; color:rgb(153,153,153)
54. }
55.  
56. .nof_EmptyStyleNavbar30-Highlighted {
57. font-family:Verdana; font-size:9px; font-weight:normal; font-style:italic; color:rgb(153,153,153)
58. }
59.  
60. .nof_EmptyStyleNavbar30-HighlightedRollover {
61. font-family:Verdana; font-size:9px; font-weight:normal; font-style:italic; color:rgb(255,0,0)
62. }
63. h3{     font-family : Verdana;
64.         font-size : 16px;
65.         color : rgb(128,0,0);
66.         font-weight : normal
67. }
68. h4{     font-weight : normal;
69.         font-size : 20px;
70.         font-family : Verdana;
71.         color : rgb(128,0,0)
72. }
73.  
74.  
75.  
76. .nof_EmptyStyleTableStyles33-row3cell1 {
77.         color: rgb(103,114,111);
78.         background-color: transparent
79. }
80.  
81. .nof_EmptyStyleTableStyles33-row3cell2 {
82.         color: rgb(53,68,56);
83.         background-color: transparent
84. }
85.  
86. .nof_EmptyStyleTableStyles33-row2cell1 {
87.         color: rgb(0,114,111);
88.         background-color: rgb(255,255,204)
89. }
90.  
91. .nof_EmptyStyleTableStyles33-row3cell3 {
92.         color: rgb(99,116,0);
93.         background-color: transparent
94. }
95.  
96. .nof_EmptyStyleTableStyles33-row2cell2 {
97.         color: rgb(105,101,110);
98.         background-color: rgb(255,255,204)
99. }
100.  
101. .nof_EmptyStyleTableStyles33-row1cell1 {
102.         color: rgb(101,76,97);
103.         background-color: rgb(255,255,204)
104. }
105.  
106. .nof_EmptyStyleTableStyles33-row2cell3 {
107.         color: rgb(105,101,110);
108.         background-color: rgb(255,255,204)
109. }
110.  
111. .nof_EmptyStyleTableStyles33-row1cell2 {
112.         color: rgb(110,115,99);
113.         background-color: rgb(255,255,204)
114. }
115.  
116. .nof_EmptyStyleTableStyles33-row1cell3 {
117.         color: rgb(101,76,97);
118.         background-color: rgb(255,255,204)
119. }.nof_EmptyStyleNavbar50-Regular {
120. font-family:Verdana; font-size:8px; font-weight:normal; font-style:italic; color:rgb(128,128,128); background-color:rgb(255,252,204); width:100px; height:18px; text-align:center ;
121.         background-image : url( "Images\\seminar.jpg" )
122. }
123.  
124. .nof_EmptyStyleNavbar50-Rollover {
125. font-family:Verdana; font-size:8px; font-weight:normal; font-style:italic; color:rgb(128,128,128); background-color:rgb(255,255,204); width:100px; height:18px; text-align:center ;
126.         background-image : url( "Images\\seminar.jpg" )
127. }
128.  
129. .nof_EmptyStyleNavbar50-Highlighted {
130. font-family:Verdana; font-size:8px; font-weight:normal; font-style:italic; color:rgb(128,128,128); background-color:rgb(255,255,204); width:100px; height:18px; text-align:center ;
131.         background-image : url( "Images\\seminar.jpg" )
132. }
133.  
134. .nof_EmptyStyleNavbar50-HighlightedRollover {
135. font-family:Verdana; font-size:8px; font-weight:normal; font-style:italic; color:rgb(128,128,128); background-color:rgb(255,255,204); width:100px; height:18px; text-align:center ;
136.         background-image : url( "Images\\seminar.jpg" )
137. }
138. .nof_EmptyStyleNavbar52-Regular {
139. font-family:MS Sans Serif ; font-size:14px; font-weight:400; font-style:normal; color:#ffffff; background-color:#ffffff; width:130px; height:24px; text-align:center
140. }
141.  
142. .nof_EmptyStyleNavbar53-Rollover {
143. font-family:MS Sans Serif ; font-size:14px; font-weight:400; font-style:normal; color:#ffffff; background-color:#ffffff; width:130px; height:24px; text-align:center
144. }
145.  
146. .nof_EmptyStyleNavbar54-Highlighted {
147. font-family:MS Sans Serif ; font-size:14px; font-weight:400; font-style:normal; color:#ffffff; background-color:#ffffff; width:130px; height:24px; text-align:center
148. }
149.  
150. .nof_EmptyStyleNavbar55-HighlightedRollover {
151. font-family:MS Sans Serif ; font-size:14px; font-weight:400; font-style:normal; color:#ffffff; background-color:#ffffff; width:130px; height:24px; text-align:center
152. }
153.  
154. .nof_EmptyStyleNavbar57-Rollover {
155. font-family:MS Sans Serif ; font-size:14px; font-weight:400; font-style:normal; color:#ffffff; background-color:#ffffff; width:130px; height:24px; text-align:center
156. }
157.  
158. .nof_EmptyStyleNavbar58-Highlighted {
159. font-family:MS Sans Serif ; font-size:14px; font-weight:400; font-style:normal; color:#ffffff; background-color:#ffffff; width:130px; height:24px; text-align:center
160. }
161.  
162. .nof_EmptyStyleNavbar59-HighlightedRollover {
163. font-family:MS Sans Serif ; font-size:14px; font-weight:400; font-style:normal; color:#ffffff; background-color:#ffffff; width:130px; height:24px; text-align:center
164. }
165. .nof_EmptyStyleNavbar56-Regular {
166. font-family:MS Sans Serif ; font-size:14px; font-weight:400; font-style:normal; color:#000000; background-color:#ffffff; width:130px; height:24px; text-align:center
167. }
168.  
169. A:hover { font-family: Verdana,    Tahoma,    Arial,    Helvetica,    Sans-serif; font-size: 12px; color: rgb(128,128,128); font-weight: