Body Attack Sports Nutrition GmbH & Co. KG Body Attack GmbH&Co KG Contact Details:
Main address: Schnackenburgallee 217-223 22525 Hamburg, Germany
Tel:+49 (0)40 / 4600360 - 0, Fax:+49 (0)40 / 4600360 - 99, E-mail: service@body-attack.de

Wonach suchst du?



Wechsel zur Filtersuche



Proteine BCAA Creatine Vitamine & mehr Fatburner Trainingsbooster Superfood





Das könnte dich auch interessieren




Warenkorb

Standard-CSS-Elemente

Tabellen erstellen
Bilder komprimieren
Info-Link (?check=1)
Varianten-Link (?v=chocolate%20coconut hier %20 statt Leerzeichen)
Varianten-Link mit Staffel davor (?st=0&v=cookies)



Sprungmarken

Hierzu den Code an die Stelle der Übersicht setzen und an den Zielstellen einen tag wie über den nachfolgenden Text.

Sprungmarken-Übersicht

  1. Überschriften
  2. Texte
  3. Fließtext-Bilder
  4. Bilder unsichtbar (z.B. anderes Kachelbild fürs Blog
  5. Zitate
  6. Links
  7. Farben
  8. Buttons
  9. Call-to-action Buttons
  10. Haken (rote und grüne)
  11. Ausreißer-DIV
  12. Spalten-Text
  13. Video (YouTube)
  14. Instagram
  15. Teaserbox(en) für Produkte
  16. Listen erstellen
  17. Übungsbilder (3er/ 5er)
  18. E-mails im Text einsetzen
  19. 2er-Rahmen Bild/ Text für Content
Code:


Überschriften

H1 Überschrift

H2 Überschrift

H3 Überschrift



Texte

Normaler Fließtext

Hervorgehobener Text (Saira 1.2em)
Class: hervorgehoben
Code:


Kleiner Text
tag: small
Code:


Hervorgehobener Text (Saira 1.2em uppercase)
Class: hervorgehoben uppercase


Bilder

Body Attack Functional FoodLorem ipsum dolor sit amet, consectetur adipisicing elit. Est iusto asperiores ad eaque quas quia nam laboriosam totam maiores officiis amet iure, vel harum doloribus quos nulla temporibus omnis accusamus placeat ea aperiam velit? Totam odit neque cupiditate! Expedita sapiente exercitationem aspernatur provident praesentium blanditiis, culpa temporibus quas fugiat tempore enim sed quo, assumenda quibusdam! Eius dolores quia nostrum molestias culpa cumque, eum doloribus ut tenetur, veniam aliquam recusandae amet voluptate enim quo labore adipisci optio alias! Repellat assumenda deleniti expedita enim fuga.

Ad eos, eaque ea soluta quibusdam magni quos quisquam accusamus blanditiis. Reprehenderit quia praesentium aliquid in vero illum necessitatibus veritatis, dolorum blanditiis eum sapiente officiis beatae excepturi repellendus eligendi, quo quidem deserunt voluptates.

Tobias Schadewaldt
Fugiat qui eum molestias ut ullam dolorum in nesciunt, ab libero. Reprehenderit officiis accusantium ea ad, cum sint quasi nam numquam consequuntur atque velit rem nihil sequi dolorum ratione dolore facilis dolorem culpa! Quam omnis quia dolore eum ab fugiat, doloremque aliquam vitae est quas animi assumenda perferendis necessitatibus explicabo iusto pariatur, odit tempora cumque mollitia tempore minima?

Body Attack Functional FoodAliquid doloremque harum voluptas totam obcaecati praesentium accusamus ipsum velit ratione commodi inventore provident, modi repellat voluptatum voluptatibus libero? Minima minus velit suscipit doloremque quaerat atque amet perferendis exercitationem culpa explicabo, ab adipisci, obcaecati autem est? Temporibus quos deleniti consequatur sit aut est, repellat nemo ea amet sed, accusantium et minus nisi fugit itaque perspiciatis ab nobis aliquid id hic sunt. Porro officia unde fugit libero amet maiores doloribus hic. Doloremque harum accusamus consectetur delectus autem ad provident, alias dolorum itaque, eveniet commodi.

Officia eaque exercitationem optio qui nihil magni repellendus repudiandae, at similique illo, iste eius recusandae mollitia. Quo, tempora. Repellendus nihil, eos sequi. Totam tenetur, officiis sit vitae dolore saepe eos voluptas expedita dolores ea, provident possimus quas. Eaque libero provident adipisci voluptatibus a!

Code (linksbündig, mittig und rechtsbündig):

Bilder (unsichtbar)

Für Übersichts-Kacheln beim Blog (z.B. wenn Video) oder Rezepte

Code:


Bildumbrüche

Ist ein Bild mit float (links- oder rechtsbündig) eingesetzt, sollte danach ein Umbruch eingesetzt sein, der den text links daneben bei schmalen Bildschirmen unter das Bild schiebt.

Code:


Zitat

Meine Produkte suche ich immer nach höchsten Qualitätsansprüchen aus. Darum bin ich auch zu Body Attack gekommen. Ich will eine Sicherheit, dass ich keine verunreinigten Substanzen zu mir nehme. Die Kölner Liste ist dabei ein wichtiges Stichwort. Denn ich will kein Risiko eingehen und irgendwann eine positive Dopingprobe haben.“'

Tobias Schadewaldt, Olympiasportler und Deutscher Meister im Segeln

Code:


Im Text ein normaler Link ohne class.
Code:


Im Text ein dunkler Link (z.B. für verlinkte Überschriften oder dezentere Links)
Class: linkdunkel
Code:



Farben

Rot: #CC0000
Dunkelrot: #950000
Hellgrau #F2F2F2
Weiss: #FFFFFF
Gelb: #FFCE00
Grün: #007F36
Grau (Border): #C9C9C9


CSS-button

Testlink cssbutton Class: cssbutton
Code:


Call-to-action-button

Testlink calltoactionbutton Class: cssbutton calltoactionbutton
Code:



Anzeigen-/ Entfernen-button

Artikel anzeigenArtikel entfernenShow product

Select-Standard


Class:select


Select-Mini


Class:selectmini


Select-Auswahl


Class:auswahl

Formular


Radiobutton
Checkbox
Class der Form:form

Haken/ Listen

Grüner Haken
Roter Haken
Class: haken, hakengruen, hakenliste, hakenlistegruen
Code:


Ausreißer-Ebene


Beispieltext

Class: ausreisserdiv + contentbreite
Code:



Spaltenlayout

Optipep® ist eine neue Reihe innovativer Molkenproteinhydrolysate für Sporternährung, die eine schnelle Aufnahme und eine erstklassige Protein-Versorgung garantiert. Aufgrund des schonenden Herstellungsverfahrens bietet Optipep® ein hervorragendes Aminosäure-Profil und niedrige Laktosewerte.

Die Milch-Bestandteile von Optipep® werden übrigens aus artgerechter Weidehaltung gewonnen. Weidemilch enthält nachweislich mehr Omega-3-Fettsäuren und konjugierte Linolsäuren und ist damit gesünder. Auf zusätzliches Kraftfutter, das mitunter Hormone wie BST enthält, und den Einsatz von Antibiotika kann bei artgerechter Weidehaltung verzichtet werden – für gesundes GRASS-FED Protein.

Durch das patentierte Herstellungsverfahren bietet Optipep® nicht nur eine leichte Verdaulichkeit, sondern dank der Einführung von Enzymmischungen in den Herstellungsprozess auch ein außergewöhnlich sauberes Geschmacksprofil. Das Problem des bitteren Geschmackes der hydrolysierten Molkenproteine gehört damit der Vergangenheit an.

Aufgrund dieser hochwertigen Eigenschaften haben wir Optipep® gewählt, um Geruch und Geschmack unserer Produkte zu verbessern, aber auch um eine schnelle Verfügbarkeit der Protein-Quelle um das Training herum zu gewährleisten.


Class: spalten
Code:


Video


Code:

Den inneren iframe-Code gibt es bei YouTube auf der Seite des Videos unter Teilen - Einbetten.

Die Optionen wie unten einstellen!


WICHTIG: An die iframe-Quelle noch dieses anhängen: ?rel=0&showinfo=0
(verhindert Videovorschläge von Fremden am Ende des Videos)

Sieht dann etwa so aus:
<div class="responsive-video"><iframe width="700" height="394" src="https://www.youtube-nocookie.com/embed/Tbkq41-Toew?rel=0&showinfo=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>


Squarelovin/ Instagram

Instagram-Widget von Squarelovin einbauen.



Code:



Produkt-Teaserbox(en)

Im Text ein oder mehrere Produkte als Box einsetzen.
Dazu die Nummer(n) gegen die Produkt-ID(s) vom BA Shop austauschen.

Code:



Listen erstellen

Zeilen markieren und per Klick zu ... ungeordneter | geordneter Liste machen:



ACHTUNG: Alle tags entfernen



Übungsbilder

Jeweils unter den Muskelaufbauübungen einzusetzen.
Je nach Anzahl der Bilder (3 oder 5) die 3er oder 5er-Varianten als Vorlage nutzen.

ÜBUNGSBESCHREIBUNG



Code:



E-mail Adressen im Content

E-mail Adressen nicht in echter Schreibweise in die Texte einbauen (SPAM!!).
Einfach mit einem (oder auch zwei) tags mitten in der Adresse einsetzen.

Code:



2er-Rahmen Bild/ Text für Content

2er-Rahmen-Bild mit Text rechts daneben und Link-button.

 
PROTEIN POWER
Hochwertige Proteine zur optimalen Unterstützung Deines Trainings.

ZUM SHOP



Code: