Schlagwörter

Diese Schlagwörter Box kann man mit seinen eigenen Links versehen und in der CSS beliebig anpassen.
Das PHP-Skript ist von Werner-Zenk.de programmiert.

Box Einbau

Tutorial

Bitte stellt die Seite für den Einbau auf die Dateierweiterung .php in den Seiteneinstellungen um. Dazu benötig Ihr den kostenpflichtigen "Code Editor" von Mobirise.

Zieht Euch irgendeinen Block auf und kopiert den PHP Teil des Skriptes von Werner-Zenk.de, anstelle eines Textes, in den "Code Editor" </> Bereich der Werkzeugleiste.

Kopiert die CSS-Klassen in den Bereich "CSS Editor".

HTML

%

PHP

%

JavaScript

%

Hier zur Info meine CSS für die "Schlagwörter Box":

div#cloudBox {
  margin: 25px Auto 25px Auto;
  max-width: 550px;
  padding: 30px 20px 30px 20px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 30px;
  border: 1px solid #ffffff;
  text-align: Justify;
  line-height: 30px;
}
div#cloudBox a:link {
  transition: text-shadow 0.6s;
}
div#cloudBox a:hover {
  text-shadow: 1px 1px 0px #073b4c;
}

LawyerM4 Thema Akkordeon

Nur ein Beispiel

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus, voluptas explicabo molestiae tempore natus velit sed aliquam ut! Culpa asperiores, error ullam qui! Commodi nobis distinctio aperiam totam perferendis quas.

Logo

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id ullam sint repellat! Aliquid, odio magni ab rem eos odit, deleniti laboriosam voluptas inventore, iste suscipit sed ipsa! Ut aliquam, alias.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum sed exercitationem reiciendis suscipit sunt enim, tempore ex debitis fuga dolorum aliquid ea libero atque optio. Molestiae ullam at, quasi alias.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate veniam accusamus eaque recusandae modi velit a praesentium ipsa animi facilis repellendus magnam aliquam, numquam debitis fuga laboriosam, quos aut adipisci.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, dolorem, non. Sunt aliquam a odio, sapiente corporis necessitatibus quia assumenda expedita tempora error non deserunt beatae ex, eaque voluptatem quas.

Image

Akkordeon Beispiel

LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPICISING ELIT. SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus, voluptas explicabo molestiae tempore natus velit sed aliquam ut! Culpa asperiores, error ullam qui! Commodi nobis distinctio aperiam totam perferendis quas.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id ullam sint repellat! Aliquid, odio magni ab rem eos odit, deleniti laboriosam voluptas inventore, iste suscipit sed ipsa! Ut aliquam, alias.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum sed exercitationem reiciendis suscipit sunt enim, tempore ex debitis fuga dolorum aliquid ea libero atque optio. Molestiae ullam at, quasi alias.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate veniam accusamus eaque recusandae modi velit a praesentium ipsa animi facilis repellendus magnam aliquam, numquam debitis fuga laboriosam, quos aut adipisci.