How to apply CSS to external iframe? [closed] - css

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I have been taught that one can not apply CSS to cross origin iframes, but I have found that Stylebot applies CSS to iframes successfully with no problem at all.
How is this possible?
Is there any chance I can do the same in my website?

You can't apply custom CSS to cross-origin iframe ( you can only if you have direct access to the both servers )
But..
Extensions can avoid those rules because files in extensions have different policy rules. So basically you can add a JavaScript file to each and every page or iframe. And from there you can basically do anything. And this JavaScript file that was injected by your extension will never be blocked. Each and every browser has its own API, about Chrome's way of doing things you can read here :
https://developer.chrome.com/extensions/content_scripts
About extensions you can read here:
https://developer.chrome.com/extensions/getstarted

Related

Multiple CSS loading in a single page after I added a Router [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 days ago.
Improve this question
So... My pages were all done. Everything and every CSS running smoothly... And then I added my routes. Apparently my main route "/" managed to load every css file from my routes and now Im not sure what to do?
I looked it up and found some people talking about absolute pathing my styles. Didn't really work thou... Also tried to inspect and make sure nothing was overwriting my styles... I'm using reactjs. You guys have some tip for me?

Which is the most efficient way to load css? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 3 years ago.
Improve this question
I'm thinking of two options to load my css and wondering which one is the most efficient one?
Using small bits of css files and import them into a single main styles.css and use this file in the head section.
Using a common css file that contains code that applies to all pages and then create separate page-specific css files and include them in the page that need them. For example, the css for a contact page will only be used on the contact page so no need to load those css in other pages.
So which way would you go?
Thanks
The best way is using a single external "minified" CSS file for all pages. because the browser caches this file and then only the cached version will be loaded in the next load times. so your CSS load speed remains fast. but try to minify it .

Using (parts of) Wordpress Themes in xpages [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
Not sure if this is a stupid question or not,
but i want to create a better looking notes database which should remind users of our companys homepage.
Is it possible to use codes extracts of the wordpress themes css code?!
It might be easier to start with the Bootstrap4 XPages plugin on openNTF and then work to skin that.
As long as CSS stylesheets don't reference by element ID, it's possible to utilise elements. However, bear in mind that parts of the CSS stylesheets you're using may get overwritten by inline styles or stylesheets from the XPages runtime itself. In my experience, you will usually need to make some modifications to the stylesheets your using, but it's doable.

how to download an imported style sheet from a website? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I often need to use some styles from a website but i cant find those style sheets since it is linked using an import function. can anyone say how to download/view those imported style sheets.
Here is what you can do. Depending on which browser you use you can activate developer tools in the settings. You can then right klick on a part of the website you want to have the styles from and often times it says something like "inspect element" in the menu. You will then be able to view the styles that are applied to this specific element or webpage and you will also be able to copy those to the clipboard.
I actually hope this will be of help to you.
https://developers.google.com/chrome-developer-tools/

How does CSS works under the hood? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I would like to know how css works under the hood.
Whether the html that gets download will be interpreted before CSS's interpretation or after?
Or it will apply as soon as DOM has been constructed by the browser. Please give me detailed clarification on this.
An HTML page is parsed the order it is built. if the CSS is parsed already, the elements that have styles in that parsed CSS will get styled immediately when they are laid in the page. That's why CSS is preferrably loaded in the <head> - before the tags in the body get a chance of being painted to the page.
if you load the CSS late, then elements will be shown in their "unstyled form" until their styles (it any) are parsed. this is what's known as "FUOC" or "Flash Of Unstyled Content"
This page provides many details about that.
http://www.westciv.com/style_master/academy/css_tutorial/introduction/how_they_work.html
http://www.westciv.com/style_master/academy/css_tutorial/introduction/what_are_ss.html

Resources