Serendipity Forums

Posted: **Fri Jan 26, 2007 5:58 pm**

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?

Posted: **Fri Jan 26, 2007 6:44 pm**

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;

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; }

Hope that helps,

Carl

Posted: **Tue Jan 30, 2007 4:15 pm**

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?

Posted: **Tue Jan 30, 2007 4:16 pm**

I just thought also that perhaps I should update the theme? I noticed on your page there was an updated version (I'm running the very first port you made available.)

Posted: **Thu Feb 08, 2007 12:17 am**

Did you ever figure this out? I tried using the styles given above, but they do not seem to effect anything.

Thanks so much!

Posted: **Thu Feb 08, 2007 1:40 am**

No I haven't been able to figure it out either.

I can't change the appearance of images on my blog.

Posted: **Thu Feb 08, 2007 7:19 pm**

If you provide a link to an entry with images you'd like to have formatted, we can try it out in real-time and provide a better solution.

Posted: **Thu Feb 08, 2007 10:13 pm**

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

Serendipity Forums

Changing the way images display

Changing the way images display

same issue...

here is the solution