CMSimple Test- und Demoseite

Seite
Menü
Info
Sie sind hier:   Startseite > Tests und Demos > TinyMCE image descriptions

TinyMCE image descriptions

Kirche in Fürstenberg
Das ist die Bildbeschreibung. Man kann sie ganz einfach im Editor bearbeiten. This is the image description. You can easily edit it by the editor.

Das ist ein Test der TinyMCE Funktion image_caption. Folgender CSS Code sorgt für ein voll responsives Verhalten. Er kann am Ende der stylesheet.css des Templates eingefügt werden.

/* TinyMCE image descriptions */
figure.image {
background: #ddd;
border: 0px solid;
padding: 0;
margin: 20px 0 30px 0;
}

figure.image img {
box-sizing: border-box;
display: block;
width: 46%;
max-width: 300px;
float: right;
margin: 0 0 12px 20px;
}

figure.image figcaption {
background: #ddd;
font-size: 14px;
line-height: 1.2em;
font-style: italic;
padding: 9px 16px;
}

@media (max-width: 480px) {
figure.image img {
width: 100%;
max-width: 100%;
float: none;
margin: 0;
}
}

Seite
Menü
Info

Newsbox News01

This box shows the content of the hidden page "News01".

More information about newsboxes can be found in the documentation on

cmsimple.org »


Diese Box zeigt den Inhalt der versteckten Seite "News01".

Mehr Informationen zum Thema Newsboxen gibt es in der Dokumentation auf

cmsimple.org »

Newsbox News02

This box shows the content of the hidden page "News02".

More information about newsboxes can be found in the documentation on

cmsimple.org »


Diese Box zeigt den Inhalt der versteckten Seite "News02".

Mehr Informationen zum Thema Newsboxen gibt es in der Dokumentation auf

cmsimple.org »

Newsbox News03

This box shows the content of the hidden page "News03".

More information about newsboxes can be found in the documentation on

cmsimple.org »


Diese Box zeigt den Inhalt der versteckten Seite "News03".

Mehr Informationen zum Thema Newsboxen gibt es in der Dokumentation auf

cmsimple.org »

Seite
Menü
Info

Powered by CMSimple | Template by CMSimple | Login