Frontpage Slideshow

[RoarinRow]

So strange, this like didn't seem to do anything   

Code Select Expand

.fpss_introtext h1 {font-size:14px;margin:0px 0px 4px 0px;padding:0px;color:#FF9900;}

[akulion]

lol it could be cos i suck at css

try moving the color thingie next to the font like

Code Select Expand


.fpss_introtext h1 {font-size:14px;color:#FF9900;margin:0px 0px 4px 0px;padding:0px;}


if that dosent work then we will need expert css help

[RoarinRow]

lol it could be cos i suck at css

try moving the color thingie next to the font like

Code Select Expand


.fpss_introtext h1 {font-size:14px;color:#FF9900;margin:0px 0px 4px 0px;padding:0px;}


if that dosent work then we will need expert css help

hahahaha, it didn't work      

[akulion]

try putting in the colors manually to each slide like this:

Code Select Expand


<h1><a href=http://yoursite.com/>
Heading Goes here!</a></h1>


u could try

Code Select Expand


<h1><a href=http://yoursite.com/>
<font color="#00FF00">Heading Goes here!</font></a></h1>


[akulion]

yup the above method works perfectly
just tested it on my own site

[RoarinRow]

yup the above method works perfectly
just tested it on my own site

It worked, but it changed the color of the other 'h1' headings in the article below the slideshow.  no problems.  i like it the way it is   :coolsmiley:

at least there's a fix if i decide to put it in a stand alone center block  :up:

[akulion]

yea the css seems to be over riding the header settings

[brianjw]

Some reason the code I am using below:

Code (I am using) Select Expand


<div class="div_contenttabelle">
  <div class="div_content-container">
    <div class="div_content" > <a name="inhalte" id="inhalt"></a>
      <div class="moduletable">
<link href="/modules/mod_fpslideshow/mod_fpslideshow.css" rel="stylesheet" type="text/css"/>
<style type="text/css" media="screen">
#fpss-container {width:490px;}
#fpss-slider, #slide-loading, .slide {width:490px;height:300px;}
#slide-outer, #slide-outer .slide-inner {height:300px;}
</style>
<!--[if lt IE 7]>
<style type="text/css" media="screen">
html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}
</style>
<![endif]-->
<script language="javascript" type="text/javascript" src="/modules/mod_fpslideshow/prototype.lite.js"></script>
<script language="javascript" type="text/javascript" src="/modules/mod_fpslideshow/moo.fx.js"></script>
<script language="javascript" type="text/javascript" src="/modules/mod_fpslideshow/moo.fx.pack.js"></script>
<script language="javascript" type="text/javascript" src="/modules/mod_fpslideshow/mod_fpslideshow.js"></script>
<div id="fpss-container">
  <div id="fpss-slider">
    <div id="slide-loading"></div>
    <div id="slide-wrapper">
      <div id="slide-outer">

<div class="slide">
<div class="slide-inner">
<a href=http://www.brianjwilson.com/><img src="/modules/images/forum.gif" /></a>
<div class="fpss_introtext"><h1><a href=http://brianjwilson.com/index.php?action=forum>
Forum</a></h1><p>
Nice community to talk about anything you wish.</p><a href=http://brianjwilson.com/index.php?action=read;sa=forum class="readon">
More...</a></div>
</div>
</div>
<div class="slide">
<div class="slide-inner">
<a href=http://brianjwilson.com/index.php?action=arcade><img src="/modules/images/arcade.gif" /></a>
<div class="fpss_introtext"><h1><a href=http://brianjwilson.com/index.php?action=arcade>Arcade
</a></h1><p>Play fun games and beat other peoples highscores using the Arcade.</p><a href=http://brianjwilson.com/index.php?action=read;sa=arcade class="readon">More...</a></div>
</div>
</div>
<div class="slide">
<div class="slide-inner">
<a href=http://brianjwilson.com/index.php?action=gallery><img src="/modules/images/gallery.gif" /></a>

<div class="fpss_introtext"><h1><a href=http://brianjwilson.com/index.php?action=gallery>Gallery</a></h1>
<p>View and post pictures in the gallery of all types.</p><a href=http://brianjwilson.com/index.php?action=read;sa=gallery class="readon">More...</a></div>
</div>
</div>
<div class="slide">
<div class="slide-inner">
<a href=http://brianjwilson.com/index.php?action=shop><img src="/modules/images/shop.gif" /></a>
<div class="fpss_introtext"><h1><a href=http://brianjwilson.com/index.php?action=shop>
Shop</a></h1><p>Buy cool items that make your status in our forum increase!</p><a class="readon" href=http://brianjwilson.com/index.php?action=read;sa=shop>
More...</a></div>
</div>
</div>

<div class="slide">
<div class="slide-inner">
<a href=http://brianjwilson.com/index.php?action=avtr><img src="/modules/images/avatar1.gif" /></a>
<div class="fpss_introtext"><h1><a href=http://brianjwilson.com/index.php?action=avtr>
Avatar Maker</a></h1><p>Create a personalized avatar that can look like anything.</p>
<a class="readon" href=http://brianjwilson.com/index.php?action=read;sa=avatar>
More...</a></div>
</div>
</div>
<div class="slide-inner">
<a href=http://brianjwilson.com/index.php?action=chat><img src="/modules/images/chat.gif" /></a>
<div class="fpss_introtext"><h1><a href=http://brianjwilson.com/index.php?action=chat>
Chat</a></h1><p>Talk to people from anywhere in our chat rooms. Have private parties by PMing admin.</p>
<a class="readon" href=http://brianjwilson.com/index.php?action=read;sa=chat>
More...</a></div>
</div>
</div>
<div class="slide-inner">
<a href=http://brianjwilson.com/index.php?action=tpmod;dl><img src="/modules/images/downloads.gif" /></a>
<div class="fpss_introtext"><h1><a href=http://brianjwilson.com/index.php?action=tpmod;dl>
Downloads</a></h1><p>Download items we give you for download.</p>
<a class="readon" href=http://brianjwilson.com/index.php?action=read;sa=downloads>
More...</a></div>
</div>
</div>

      </div>
    </div>
  </div>
  <div id="navi-outer">

    <div class="ul_container">
      <ul>
        <li>
<a href="#prev" onclick="showPrev();clearSlide();" title="Previous">
</a>
</li>
                <li>
<a class="navi" href="#01">01</a>
</li>

                <li>
<a class="navi" href="#02">02</a>
</li>
                <li>
<a class="navi" href="#03">03</a>
</li>
                <li>
<a class="navi" href="#04">04</a>

</li>
                <li>
<a class="navi" href="#05">05</a>
</li>
                <li>
<a class="navi" href="#06">06</a>
</li>
                <li>
<a class="navi" href="#07">07</a>
</li>

                <li><a href="#next" onclick="showNext();clearSlide();" title="Next">
</a></li>
        <li><a href="#play/pause" onclick="playButtonClicked();return false;" id="playButton">
Pause</a></li>
      </ul>
    </div>

  </div>
</div>
</div>
      <div class="clr"></div>
    </div>

  </div>
  </div>

<script type="text/javascript">
function init() {
    if (arguments.callee.done) return;
    arguments.callee.done = true;
    if (_timer) clearInterval(_timer);
initFrontpageSlideshow();

initShowHideDivs();
tabberAutomatic(tabberOptions);
};
if (document.addEventListener) {
    document.addEventListener("DOMContentLoaded", init, false);
}
/*@cc_on @*/
/*@if (@_win32)
    document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");
    var script = document.getElementById("__ie_onload");
    script.onreadystatechange = function() {
        if (this.readyState == "complete") {
            init(); // call the onload handler
        }
    };
/*@end @*/
if (/WebKit/i.test(navigator.userAgent)) { // sniff
    var _timer = setInterval(function() {
        if (/loaded|complete/.test(document.readyState)) {
            init(); // call the onload handler
        }
    }, 10);
}
window.onload = init;
</script>


Isnt working right. Any ideas? Thanks,

Brianjw

[RoarinRow]

What do you see?

[brianjw]

It stretches out over the entire page, i need an html expert.
I am better at php then I am at html lol