Elxis CMS Forum

Support => General => Topic started by: ahmet on December 24, 2011, 15:22:53

Title: applying css to images, entered in tinymce?(THANKS WEBGIFT 4 SOLUTION)
Post by: ahmet on December 24, 2011, 15:22:53

hello all,
i am always putting border,adding padding and changing colors of the border for the  images that are put through  tinymce..
is there anyway  that i can apply css to these images?
thanks..

Title: Re: applying css to images, entered in tinymce?
Post by: webgift on December 24, 2011, 15:46:04

Yes you can do that.
Steps :
1. Create a class at your layout.css file of your template.
.myimages img {
border:1px solid #000; /* black color */
padding : 5px;
}

2. At the TinyMCE Editor you have to set this css class of your images.

Title: Re: applying css to images, entered in tinymce?
Post by: ahmet on December 24, 2011, 23:32:56

thanks,
u said" 2. At the TinyMCE Editor you have to set this css class of your images."
how do i exactly set this?
what is media css?

Title: Re: applying css to images, entered in tinymce?
Post by: webgift on December 25, 2011, 13:58:23

- Click on the image.
- At the toolbar of TinyMCE Editor there is an icon on which you can insert/edit images.
- Click on it and go to the tab named 'Appearance'
- You can set here the css class of the image.

Title: Re: applying css to images, entered in tinymce?
Post by: ahmet on December 26, 2011, 11:10:00

thank you very much...
to apply water mark on images through css , we have to wait till browsers are able to use  css3.
right?

Title: Re: applying css to images, entered in tinymce?
Post by: webgift on December 26, 2011, 11:41:42

You are welcome, ahmet.
There is some techniques that you can add watermarks on images f.e: using Javascript instead of css3 code. ;)

Title: Re: applying css to images, entered in tinymce?
Post by: ahmet on December 26, 2011, 12:13:56

i have lots of pictures at the moment....
is it possible with adding javascript and it will apply to all images(without touching anything regarding the image , class etc.)
can u provide me link if y have..
thanks..

Title: Re: applying css to images, entered in tinymce?(THANKS WEBGIFT 4 SOLUTION)
Post by: webgift on December 26, 2011, 14:56:15

If you search it from google you will find out some interesting results. However it's not so easy to be included.

Title: Re: applying css to images, entered in tinymce?(THANKS WEBGIFT 4 SOLUTION)
Post by: ahmet on December 26, 2011, 20:50:08

yeap u are right..
in google theres lots of info but most of them unfornutaly trash...
anyway... there ara some problems when u use java script as i know..
the best way it looks like using a htaccess meanwhile using lots of source...

P.s. instead of learning all these i would like to spend more time on design... and would like have a partner can do these 4 me..

Title: Re: applying css to images, entered in tinymce?(THANKS WEBGIFT 4 SOLUTION)
Post by: ahmet on January 25, 2013, 17:57:23

it will be a very stupid question but how can i understand that which template uses which css class.. forexample stanlingrad- nautilus