Please enable JavaScript!
Bitte aktiviere JavaScript!
S'il vous plaît activer JavaScript!
Por favor,activa el JavaScript!
antiblock.org

Willkommen

{$debug=1} {if {$page_title}=="Orginaldesign ansehen"} {head} {/head} {elseif {$page_title}=="Orginaldesign mit Zusatz im Menu"} {head} {/head} {elseif {$page_title}=="Orginaldesign mit Fußleiste"} {head} {/head} {elseif {$page_url}|contains:'preview'}

Vorschau

{elseif {$page_url}|contains:'136'} {head} {/head} {else} {head} {/head}
{/if}

Willkommen...

auf der Webseite des Designpatchers.

Im NPage-Forum wird immer wieder danach gefragt, ob man NPage-Design-Vorlagen in dem einen oder anderen Punkt ändern kann. Meist lautet die allgemeine Antwort: nein, geht nicht.

Das stimmt so allgemein jedoch nicht. Zunächst muss man wissen, dass nicht alle Designvorlagen, die Npage anbietet, die gleichen Funktionen und den gleichen technischen Aufbau haben. Bei einer ganzen Reihe der Designvorlagen kann man

  • im Seitenkopf einen Titeltext oder ein Logo einfügen, beim Logo kann man die Abmessungen anpassen, beim Titeltext Schriftart, -größe und -farbe.
  • eine Inhaltsüberschrift festlegen, bei der man Schriftart, -größe und -farbe anpassen kann
  • einen Text über der Navigation einfügen. Auch hier kann man Schriftart, -größe und -farbe anpassen.

Außerdem ist es möglich, die Anzeige in der Navigation anzupassen. Dies erfolgt bei den Einstellungen zu jeder Seite.

Ich stelle auf dieser Website jedoch eine Möglichkeit vor, die noch mehr Optionen bietet.

Welche Vorteile hat so ein Designpatch:

  • individuelle Gestaltung der Webseite
  • automatische Erstellung der Navigation durch die NPage-Navigationsverwaltung
  • alle Webseiten sind einheitlich

Welche Nachteile hat so ein Designpatch:

  • nicht alle Designvorlagen sind gleichermaßen geeignet, auf diese Art und Weise angepasst zu werden
  • theoretisch besteht die Gefahr, dass NPage technische Veränderungen vornimmt, so dass das Designpatch nicht mehr funktioniert
  • es können nur die Elemente angepasst werden, die tatsächlich schon in der Grundstruktur des Designs enthalten sind

Was kann gepatcht werden:

  • die Hintergrundfarbe
  • die Textfarbe (auch die Schriftart könnte man ändern)
  • die Farbe der Links in der Navi
  • das Hintergrundbild in der Navi
  • das Hintergrundbild im Titel

 

{if {$page_title}=="Orginaldesign ansehen"} {elseif {$page_title}=="Orginaldesign mit Zusatz im Menu"} {elseif {$page_title}=="Orginaldesign mit Fußleiste"}

In diese Fussleiste kann man allen möglichen Kram einbauen: Links zu anderen Website, irgendwelche Like-Buttons, die News, ja wahrscheinlich sogar das Kontaktformular. Das ist dann nur noch eine sache der Formatierung.

{else}
Link zur aktiven Seite hervorheben (01.07.2013 12:53:00)

Auf vielen Websites wird der Link zur gerade aktiven seite hervorgehoben. NPage unterstützt so etwas leider nicht automatisch. Mein einem kleinen wenig javaScript kann man das aber nachbauen.

Erste Voraussetzung ist, dass man die JavaScript-Bibiothek JQuery bei NPage hochlädt und in die Seite einbindet.

Außerdem benötigt man einen kleinen JavaScript-Schnippsel. Für das von mir verwendete Design Plus 135 sieht der so aus:

$(document).ready(function($){
  var url = window.location.pathname;
  $('.navi_cont a[href="'+url+'"]').addClass('current');
});

Schließlich muss noch etwas CSS-Code eingefügt werden

<style>
  .current, a>.current, a.current   { color:yellow !important}
</style>

Wie bereits beschrieben wurde dieses Patch für die von mir hier verwendete Designvorlage Plus 135 erstellt. Es funktioniert auch mit anderen Designvorlagen, die genauso aufgebaut sind. Siehe dazu diese Übersicht zu den NPage Templates.

Bei allgemeinen Problemen oder Fragen zu anderen Designvorlagen bitte diesen Vorstellungsthread im NPage Forum nutzen.

http://forum.npage.de/vorstellung/29410-designpatch-designvorlagen-anpassen.html


Bewertung: (Keine Bewertung)

 
 
Kommentare
 
Keine Kommentare vorhanden.
 
 
Kommentar verfassen
 
Name:
E-Mail:
Betreff:
Kommentar :
Sicherheitsfrage :
Enter the text shown on the image:
Welches Bild zeigt die Farbe Hellgrau?
Verify-Code:
Gib den Text aus dem Bild ein:
 
 
{/if} Zum Seitenanfang
nPage.de-Seiten: Alles was mit Natur zu tun hat | http://melindasminiaturen.npage.de/