End of Support for Joomla 3 - Forum closed
Rounded images
- MaxSchaaper
- Offline Topic Author
- Fresh Boarder
- Posts: 3
- Thank you received: 0
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?
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?
by MaxSchaaper
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
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:
Mit dem Joomla Editor werden sie scheitern!
Editor deaktivieren und folgenden Code einfügen:
<img class="img-polaroid" src=".png"/>
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
Please Log in or Create an account to join the conversation.
Moderators: joomlaplates