Hi I would like to add two images to the standard skin that Im customizing,
a radar image and synoptic chart, (and im basing it on the radar_img on
the standard skin)..
however when the page loads the radar image seems to flood the page and is
not confined to the table on the left.
i've edited the
weewx.css and added this
#sat_img {
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
margin: 3px;
padding: 3px;
}
#sat_img img {
margin-left: auto;
margin-right: auto;
width: 90%;
margin: 3px;
padding: 3px;
}
#sat_img p {
width: 90%;
font-style: italic;
font-size: smaller;
text-align: center;
margin-top: 0;
}
/*
* Navigation bar (week, month, etc.) at the bottom
*/
And on index.html.tmpl I added this ...
#if $Extras.has_key('sat_img')
<div id="sat_img">
#if $Extras.has_key('sat_url')
<a href="$Extras.sat_url">
#end if
<img src="$Extras.sat_img" alt="Satellite" />
#if $Extras.has_key('sat_url')
</a>
<p>Click image for expanded satellite loop</p>
#end if
</div>
#end if
</div> <!--End class "stats_group" -->
Then in the skin.conf
sat_img =
http://www.weathersa.co.za//media/data/observation/satellite/IR108_RSA.JPG
sat_url = http://www.weathersa.co.za/observations/satellite
But something does not work,
--
You received this message because you are subscribed to the Google Groups
"weewx-user" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/d/optout.
