Say I wanted to change the way images display in a post...perhaps give them that Kodak picture border that makes them look professional as opposed to just being a picture.
Where do I alter this at?
Changing the way images display
-
- Regular
- Posts: 1331
- Joined: Sun Dec 04, 2005 5:43 pm
- Location: Andalucia, Spain
- Contact:
The media manager uses its own styles, which are separate from the usual img styles, I've pasted the styles from the artisitic template below, just add these to your styles.css and then edit them the way you want;
Hope that helps,
Carl
Code: Select all
/* Embedded images with the s9y image manager */
.serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
border: 1px solid #f1f1f1;
background-color: #F5F5F5;
margin: 5px;
padding: 5px;
text-align: center; }
.serendipity_imageComment_center {
margin: auto; }
.serendipity_imageComment_left {
float: left; }
.serendipity_imageComment_right {
float: right; }
.serendipity_imageComment_img, .serendipity_imageComment_img img {
margin: 0px;
padding: 0px;
text-align: center;
border: 0px; }
.serendipity_imageComment_txt {
border-top: 1px solid #f1f1f1;
margin-top: 3px;
padding: 3px;
clear: both;
font-size: 8pt;
text-align: center; }
Carl
Carl,
I wasn't able to change appearance by altering this :/ I'm using your Andreas8 port altered by myself @ http://linux-blog.org
I've also found one other problem...that is with where the digg links are displayed...e.g. http://linux-blog.org/index.php?/archiv ... eeded.html
No matter if I put them at the bottom or the top, I get an oddly trunctuated digg link. I'd like to alter both that and the images to appear more appealing to my visitors (border for the images).
Do I need to just skip all these questions and take your theming tutorial?
I wasn't able to change appearance by altering this :/ I'm using your Andreas8 port altered by myself @ http://linux-blog.org
I've also found one other problem...that is with where the digg links are displayed...e.g. http://linux-blog.org/index.php?/archiv ... eeded.html
No matter if I put them at the bottom or the top, I get an oddly trunctuated digg link. I'd like to alter both that and the images to appear more appealing to my visitors (border for the images).
Do I need to just skip all these questions and take your theming tutorial?
same issue...
Did you ever figure this out? I tried using the styles given above, but they do not seem to effect anything.
Thanks so much!
Thanks so much!
here is the solution
edit serendipity_editor.js file. Images are stored "in-line" as html in each entry body. Therefore, the code is only effected if you re-insert the image. You can create a class for the images and add the class to the image tags starting at line 210 of the above file. After you add the class, you will need to re-insert the image. That is not the most efficient - does anyone know if it would easy to use the TinyMCE text editor with serendipity? It has better image management - including interfacing with Gallery and allowing for easier styling of images from the editor....thanks