Infobox erstellen

[avogt]

Hallo Forum,

ich habe mich in Contao ganz gut eingearbeitet. Leider sind meine Fähigkeiten im CSS sehr begrenzt - habe mir aber nun die Contao Bücher gekauft. Hilft hoffentlich bald.

Ich brauche mal Hilfe für die Umsetzung folgender Idee.

Ich möchte eine Infobox erzeugen, die ich dann in die rechte Spalte einfügen möchte. Diese Infobox solle eine Überschrift erhalten, z.B. Ansprechpartner, darunter ein Bild oder Logo und dazu e-Mail und vcard. Beispiel siehe link:
http://www.ascota.de/datev-anwendungen.html

Diese Infobox möchte ich dann auch auf anderen Seiten einblenden.
Wie muss ich vorgehen?
avogt

[Silvano]

Hallo avogt

Ist es immer der selbe Ansprechpartner oder nicht?
Wenn nicht setzt Du unter Artikel in der rechten Spalte jeweils ein Textelement hinein. In der Überschrift wählst Du ein hX (also h1, h2, h3, h4, ...) welches Du noch sonst niergends verwendet hast und dort schreibst Du dann "Ansprechspartner" hinein und im Texteditor unten fügst Du das Bild sowie den Text ein. Zusätzlich gibst Du noch eine CSS ID (unter Experten-Einstellungen) an.

Danach ist eigentlich alles nur noch CSS.
dem hX (eben die Nummer die Du bei der Überschrift gewählt hast) gibst Du folgendes

.hX
{
background-color: #farbcode;
border: 1px solid #farbcode 1px 1px 0px 1px;
ggf. weitere (Schriftart, Schriftgrösse, ...)
}

dem Textelement (also der CSS ID) kannst Du in etwas folgendes geben

div#CSSID
{
background-color: #farbcode;
border: 1px solid #farbcode 1px 1px 1px 1px;
padding: 5px 5px 5px 5px; (oder sonst einen Wert)
ggf. weitere (Schriftart, Schriftgrösse, ...)
}

Du musst halt deine CSS Werte angeben. Hab da nur was aus dem Kopf eingetragen ...
Ansonsten würde Dir das noch ein wenig weiterhelfen.
Gruss Silvano

[ahelmis]

Zwei einfache Möglichkeiten:

1. Du erstellst ein neues Modul (HTML) und schreibst statischen Inhalt sozusagen händisch ins Modul, dann bindest du dieses im entsprechenden Seitenlayout ein.

2. Du erstellst eine Seite, die im Menü versteckt und nicht veröffentlicht wird, nennst diese z.B. Inhaltselemente. Dann fügst du in diese Seite einen Artikel ein, den du z.B. Inhaltsbox nennst und veröffentlichst. Als nächstes erstellst du ebenfalls ein neues HTML-Modul und fügst folgenden Code ein:

<!-- indexer::stop -->
{{insert_article::*}}
<!-- indexer::continue -->

wobei * durch die ID des vorher erstellten Artikels ersetzt wird. Dann bindest du dieses Modul im entsprechenden Seitenlayout in der rechten Spalte ein.
So bleibt der Inhalt auch für Redakteure pflegbar.

[Silvano]

1. Du erstellst ein neues Modul (HTML) und schreibst statischen Inhalt sozusagen händisch ins Modul, dann bindest du dieses im entsprechenden Seitenlayout ein.

Bei dieser Lösung, nur als Info, müsstest Du dann einfach für jeden Ansprechspartner ein Modul erstellen.

[avogt]

Vielen Dank, das war ja super schnell!

Also die Infobox möchte ich für unterschiedliche Sachen verwenden. Z.B. verschiedene Ansprechpartner mit Bild oder Logo.

Schade, das es dafür keine Erweiterung gibt.
Ich versuche mal, Eure Vorschläge zu realisieren.
Danke
avogt

[mandrake]

Hallo avogt,

schau Dir einmal diese praktische Erweiterung an: http://www.contao.org/erweiterungsli...120009.de.html.

MfG
Peter

[frank]

Hallo,

mein Virenscanner meldet bei dem von @avogt genannten Link http://www.ascota.de/datev-anwendungen.html (eine Contao-Seite) Virenalarm!? Siehe Anlage.

Kann das noch jemand bestätigen?

Freundliche Grüße
Frank

[Silvano]

Hallo,

mein Virenscanner meldet bei dem von @avogt genannten Link http://www.ascota.de/datev-anwendungen.html (eine Contao-Seite) Virenalarm!? Siehe Anlage.

Kann das noch jemand bestätigen?

Freundliche Grüße
Frank

nö, sind keine Viren. Seltsame Meldung ... kann mir nicht vorstellen dass das jQuery Packet bei Google (googlecode.com) einen Virus drin hat.

[avogt]

Hallo alhelmis,
ich habe mal Deinen Vorschlag umgesetz. Soweit ok.
Nun möchte ich aber das ganze formtieren.
Dafür habe ich eine Klasse
.mod_infobox (so laut das Modul) erstellt.
Aber die CSS greift nicht!!!

Kannst Du mir noch einen Tipp geben.
Wie muß ich denn nun in CSS formatieren!
Danke
avogt