Tekstkleur binnen iFrame aanpassen dmv css

Pagina: 1
Acties:

Onderwerpen


Acties:
  • 0 Henk 'm!

  • robbinonline
  • Registratie: September 2007
  • Laatst online: 10:13
Ik zit met het volgende ik heb een iframe widget op een website geplaats alleen de tekst kleur vloekt op de achtergrond van de website. Is het mogelijk dmv css het lettertype aan te passen.

Ik heb het volgende script geplaats op de website
code:
1
2
<div style="width: 160px;height: 225px;margin-top: 15px;"><div style="margin:7px 10px;">
<iframe id="widget-frame" src="http://www.weeronline.nl/Go/ExternalWidgetsNew/TwoDaysCity?gid=4057902&activityType=0&sizeType=2&temperatureScale=Celsius&defaultSettings=Falsehttp://www.weeronline.nl/Go/ExternalWidgetsNew/TwoDaysCity?gid=4057902&activityType=0&sizeType=2&temperatureScale=Celsius&defaultSettings=False" width="140" height="95" frameborder="0" scrolling="no" style="border: none;" allowtransparency="true"></iframe></div></div>


De pagina waar het iFrame naar toe verwijst bevat een stylesheet waar de tekstkleur in gesteld staat en daarvan moet ik deze code hebben
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
.wol_wg_container .new-widget .widget-content .widget-data .widget-forecast .widget-forecast-item .widget-temperatures .daylabel{
    color: #FFFFFF;
    display: block;
    font-size: 10px;
    margin-bottom: 8px;
    width: 65px;
}

.wol_wg_container .new-widget .widget-content .widget-data .widget-forecast .widget-forecast-item .widget-temperatures .temperatures strong{
    color: #BBBBBB;
    letter-spacing: normal;
    padding-left: 2px;
}


Nu heb ik dit geprobeerd te includen op mijn website en toe te passen op het iframe, alleen geen resultaat.
Heeft iemand ideen?

Ga niet uit van het haalbare, maar van het denkbare


Acties:
  • 0 Henk 'm!

  • C0rnelis
  • Registratie: Juni 2010
  • Laatst online: 26-08 22:21
Waarom moeilijk doen als het gemakkelijk kan?

http://www.weeronline.nl/Weer-Widgets/4058223/0

Ik weet niet waar jij die widget code vandaan hebt geplukt, maar bij weeronline lijken ze in ieder geval de mogelijkheid te bieden om tijdens die stap al kleuren aan te passen.

PS
Controleer ook eens de src-value van je iframe...

Acties:
  • 0 Henk 'm!

  • robbinonline
  • Registratie: September 2007
  • Laatst online: 10:13
De widgetcode komt al daar vandaan. De kleuren die je daar kan aanpassen is het frame met tekst eromheen en niet de tekst van de temperatuur etc.

Afbeeldingslocatie: https://dl.dropbox.com/u/16936480/Screenshot%202012-08-10%20om%2021.26.58%20copy.png

Ga niet uit van het haalbare, maar van het denkbare


Acties:
  • 0 Henk 'm!

  • C0rnelis
  • Registratie: Juni 2010
  • Laatst online: 26-08 22:21
In dat geval kun je de kans grijpen om het onder de aandacht te brengen van weeronline.nl als feature request, wie weet kunnen zij dat heel snel voor jou inbouwen.

Als je google gebruikt dan kom je snel tot de conclusie dat het aanpassen van de css binnen een iframe niet gaat lukken, tenzij jij uiteraard zelf kunt bepalen wat voor HTML er in komt. Een oplossing die wordt aangedragen betrekt JavaScript erbij, maar dat werkt enkel wanneer de source van het iframe afkomstig is van hetzelfde domein.

bron van ervaringen: http://stackoverflow.com/...ow-to-apply-css-to-iframe

Acties:
  • 0 Henk 'm!

  • phex
  • Registratie: Oktober 2002
  • Nu online
Ja kan het iframe proxy-en door de code serverside in te laden en de links aan te passen zodat ze naar jouw proxy wijzen. Dan kan je zelf css toevoegen aan het iframe. Denk alleen niet dat weer-online dat leuk vindt.