Beispiel

Der Banner besteht aus 3 Dateien

• auf der Startseite sind Dateien 1, 2 & 3 sichtbar
• im Rest des Magazins nur Banner 1 – achte daher darauf, dass Banner 1 schon die wichtigsten Infos wie Logo, Produktname und/oder Werbeslogan enthält.

Hinweise zum Template

• das Takeover besteht aus drei Teilen
  1. obere Leiste (95 x 2000)
  2. Hauptbereich (212 x 2000)
  3. Hintergrund (857 x 2000)
• die Breite des Takeovers beträgt 2000px (gilt für alle drei Grafiken)
• unsere Inhaltsspalte erstreckt sich in der Breite über 980 Pixel und ist zentriert
• Wichtige Inhalte (vor allem Text!) dürfen nicht breiter als 1000-1200 Pixel sein (500-600 Pixel in jede Richtung von der Mitte aus), da sie sonst auf kleinen Bildschirmen abgeschnitten werden – siehe Beispiel unten
• die obere Leiste ist 95 Pixel hoch
  • es ist möglich, diese Leiste auf allen Unterseiten im Magazinbereich anzeigen zu lassen, daher sollte sie so gestaltet werden, dass sie für sich stehen kann und dabei eine/die Message transportiert
• Hauptbereich: 212 Pixel hoch
• Hintergrund: 857 Pixel hoch
  • kann auch höher oder flacher gemacht werden
• alle drei Bilder werden nahtlos aneinandergesetzt
• Tipp: die drei Grafiken können sie rechts und links in die Hintergrundfarbe (s. u.) ausfaden lassen
• globale Hintergrundfarbe: #1f1f1f
• Hauptfarben:
  • #ff9900 – MTB-News.de
  • #009fe3 – Rennrad-News.de
  • #1897c4 – eMTB-News.de

  Anlieferung der Dateien

• Der oberste Teil kann auf den Seiten des Magazins oben alleine stehen – hier ist ein Beispiel. Achtet daher bei der Gestaltung darauf, dass die oberste Grafik auch alleine funktioniert.
• Bitte liefert uns drei einzelne Dateien – das Template enthält Slices, wenn du auf „Speichern unter“ gehst werden dir alle 3 Grafiken automatisch ausgegeben.

Hier findest du Photoshop-Template samt Ausfüllanleitung.

Wichtig: Bitte sende uns die offene Photoshop-Original-Datei mit gerasterten Texten (im Photoshop die Textebene wählen, rechts auf diese klicken und „Text rastern“ wählen).

Zurück zur Takeover-Übersicht

English

Example

The banner consists of 3 creatives

• homepage: creatives 1, 2 & 3 are visible
• article pages: only creative 1 is visible – therefore make sure, that banner 1 already transports the most important information and contains e.g. logo and product name.

Template Notes/Instructions

• The skin is divided into three parts,
  this is what you need to deliver ! 
  1. top bar (95 x 2000)
  2. main bar (212 x 2000)
  3. lower background (857 x 2000)

• Overall skin width: 2000 pixels (applies to all three parts)
• our content column is 980 pixels wide (centered on screen)
• top bar: 95 pixels height
  • it’s possible to fade out to global background color on left and right sides
  • this bar can be shown on all sub-pages in the Magazine, so it’s recommended to design it in a way that it transports a message for itself
  • important content elements shouldn’t take more than 1000-1200 pixels in width (500-600 pixels in each direction starting at the center), otherwise they’ll be cut off on small screens
• main bar: 212 pixels height
  • it’s possible to fade out to global background color on left and right sides
  • important content elements shouldn’t take more than 1000-1200 pixels in width (500-600 pixels in each direction starting at the center), otherwise they’ll be cut off on small screens
• lower background: 857 pixels height
  • it’s ok if it’s smaller or taller
  • it’s possible to fade out to global background color on bottom, left, and right sides
• all three images will be seamlessly placed against each other
• global background color: #1f1f1f
• Primary Colors:
  • #ff9900 – MTB-News.de
  • #009fe3 – Rennrad-News.de
  • #1897c4 – eMTB-News.de

Delivery of the files

The top section can stand alone at the top of the magazine pages – here is an example. Therefore, when designing, make sure that the top graphic works alone.
Please deliver three single files – the template contains slices, if you go to „Save as“ all 3 graphics will be output automatically.

Here you can find Photoshop-Template with included instructions.

Important: Please send us the open original Photoshop file with rasterized text (Select the text layer in the Layers Palette.
Click Layer > Rasterize > Type OR right-click on the text layer and select „Rasterize Type“).

takeover-desktop-template-2023.psd.zip

Back to the Takeover-Overview