AshevilleRPG
Wondering if anyone's ever tried to include a news ticker-style scroll to their OP page, similar to the ones on the right hand side of "this page.":http://allwebco-templates.com/support/S_script_IFrame-NewsScroll.htm
I'm having trouble getting any HTML code to work on my site, and I'm wondering if it's just too complex of a code for OP to work with.
Comments
"http://cssdeck.com/labs/css-news-ticker":http://cssdeck.com/labs/css-news-ticker":http://cssdeck.com/labs/css-news-ticker">http://cssdeck.com/labs/css-news-ticker
If you want a horizontal scrolling ticker, this one looks good:
"http://www.cssplay.co.uk/menu/css3-marquee-two.html":http://www.cssplay.co.uk/menu/css3-marquee-two.html
I was not so wise as to include the code on the page, but firebug or chrome developer tools should let you poke around. If folks really want it, I can add the code to the page.
"here's the page":http://www.obsidianportal.com/campaign/test-campaign-ghv2/wikis/test-scroll
It's at the bottom of "News Ticker":http://www.obsidianportal.com/campaign/test-campaign-2/wikis/news-ticker
First off, awesome looking page!
Second, I can't seem to find the code for the marquee in your custom style sheet. Maybe I'm just missing it, but here's what it should be:
.wrapper {width:680px; height: 45px;border:1px solid #aaa;margin:0 auto; overflow:hidden; border-radius:8px;}
.marquee{position:relative;
overflow:hidden;
float:left;
}
.marquee span{font:25px Courier, sans-serif; line-height:25px; padding-left:50px;
white-space: nowrap;
display:inline;
position: relative;
top:-15px;
left:0%;
-moz-animation: marquee 15s infinite linear 1s;
-webkit-animation: marquee 15s infinite linear 1s;
}
.marquee:hover span{
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
}
.marquee span:after {content:attr(rel); display:inline; color:black; padding-left:10px;}
@-webkit-keyframes marquee{
0% {left: 0%;}
100% {left: -50%;}
}
@-moz-keyframes marquee{
0% {left: 0%;}
100% {left: -50%;}
}
What you have on the page itself looks like it should be correct, but here's what I've got. I hope you don't mind the goofy text. :) It's was an experiment for a sci-fi campaign.
Ancient ship found on outerworld. Gga sends team to investigate. Ancient ship found on outerworld. Gga sends team to investigate.
As I said earlier, OP seems to cause some of the code to behave strangely. I had to edit the type placement and a few other things to get it to look okay. Hopefully we can get it working for you.
The code definitely works, but it's very strange at times. I'm guessing some part of OP's own stylesheets or some kind of scripting on the site causes the weird behavior.