Design: "Twilight"

Beschreibung / Layout

Tabellen- und Div-Konstruktion: Diese Vorlage wurde aus mehreren untereinanderliegenden Divs zusammengesetzt, welche teilweise eine Tabelle enthalten; die Gesamtbreite beträgt 980px. Die vertikale Navigation, der Inhaltsbereich sowie die Info-Boxen sind jeweils in einer Tabellenspalte einer dreispaltigen Tabelle untergebracht, die innerhalb in dem Div-Bereich mit der Id "#content" liegt. Die linke Spalte der Tabelle mit der Id "#nav_ver", die für das vertikale Menü verwendet wird, ist mit 170px definiert; die rechte Spalte (#spalte_re), welche die Info-Boxen enthält, ist 200px breit. Die mittlere Inhaltsspalte mit der Id "#inhalt" nimmt daher ohne Angabe einer Breite automatisch den Rest von 610px ein.

Schriftzug im PSD-Format (Photoshop Document)

Mit einem Bildbearbeitungs-Programm wie z.B. Photoshop kann der hier verwendete Beispiel-Schriftzug "Your Company" (siehe Ecke links oben / schriftzug.jpg) vollständig angepasst werden, da er dem Download-Paket zusätzlich noch im PSD-Format (schriftzug-zum-anpassen.psd) beiliegt. Beim PSD-Format ist nämlich der Zugriff auf die Textebene zur individuellen Anpassung möglich. Nach der Anpassung muss das PSD wieder als Jpg-Datei rekonvertiert werden. Wie das PSD in ein anderes Format konvertiert oder wie auf eine Ebene zugegriffen werden kann, entnehmen Sie bitte bei Bedarf auf der nachfolgenden Seite.

Info: Alle Grafiken sind ausschließlich über die CSS-Datei definiert, d. h. also dass die Grafiken im Html-Text nicht vorzufinden sind.

Navigation und allgemeine Links

Beim horizontalen Menü sind die Links durch die Anweisung in der CSS-Datei "text-transform: uppercase" unter der Id #nav a:link auf Großbuchstaben gestellt - überfahren Sie jedoch die Links mit der Maus, so stellt der Text auf Normalschrift um, da diese Formatierung mit der Anweisung "text-transform: none" unter #nav a:hover wieder aufgehoben wird. Des weiteren ist beim horizontalen Menü auch der Zeichenabstand um 2px erweitert, welcher durch die Anweisung "letter-spacing: 2px" zu erreichen war.
Das linke vertikale Menü mit der Id "#nav_ver" ändert u. a. beim Hovern den Hintergrund - fahren Sie doch bitte einfach einmal mit Ihrer Maus über das Menü!

Alle Verweise bzw. Links (Urls) sind über den Html-Text anzupassen. Hier noch ein allgemeiner Link im Text ohne Ziel!

Änderung bzw. Anpassung des vorhandenen Designs

Um die Ladezeit einer Webseite im Browser möglichst gering zu halten, werden Sie im Html-Text dieser Vorlage keine Angaben zur Formatierung des Designs vorfinden, da diese bereits in einer extern ausgelagerten CSS-Datei hinterlegt sind. Nehmen auch Sie deshalb bitte alle Formatierungen nur über die Datei "style.css" im Ordner "css" vor.
Nach Anpassung des Schriftzuges, der Verweise sowie der Fußzeile sind weitere Seiten durch Kopieren der Datei "index.htm" anzulegen, die im Anschluss noch entsprechend umzubenennen sind!

Weitere Infos

Bitte beachten Sie: Die Nutzung dieser Homepagevorlage ist nur für private Inhalte kostenlos, sofern der Backlink am unteren Ende, der auf unsere Seite (http://www.homepage-vorlagen-webdesign.de/homepagevorlagen/) verweist, erhalten bleibt. Der Backlink darf nur gegen Bezahlung entfernt werden! Für eine gewerbliche bzw. kommerzielle Nutzung ist ebenfalls eine Lizenz zu erwerben. Über nachfolgende Links gelangen Sie zu den Nutzungsbedingungen bzw. zum Bestellformular von www.homepage-vorlagen-webdesign.de!

News

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat [ ... ]

Partner

Weitere Themen

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent [ ... ]

Marktplatz

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat [ ... ]

Aktuelles

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam [ ... ]

© 2009 Ihr Name | © Design by homepage-vorlagen-webdesign.de | RSS Feed | Valid HTML | Valid CSS