End of Support for Joomla 3 - Forum closed

Rounded images

Rounded images was created by MaxSchaaper

Posted 7 years 5 months ago #15997
Hallo,

Ich benutze das Adventures Template mit TinyMCR und wolte gerne auch "circle" und "rounded" images benutzen.
Dazu habe ich "editor.css" zugefugt an das template mit nachfolgender einhalt:

.img-rounded {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.img-polaroid {
padding: 4px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.img-circle {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}

Die styles sind jetz sichtbar im artikel-editor aber wen ich sie benutzen dan passiert nichts.

Wie kan ich das schaffen?

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Rounded images

Posted 7 years 5 months ago #16009
Hallo, wenn sie die Styles für Bilder nutzen möchten, dann müssen sie diese Styles händisch in den Quelltext eingeben.
Mit dem Joomla Editor werden sie scheitern!
Editor deaktivieren und folgenden Code einfügen:

<img class="img-polaroid" src=".png"/>

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2022 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License