Implement vector graphics |
Post Reply | Page 12> |
Author | ||
cancerman
Newbie Joined: Apr 21 2019 Status: Offline Points: 15 |
Post Options
Thanks(0)
Posted: Apr 21 2019 at 6:38pm |
|
Hi there!
I'm no pro. I'm a "casual user" and I've run into a little problem. I want to implement vector graphics on a site I'm buildig, but I haven't found a way to do it using the openelement software (which in other ways is EXCELLENT). Can and would someone help me? Kindest regards P
|
||
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6209 |
Post Options
Thanks(0)
|
|
You can use svg files as background images.
Add a custom class to an element that can have a background image. Let's name it: MyClass Use the Project Ressource utility to add your file (myVectorGraphicFile.svg) Then add a new css code block to your page.
It will not show on the working area but it will when previewing your page with your favorite browser.
|
||
cancerman
Newbie Joined: Apr 21 2019 Status: Offline Points: 15 |
Post Options
Thanks(0)
|
|
Thanks for the input and the tips. My thought was as an ordinary picture though. I found html code to do it, but the code didn't work when implemented on the page. But then again; I'm not a pro. I'm just dabbling.
|
||
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6209 |
Post Options
Thanks(0)
|
|
Are you talking about adding an svg file as an image or embedding the svg code into the htmlpage?
|
||
cancerman
Newbie Joined: Apr 21 2019 Status: Offline Points: 15 |
Post Options
Thanks(0)
|
|
Adding it as an image.
|
||
cancerman
Newbie Joined: Apr 21 2019 Status: Offline Points: 15 |
Post Options
Thanks(0)
|
|
I found this code, but I didn't make it work.
|
||
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6209 |
Post Options
Thanks(0)
|
|
This code works fine if you put it into a Code Block (Visual) element.
The other condition is that you put the svg file in the same folder as the page.
This works fine too
Edited by Hobby001 - Apr 23 2019 at 12:11pm |
||
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6209 |
Post Options
Thanks(0)
|
|
The only issue with your code is that it's not responsive
|
||
cancerman
Newbie Joined: Apr 21 2019 Status: Offline Points: 15 |
Post Options
Thanks(0)
|
|
Ahh! Super! Thanks :)
|
||
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6209 |
Post Options
Thanks(0)
|
|
If you use multiple pages and multiple images, you should consider building a folder system to prevent a messy site root directory
|
||
Post Reply | Page 12> |
Tweet
|
Forum Jump | Forum Permissions You cannot post new topics in this forum You cannot reply to topics in this forum You cannot delete your posts in this forum You cannot edit your posts in this forum You cannot create polls in this forum You cannot vote in polls in this forum |