Elxis CMS Forum
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
News: Elxis 4.x documentation for users and developers
 
Pages: [1]
  Print  
Author Topic: applying css to images, entered in tinymce?(THANKS WEBGIFT 4 SOLUTION)  (Read 1130 times)
ahmet
Sr. Member
****
Offline Offline

Posts: 254


360 HDR Virtual Tours | Windsurfing Sailing


WWW
« 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..
« Last Edit: December 26, 2011, 12:14:58 by ahmet » Logged

webgift
Elxis Team
Hero Member
*****
Offline Offline

Posts: 3293



WWW
« Reply #1 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.
Logged

ahmet
Sr. Member
****
Offline Offline

Posts: 254


360 HDR Virtual Tours | Windsurfing Sailing


WWW
« Reply #2 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?
Logged

webgift
Elxis Team
Hero Member
*****
Offline Offline

Posts: 3293



WWW
« Reply #3 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.
Logged

ahmet
Sr. Member
****
Offline Offline

Posts: 254


360 HDR Virtual Tours | Windsurfing Sailing


WWW
« Reply #4 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?
Logged

webgift
Elxis Team
Hero Member
*****
Offline Offline

Posts: 3293



WWW
« Reply #5 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. Wink
Logged

ahmet
Sr. Member
****
Offline Offline

Posts: 254


360 HDR Virtual Tours | Windsurfing Sailing


WWW
« Reply #6 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..
Logged

webgift
Elxis Team
Hero Member
*****
Offline Offline

Posts: 3293



WWW
« Reply #7 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.
Logged

ahmet
Sr. Member
****
Offline Offline

Posts: 254


360 HDR Virtual Tours | Windsurfing Sailing


WWW
« Reply #8 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..
Logged

ahmet
Sr. Member
****
Offline Offline

Posts: 254


360 HDR Virtual Tours | Windsurfing Sailing


WWW
« Reply #9 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
Logged

Pages: [1]
  Print  
 
Jump to: