iframe에있는 CSS 클래스의 스타일

Question

새로운 User Flair에 영감을 얻었지만 일반적인 경우에도이 질문이 적용됩니다.

외부 스타일을 지정하거나 JavaScript 코드를 사용할 수없는 사이트에 이와 같은 내용을 포함시키고 싶다고 가정 해 보겠습니다. 내가 할 수있는 유일한 방법은 object, embed 또는 iframe의 붙여 넣기와 다른 간단한 HTML입니다. 또한 공간의 너비는 조명 배지에 기본적으로 필요한 200 대신 160 픽셀입니다.

나는 즉, iframe이있는 valuable-flair 클래스의 스타일을 설정 160px 대신 200px로 폭을 변경하려면,이 문제를 해결합니다. 그렇다면 사용자 이름이 겹치지 않는 한 (물론 심지어 내가 이것을 이해하고 나면 같은 기술을 사용하여이를 재생할 수있는 한) 문제가 해결됩니다.

어떻게 구현할 수 있습니까?

Answer 1

SRC 속성에서 페이지를 제어 할 수없는 경우 CSS를 사용하여 Iframe의 디자인을 변경할 수있는 방법이 없습니다.

대신 서버 측에서 iframe의 src를 읽는 것이 좋습니다 (예 : PHP, Python 또는 멋진 것을 사용). ffen()을 src와 fread()를 변수로 바꾸고,이 변수에서 str_replace를 수행하여 (내용을 추출하려면 < body>, </body> ...를 제거하십시오.) 디자인과 함께 플레이하고 결과를 페이지에 배치하십시오.

이렇게하면 디자인을 제어 할 수 있습니다.

Answer 2

너비와 높이에 대한 CSS가 절대 값보다는 백분율로 표시되는 경우 IFrame을 조정하여 너비를 조정할 수 있습니다. 그러나 맞춤 구현을 호스팅하는 것이 불가능한 경우 JavaScript가 없으면 운이 없게됩니다.