Forum - Navigations-Pfad verbessern und anpassen - Teil 1-4!

<style>
/* Allgemein - Templates (v2-4) */
.ltr #breadcrumbs, .content #breadcrumbs {
  background-color:#dddddd !important; /* Hintergrundfarbe */
  color:#000000 !important; /* Schriftfarbe Pfeilgrafik */
  border-radius:4px; /* Abgerundete Ecken */
  border:1px solid #000000; /* Randstärke und Randfarbe */
  padding:5px 10px; /* Abstand zum Rand */
}
#breadcrumbs small{
  color:#000000 !important; /* Schriftfarbe Beschreibung */
}
#breadcrumbs a:hover, #breadcrumbs a:hover strong {
  color:#2d62b8 !important; /* Mouseover-Linkfarbe aktuelle Seite */
}
#breadcrumbs a, #breadcrumbs a strong, #breadcrumbs span strong:first-child {
  color:#000000 !important; font-weight:normal !important;  /* Schriftstärke + Schriftfarbe - default */
}
#breadcrumbs strong, #breadcrumbs span:nth-of-type(2) {
  color:#2d62b8 !important;   font-weight: bold !important; /* Schriftstärke + Schriftfarbe aktuelle Seite */
}
 
/* Bildergalerie - Nur Business Template (v4) */
.page_gallery #breadcrumbs strong:first-of-type  {
  color:#000000 !important; font-weight:normal !important; /* Schriftstärke + Farbe - default Startseite */
}
.page_gallery #breadcrumbs  strong:last-of-type  {
  color:#2d62b8 !important; font-weight:bold !important; /* Gleiche Schriftstärke + Farbe */
}
.page_gallery #breadcrumbs  a strong:last-of-type  {
  color:#000000 !important; font-weight:normal !important; /* Schriftstärke + Farbe - default Vorschau */
}
.page_gallery #breadcrumbs a:hover strong  {
  color:#2d62b8 !important; /* Schriftfarbe aktuelle Seite */
}
  
/* Allgemein - Nur Business Template (v4) */
#breadcrumbs img {
  margin-right:5px; /* Abstand Pfad-Grafik zur Schrift */
}
.main #breadcrumbs {
  min-width:99%; /* Länge Pfad */
  margin-top: 10px; /* Abstand nach oben */
}
.page_calendar #breadcrumbs strong:first-of-type {
  color:#000000 !important; /* Kalender - Farbe angleichen */
  font-weight:normal !important; /* Kalender - Schriftstärke angleichen */
}
.portalStart, .forumStart, #breadcrumbs img:not(.breadimg), .page_forum .forumbread span, .page_forum #breadcrumbs span:nth-child(2), .page_index .forumbread, .page_new .forumSp, .page_new #breadcrumbs span:nth-child(2), .page_msg .forumbread,  .page_topic .forumbread span, .page_topic #breadcrumbs span:nth-child(2){
  display:none; /* TAGs im Pfad ausblenden */
}
 
/* Nur Gaia Template (v3)*/
.page #breadcrumbs {
  margin:10px; 
  /* width:100%; */
}
.page #breadcrumbs h2  {
  /* font-size:14px; */
  display:inline !important; /* Pfad ohne Umbruch */
  margin:0px;
}
</style>
 
<script>
document.addEventListener('DOMContentLoaded', function() {
  if($('#forum').length) {
    /* Pfeil-Grafik austauschen - Standard Template (v1) */
    $('#pagewidth').html(function(index, breadcrumb) {return breadcrumb.replace(/»/g,'&#8594;').replace(/&gt;/g,'&#8594;');});
  } else {
    /* Pfeil-Grafik austauschen - Templates (v2-4) */
    $('#breadcrumbs, #breadcrumb, #page-body, #widget_nav').html(function(index, link) {return link.replace(/»/g, "&#8594;"); });
  }  
  /* Pfad mit "Portal" + "Forum-Übersicht" erweitern */ 
  $('#breadcrumbs:not(.mbt #breadcrumbs)').prepend(`<span>
    <img class="breadimg" src="{{global_breadcrumb_start}}" />
    <span class="portalStart"><a href="/portal.php">Portal</a> | </span><span class="forumbread"><a href="/forum.php">Forum Übersicht</a> <span class="forumSp">&#8594;</span>
    </span> 
    <span class="forumStart" style="font-weight:bold !important;">Forum Übersicht</span>
  `);
  if ($('#link_portal').length){$('.portalStart').show();}else {$('.page_index .forumStart').show();}
});
</script>
 

<br />
<div id="breadcrumbs" style="font-weight:bold !important;">
  <span>
    <img class="breadimg" src="{{global_breadcrumb_start}}" /> 
    <span class="portalStart" style="display:none;"><a href="/portal.php">Portal</a> | </span><a href="./"><strong>Forum Übersicht</strong></a>
  </span>
	
	{{breadcrumb.startlist}}
	
	&#8594;
 
	{{breadcrumb:link==true.start}}
		<a href="{{breadcrumb:link}}{{breadcrumb:tag==true.start}}#category{{breadcrumb:tag}}{{breadcrumb:tag==true.end}}">{{breadcrumb:name}}</a>
	{{breadcrumb:link==true.else}}
		<strong>{{breadcrumb:name}}</strong>
	{{breadcrumb:link==true.end}}	
	
	{{breadcrumb.end}}
 
</div>
<div class="clear"></div>
<br />
 
<script>if ($('#link_portal').length){$('.portalStart').show();}</script>
 

<br />
<div id="breadcrumbs" style="font-weight:bold;">
    <span>
      <img class="breadimg" src="{{global_breadcrumb_start}}" /> 
      <span class="portalStart" style="display:none;"><a href="/portal.php">Portal</a> | </span><a href="./"><strong>Forum Übersicht</strong></a>
    </span>
 
  {{breadcrumb.startlist}}
    {{breadcrumb:translate==true.start}}
      {{curname.start}}{{breadcrumb:name|gettranslation(breadcrumb)}}{{curname.end}}
    {{breadcrumb:translate==true.else}}
      {{curname.start}}{{breadcrumb:name}}{{curname.end}}
    {{breadcrumb:translate==true.end}}
  
    &#8594;
 
	{{breadcrumb:link==true.start}}
      <a href="{{breadcrumb:link}}{{breadcrumb:tag==true.start}}#category{{breadcrumb:tag}}{{breadcrumb:tag==true.end}}">{{curname}}</a>
  
	{{breadcrumb:link==true.else}}
      <strong>{{curname}}</strong>
	{{breadcrumb:link==true.end}}		
	
  {{breadcrumb.end}}
  
  {{showlast==true.start}}
    {{limit_by==true.start}}(<span style="font-weight:bold">Filter aktiv</span>){{limit_by==true.end}}
  {{showlast==true.end}}
 
</div>
<div class="clear"></div>
<br />
 
<script>if ($('#link_portal').length){$('.portalStart').show();}</script>