Ambiera Forum

Discussions, Help and Support.

Ambiera Forum > RocketCake
Beginners questions: external css files, pictures

bigboy
Guest
Quote
2022-05-07 19:49:03

Hi all,

I'm new to RocketCake and bought the Pro version as I hope to have found the right web editor for me.

I maintain some websites that run under a PHP-based CMS, but that CMS is no longer developed and remains on PHP 5.6, so it has to go.
The websites have only some pages and are not regularly updated so I thought to change them to static and try to rebuild them with (but not import them into) RC except for some HTML code pieces and CSS.

For the code I think I manage, my problem is CSS.
Despite reading the doc and searching this forum, I can't see how to integrate the CSS as external files. They are a bit too big for integration as code into the web pages and their maintenance there to me seems not really convenient.
So, where to put those external CSS files?
I tried to create a folder "css" and put them there, but all I was offered was to add a page, and subsequently, after publishing, they were treated as such. Not what was desired.
When I tried to add a link to that css file in the page header, that link was always put before the automatically created pagename.html.css, but this was not good either as the attributes of my css file were overridden by those from pagename.html.css. It should be the other way round.

Can anybody please give me some tips how to proceed?

Same problem: How to group all images in an image folder, or is the only way to paste them one by one into the page from the pictures folder of my PC?

Thanks for help in advance.

bigboy


niko
Moderator
Quote
2022-05-08 14:57:04

Ah, so you want to use your own html code on the page and for that, use your own css style files? And the inclusion order is needed because you still want to override some of the generated styles? That's an unusual use case.

I'm not sure, maybe you could try to add an additional CSS style code in Rocketcake and include your own file in there, like this:


@import url("yourfile.css");


Not sure if that works, though, never tried it.

Yes, for the images, there is no batch paste in there, sorry.


bigboy
Registered User
Quote
2022-05-09 00:56:14

Hi Niko,

thanks for your reply.
It may be unusual, that someone tries to use a web editor and then wants to override the generated result.
Generally I don't want to override the generated CSS, I only want that my code is not overridden by RC.

One CSS example is a background in a generated container as gradient, but with more than just begin and end.

I also want to add things that I couldn't find in RC, e.g. an accordion, the one quite often used in web pages for Q&As. There are other examples even in the RC doc under "HTML Code".

In one webpage I do have a Q&A, and after the disclaimer and also the privacy statement became longer and stricter with the GDPR and the German Telemedia Act (TMG), I use an accordion to make those pages a bit nicer looking and easier to handle.
The realisation is based on an adapted piece of HTML code and an accordingly adapted CSS with a trick.
You can find that easily in the internet, and one attraction for me - yes I might also here act in an unusual way - is that it does not need any JavaScript.
And the realisation (if it will work) still uses RC's containers.

I also like to enlarge images when clicking on them by using the transform property with ease in and out.
Just a bit of CSS, no JS needed. :-)

I hope you understand my proceeding, and sure, I'll try what you suggested and report.


Create reply:


Posted by: (you are not logged in)


Enter the missing letter in: "Internatio?al" (you are not logged in)


Text:

 

  

Possible Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons


   






Copyright© Ambiera e.U. all rights reserved.
Privacy Policy | Terms and Conditions | Imprint | Contact