Zusätzlicher Link in oberer Navigationsleiste

  • Seite 1 von 2
11.11.2013 09:22
avatar  ( gelöscht )
#1 Zusätzlicher Link in oberer Navigationsleiste
Gast
( gelöscht )

Moin ihr Programmier Profis.
Wo im Template muß ich denn eingreifen um in der oberen Navigationsleiste (siehe Bild, da wo "letzte Einträge" und "Hilfe" steht) einen zusätzlichen Link inkl. Icon einzubauen und was muß ich da reinschreiben?



Vielen Dank schon mal und schönen Wochenbeginn.


 Antworten

 Beitrag melden
11.11.2013 09:57 (zuletzt bearbeitet: 11.11.2013 09:59)
avatar  Romulus
#2 RE: Zusätzlicher Link in oberer Navigationsleiste
avatar
Mitglied

Dazu müsstest Du im Template-Element Obere Leiste etwas hinzufügen.

Sieh Dir dazu einmal den ganz unten eingefügten Abschnitt aus diesem Template-Element etwas näher an. Er beinhaltet nämlich genau jene Buttons, die Du im Augenblick in Deiner oberen Navigationsleiste hast. Damit kannst Du Dir bereits eine recht gute Vorstellung davon machen, wie in etwa die zusätzliche Zeile, die Du für einen neuen Button an dieser Stelle benötigst, aussehen muss (also mit Verlinkung usw.).

Ich empfehle Dir, dass Du das erst einmal in einem Testforum ausprobierst, und zwar immer nur Schritt für Schritt. Für Deinen neuen Button ist es also notwendig, dass zwischen den Zeilen eine neue eingesetzt werden muss.

Wenn ich solche Dinge mache, dann gehe ich immer folgendermaßen vor:

1) Das Template-Element kopieren.
2) In Notepad++ einfügen (und dieses am besten auch gleich unter "Sprachen > H" auf "HTML" einstellen.
3) Sogleich eine neue Datei im Notepad++ öffnen und das (in diesem Fall noch unveränderte) Template-Element erneut einfügen.
4) Ein Stück Papier und Stift zur Hand nehmen und Dir sofort aufschreiben, welche der Dateien die unbearbeitete und welche die mit Deinen Veränderungen, die Du machen möchtest, sein wird. Das ist wirklich wichtig.
5) Änderungen vornehmen und sehr genau aufpassen, dass alles richtig geschrieben wird.
6) Nun kopierst Du Dein verändertes Template-Element einfach zurück ins Admin-Menü (unter "Template Entwicklung > [edit] > Obere Leiste" und guckst mal, was die Veränderungen bewirken.

Es macht unglaublich Freude, ein bisschen Pixel-Gott zu spielen. Denn alles, was Du machst, wird Dir sofort in Deinem Board als bereits umgesetzt angezeigt. Und wenn das dann auch noch wunschgerecht ist, kann das den Tag ganz schön versüßen.. Von daher besteht hier auch eine gewisse Suchtgefahr. Überlege es Dir also besser dreimal, bevor Du Dich da so richtig ins Zeug legen willst. Aber man kann auf diese Weise auch eine Menge über HTML lernen, sofern man auch bereit ist, mit Geduld und Ausdauer an die Sache ran zu gehen. Über Nacht geht das leider nicht.

Hier nun der entsprechende Abschnitt in der Oberen Leiste:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
										</div>
</li>




{{user_admin==true.start}}
<li style="padding:4px 0px;" ><a href="{{link_admin}}"><span style=" padding: 4px 10px;"><span style="padding:0px 2px;"><img src="https://files.homepagemodules.de/b2001010/a_745_0d24f2ad.png" /></span><strong>{[forum_administration]}</strong></span></a></li>
{{user_admin==true.end}}

<li style="padding:4px 0px;" ><a href="{{link_lastmsgs}}"><span style=" padding: 4px 10px;">{[user_last]}</span></a></li>


<li style="padding:4px 0px;" ><a href="{{link_faq}}" id="open-help-link" ><span style=" padding: 4px 10px;">{[login_help]}</span></a></li>

 

</ul>
</div>
 



Ich wünsche Dir ganz viel Erfolg!

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
11.11.2013 10:14
avatar  ( gelöscht )
#3 RE: Zusätzlicher Link in oberer Navigationsleiste
Gast
( gelöscht )

Hi Romulus,
vielen herzlichen Dank. Werde Deine Tips und Ratschläge beherzigen. Habe ja ein Testforum wo ich das erst mal testen werde. Mit der Suchtgefahr kenne ich. Hatte lange Jahre auch eine Webseite betrieben. Da wurde immer wieder was neues ausprobiert. Macht schon Spaß wenn manns dann mal kapiert hat. Werde mich bemühen und berichten. Danke noch mal.


 Antworten

 Beitrag melden
11.11.2013 10:20
avatar  Romulus
#4 RE: Zusätzlicher Link in oberer Navigationsleiste
avatar
Mitglied

Aber frag ruhig nochmal nach, wenn Du irgendwo hängen bleiben solltest.

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
11.11.2013 11:00
avatar  ( gelöscht )
#5 RE: Zusätzlicher Link in oberer Navigationsleiste
Gast
( gelöscht )

Ist schon soweit.

                    
                   
{{user_admin==true.start}}
<li style="padding:4px 0px;" ><a href="{{link_admin}}"><span style=" padding: 4px

10px;"><span style="padding:0px 2px;"><img src="https://files.homepagemodules.de/b2001010/a_745_0d24f2ad.png"

/></span><strong>Administration</strong></span></a></li>
{{user_admin==true.end}}

<li style="padding:4px 0px;" ><a href="{{link_lastmsgs}}"><span style=" padding: 4px

10px;">Letzte Beiträge</span></a></li>


<li style="padding:4px 0px;" ><a href="{{link_faq}}" id="open-help-link" ><span style="

padding: 4px 10px;">Hilfe</span></a></li>


<li style="padding:4px 0px;" ><a href="http://www.slotkaoten.de" ><span style=" padding:

4px 10px;"><span style="padding:0px 2px;"><img src="https://files.homepagemodules.de/b2001010/a_745_0d24f2ad.png"

/></span><strong>Racing</strong></span></a></li>



</ul>

Habe den roten Code eingegeben. Der Link funktioniert auch. Nur wird jetzt die untere menüleiste nicht mehr angezeigt und jetzt da dieser Schriftzeichen (siehe Bild)


 Antworten

 Beitrag melden
11.11.2013 15:07 (zuletzt bearbeitet: 11.11.2013 15:09)
avatar  Romulus
#6 RE: Zusätzlicher Link in oberer Navigationsleiste
avatar
Mitglied

Außer, dass ich zwei Zeilenumbrüche aus Deinem Code entfernen musste, war sonst alles okay damit. In meinem Testforum funktioniert es jedenfalls ganz normal.
Du musst auch auf die Einschübe links von den Codezeilen achten. Erzeuge diese aber nicht einfach mit der Leertaste, sondern kopiere notfalls einen benötigten Einschub-Abstand und füge ihn links von Deiner neuen Codezeile ein.

Wenn Du Deinen Code in einer Zeile und ohne Umbrüche einfügst, solltest Du auch dasselbe Resultat bekommen wie ich.
Noch ein kleiner Tipp: Falls Deine "Obere Leiste" ansonsten noch ganz unverändert ist, klicke besser gleich auf "aktualisieren" und fange ganz von vorne an.

Hier der Screenshot aus meinen Testforum:


Und hier der minimal geänderte Code von Dir:

1
 
<li style="padding:4px 0px;" ><a href="http://www.slotkaoten.de" ><span style=" padding: 4px 10px;"><span style="padding:0px 2px;"><img src="https://files.homepagemodules.de/b2001010/a_745_0d24f2ad.png" /></span><strong>Racing</strong></span></a></li>
 

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
11.11.2013 15:32
avatar  ( gelöscht )
#7 RE: Zusätzlicher Link in oberer Navigationsleiste
Gast
( gelöscht )

OK. Super klasse von Dir. Werde ich morgen gleich ausprobieren.


 Antworten

 Beitrag melden
11.11.2013 18:09
#8 RE: Zusätzlicher Link in oberer Navigationsleiste
avatar
Mitglied

Peter ,

ich hab mal in dein Testforum reingeschaut. Das sieht ja lustig aus mit den Spinnen .

Wie kann man den so etwas machen?

Ich würde gerne mal Bonbons regnen lassen in meinem Forum

**********************************
Ich frage nach ,damit ich was lerne

 Antworten

 Beitrag melden
12.11.2013 06:40
avatar  ( gelöscht )
#9 RE: Zusätzlicher Link in oberer Navigationsleiste
Gast
( gelöscht )

OK hat funktioniert. Hatte da wohl einen Zeilenumbruch drin. Vielen Dank noch mal für die schnelle Unterstützung. Hoffe ich darf noch weitere Fragen bzgl. den Änderungen am Template stellen. Bis denne


 Antworten

 Beitrag melden
12.11.2013 07:12
avatar  Romulus
#10 RE: Zusätzlicher Link in oberer Navigationsleiste
avatar
Mitglied

Natürlich darfst Du das. Bald kannst Du dann ganz Vieles aus eigener Kraft verändern, wenn die Dinge langsam klarer werden. HTML geht natürlich so richtig in die Tiefe, doch wenn einem erst einmal eine Anzahl verschiedener Tags, deren Schreibregeln und insbesondere deren Kombinationsmöglichkeiten langsam klarer werden, dann beginnt man auch zu verstehen, wieso die Dinge so sind wie sie sind. Und dann macht es erst richtig Spaß! Ich weiß noch sehr wenig, aber schon mit dem Bisschen bin ich heute in der Lage, richtig viel selbst machen zu können. Dabei erweist sich das Support Forum natürlich als die reinste Fundgrube an Inspiration und Wissen in Sachen HTML und CSS! In besonders kniffeligen Fällen hat mir aber schon oft Olaf und Wolfgang bzw. Wolfgang und Olaf (die Reihenfolge hat hier keine Bedeutung, denn beide sind spitze) sehr geholfen.

@Beatrica : Die Sache mit den Spinnen bzw. Bonbons ist derzeit nur mit dem Pluginsystem möglich, das sich aber noch in der Testphase befindet. Einige Glückliche hier im Support Forum durften sich als Beta-Tester beteiligen und können diese netten Sachen jetzt schon in ihren Foren einsetzen. Ich nehme an, dass die Beta-Phase bald abgeschlossen sein wird. Dann kannst Du Deine Bonbons auch regnen lassen.

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
12.11.2013 12:17
avatar  ( gelöscht )
#11 RE: Zusätzlicher Link in oberer Navigationsleiste
Gast
( gelöscht )

Schon wieder eine Frage:

Wenn man als Gast das Forum betritt, bekommt man ja die obere Leiste nicht angezeigt. Ich denke mal das dies im Code ab dieser Stelle abgegriffen wird.

1
2
3
 
{{user_registered==true.start}}
<div class="topnavigation_wrap">
<ul class="topnavigation" id="topnavigation-ul">
 



Wie kann ich nun den Gästen eine eigene Obere Leiste zuordnen. In VBA geht das ja z.B. mit False und Else. In HTML fehlen mir da wirklich noch die Kenntnisse. Denke aber das dies hier auch nicht besonders schwierig sein kann.
Schon mal herzlichen Dank an die Profis.


 Antworten

 Beitrag melden
12.11.2013 16:07
#12 RE: Zusätzlicher Link in oberer Navigationsleiste
avatar
Mitglied
**********************************
Ich frage nach ,damit ich was lerne

 Antworten

 Beitrag melden
12.11.2013 20:24 (zuletzt bearbeitet: 12.11.2013 20:27)
avatar  Romulus
#13 RE: Zusätzlicher Link in oberer Navigationsleiste
avatar
Mitglied

Zitat von ggguuu im Beitrag #11
Schon wieder eine Frage: Wie kann ich nun den Gästen eine eigene Obere Leiste zuordnen. In VBA geht das ja z.B. mit False und Else. In HTML fehlen mir da wirklich noch die Kenntnisse. Denke aber das dies hier auch nicht besonders schwierig sein kann.
Schon mal herzlichen Dank an die Profis.


Lieber Peter, ich habe heute ein bisschen was im Testforum zu Deiner Frage versucht. Aber wirklich weiter komme ich da auch nicht. Da hängt offenbar mehr dran, als man erwartet hätte. Das heißt aber nicht, dass es unmöglich ist. Im Gegenteil: das lässt sich sogar bestimmt machen.

Aber ich muss da leider passen. Im Augenblick mangelt es mir auch ein bisschen an Zeit.

Schöne Grüße aus Paris

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
13.11.2013 08:09
avatar  ( gelöscht )
#14 RE: Zusätzlicher Link in oberer Navigationsleiste
Gast
( gelöscht )

Danke Romulus,
evtl. meldet sich ja noch ein anderer Profi und kann uns da weiter helfen. Interessant wäre das auf jeden Fall.


 Antworten

 Beitrag melden
14.11.2013 07:04 (zuletzt bearbeitet: 14.11.2013 07:05)
avatar  ( gelöscht )
#15 RE: Zusätzlicher Link in oberer Navigationsleiste
Gast
( gelöscht )

Habs rausbekommen mit der Oberen Leiste nur als Gast:

1
2
3
4
5
6
7
 
{{user_registered==true.else}}
<div class="topnavigation_wrap">
<ul class="topnavigation" id="topnavigation-ul">
<!--Eigene Zeile Gast--> <span><a href="javascript:void(0)" onclick="$('#global-news-box-wrap').hide(); window.location.href='{{link_login}}'; return false;"><span style="width:300; padding:2px; height:15px;">Du bist nicht angemeldet. <img src="https://files.homepagemodules.de/b606507/a_29_fff1fa7f.png" /> Anmelden</span></a></span> <!--Eigene Zeile -->
<!--Eigene Zeile Gast--> <span><a href="javascript:void(0)" onclick="$('#global-news-box-wrap').hide(); window.location.href='{{link_signup}}'; return false;"><span style="width:300; padding:2px; height:15px;"><img src="https://files.homepagemodules.de/b606507/a_30_afa66646.png" /> Registrieren</span></a></span> <!--Eigene Zeile -->
<li style="padding:4px 0px;" ><a href="{{link_faq}}" id="open-help-link" ><span style=" padding: 4px 10px;">Hilfe</span></a></li>
</div>
 



Einfach aber funktioniert.


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!