Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

collapse

* Wichtige Mitglieder-Information

Da immer noch Mails verwunderter "Mitglieder" bei mir ankommen, weil Login und Registrierung nicht funktionieren... das Forum ist seit geraumer Zeit geschlossen und steht ausschließlich als Nachschlagewerk zur Verfügung. Einerseits bin ich froh, diesen Schritt gewagt zu haben... auf der anderen Seite... wenn ich hier manchmal so lese... es war doch "'ne geile Zeit" mit euch! Macht's gut!

Beste Grüße nettesekel

* Friendship

DER Katzenblog – mit tollen Tipps und Ideen für deine Katze(n) <3

Die letzten Beiträge

Autor Thema: Navigationsleiste als Text  (Gelesen 2650 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline cc

  • Senior Mitglied
  • ****
  • Beiträge: 289
Navigationsleiste als Text
« am: 17. Mai 2013, 12:09:20 »
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

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Navigationsleiste als Text
« Antwort #1 am: 17. Mai 2013, 12:17:07 »
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...
« Letzte Änderung: 17. Mai 2013, 12:18:40 von nettesekel »

Offline cc

  • Senior Mitglied
  • ****
  • Beiträge: 289
Re: Navigationsleiste als Text
« Antwort #2 am: 17. Mai 2013, 12:33:00 »
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.

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Navigationsleiste als Text
« Antwort #3 am: 17. Mai 2013, 12:34:42 »
Ja, wie viele Textnavis hast du denn?  :-?

Offline cc

  • Senior Mitglied
  • ****
  • Beiträge: 289
Re: Navigationsleiste als Text
« Antwort #4 am: 17. Mai 2013, 12:36:33 »
2 möchte ich gerne,
eine 'normale' und eine die für den Navigationspfad kleiner und blasser sein soll

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Navigationsleiste als Text
« Antwort #5 am: 17. Mai 2013, 12:39:21 »
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.

Offline cc

  • Senior Mitglied
  • ****
  • Beiträge: 289
Re: Navigationsleiste als Text
« Antwort #6 am: 17. Mai 2013, 12:40:50 »
? BC-Navi die NOF-Möglichkeiten ausschöpfen

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

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Navigationsleiste als Text
« Antwort #7 am: 17. Mai 2013, 12:43:22 »
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...

Offline cc

  • Senior Mitglied
  • ****
  • Beiträge: 289
Re: Navigationsleiste als Text
« Antwort #8 am: 17. Mai 2013, 13:50:04 »
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.
« Letzte Änderung: 17. Mai 2013, 13:53:47 von cc »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Navigationsleiste als Text
« Antwort #9 am: 17. Mai 2013, 14:05:51 »
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.

Offline cc

  • Senior Mitglied
  • ****
  • Beiträge: 289
Re: Navigationsleiste als Text
« Antwort #10 am: 17. Mai 2013, 17:05:53 »
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.

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Navigationsleiste als Text
« Antwort #11 am: 17. Mai 2013, 18:09:37 »
Kannst du das mal testweise online stellen?

Offline cc

  • Senior Mitglied
  • ****
  • Beiträge: 289
Re: Navigationsleiste als Text
« Antwort #12 am: 17. Mai 2013, 18:40:05 »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Navigationsleiste als Text
« Antwort #13 am: 17. Mai 2013, 19:13:12 »
Poste mal den Code den du im Design unter dem Reiter CSS findest... du scheinst da irgendetwas verstellt zu haben...  :)

Offline cc

  • Senior Mitglied
  • ****
  • Beiträge: 289
Re: Navigationsleiste als Text
« Antwort #14 am: 18. Mai 2013, 10:59:24 »
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:
« Letzte Änderung: 18. Mai 2013, 11:03:35 von nettesekel »

Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion