Last active
December 14, 2015 13:49
-
-
Save tom--/5096197 to your computer and use it in GitHub Desktop.
Example of styling the text in a Spinitron "now playing" iframe. Description is in a comment below.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
| <title>Spinitron Playlists</title> | |
| </head> | |
| <body> | |
| <p class="recentsong"> | |
| <span class="songpart"><b>Wave Guidance Allows Three</b></span> | |
| <span class="artistpart">by <b><a target="_top" href="/public/index.php?station=wzbc&dbdetail=a&dbid=83733">The Swifter</a></b></span> | |
| <span class="diskpart">from <b><a target="_top" href="/public/index.php?station=wzbc&dbdetail=d&dbid=190343">The Swifter</a></b></span> | |
| <span class="labelpart">(<b><a target="_top" href="/public/index.php?station=wzbc&dbdetail=l&dbid=30332">The Wormhole</a></b>)</span> | |
| <span class="spunpart">spun | |
| <span class="djpart">by <span><a target="_top" href="/public/index.php?station=wzbc&djuid=169">Saul</a></span></span> | |
| <span class="timepart">at <span>9:10pm</span></span> | |
| <span class="playlistpart">on | |
| <a target="_top" href="/public/index.php?station=wzbc&plid=23621"><span class="showname">Fat's Superhead & the 68 Year Old Man </span> | |
| <span class="datepart">(Tue Mar 5th)</span></a> | |
| </span> | |
| </span> | |
| </p> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| color: #bbb; | |
| background: black; | |
| font-family: sans-serif; | |
| font-size: 12px; | |
| line-height: 16px; | |
| } | |
| p.recentsong b { | |
| font-weight: bold; | |
| color: white; | |
| } | |
| p.recentsong a { | |
| color: #ff8000; | |
| } | |
| p.recentsong span.songpart { | |
| font-style: italic; | |
| } | |
| p.recentsong span.labelpart, | |
| p.recentsong span.djpart, | |
| p.recentsong span.datepart{ | |
| display: none; | |
| } |
Author
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
The
nowplaying.htmlfile above is an example of a page from http://spinitron.com/public/newestsong.php?station=wzbc which you could use as the src url of an<iframe>. But you probably want to style it differently.styles.cssdemonstrates some style rules you could use with the html.Admin users can save a stylesheet in Spinitron (Admin menu: CSS Stylesheet) or anyone may keep a stylesheet on some other server. To use a stylesheet stored in Spinitron, add
&css=trueto the iframe's src url:If it is elsewhere then add instead
&stylesheet=followed by the url-encoed url to the stylesheet:in which
http%3A%2F%2Fexample.com%2Fstyles.cssis just an example, it is the url-encoded value forhttp://example.com/styles.css.