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

Design Plus 135 vorher und nachher

{$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}

Design Plus 135 vorher und nachher - Teil 1

Auf dieser Seite werden die einzelnen Arbeitsschritte als Bilderfolge dargestellt. Zunächst geht es um die grundlegenden Anpassungen.

Picture 1
So sieht die Ausgangsversion der Designvorlage Plus 135 aus. Bei einer Bildschirmbreite von 1024 Pixel muss man leider nach rechts scrollen, sie ist also zu breit.

Picture 1
Wenn man alle Grafiken die zur Designvorlage gehören, deaktiviert, dann sieht das Design so aus. Außerdem wurden in einem ersten Schritt Gesamtbreite, Breite der Navigation und des Inhaltsbereiches und einige Höhenangaben angepasst und eine andere Schriftart aktiviert.

Picture 1
Dieses Bild zeigt das Design mit einem selbst über die Design-Einstellungen hinzugefügten Banner. Diese Banner Grafik hat eine Größe von 950x170 Pixeln. Um diese Grafik gut ausgerichtet zu positionieren mussten einige CSS-Einstellungen angepasst werden

Picture 1
Ganz neue Möglichkeiten ergeben sich, wenn man die Sitewide-Optionen nutzt, dann damit kann man auch HTML-Code einfügen. Ohne weitere CSS-Einstellungen werden Inhalte, die über Sitewide - Anfang jeder Seite eingefügt werden, direkt vor dem Inhalt der eigentlichen Textseite angezeigt.

Picture 1
Zunächst wurden zwei Platzhaltergrafiken eingefügt und mit negativen Vorgaben für den oberen und den linken Rand verschoben. Durch das Floaten stehen zwei getrennte Elemente nebeneinander.

Picture 1
Auch im unteren Teil der Seite wurde über die Sitewide-Einstellungen zusätzlicher HTML-Code eingefügt, der zunächt mit zwei Platzhaltergrafiken besetzt wurde. Leider ist es nicht möglich, diesen Bereich über die gesamte Seitenbreite zu auszudehnen, da es dann zu einem Konflikt mit dem Menübereich kommen könnte.

Die weiteren Bearbeitungsschritte kann man visuell auf der Fortsetzungsseite verfolgen.

{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}
Tabellensortierung (16.01.2014 11:01:00)

Die Beschreibung zum Einbau einer Tabellensortierung wurde verbessert und erweitert. Anhand eines Beispiels kann man den Einbau einer sortirbaren tabelle bei nPage künftig besser nachvollziehen. Außerdem wurde ein Downloadlink zur JavaScript-Datei bereit gestellt. Das kleine Tutorial findet man auf der Seite Tabelle sortieren.


Bewertung: (Keine Bewertung)

 
 
Kommentare
 
Keine Kommentare vorhanden.
 
 
Kommentar verfassen
 
Name:
E-Mail:
Betreff:
Kommentar :
 
 
{/if} Zum Seitenanfang
nPage.de-Seiten: Toni`s Fotografie und Cycelsport | Mombasa Hotels|Hotels in Mombasa|Be