SimplePortal

Support => International Support => Dutch (Nederlands) => Topic started by: weerforum on February 07, 2013, 06:27:57 PM

Title: Schokkerig
Post by: weerforum on February 07, 2013, 06:27:57 PM

Hallo mensen ik gebruik een code marquee maar dat ziet er erg schokkerig uit vooral met IE.
Wat is een betere optie om dit vloeiender te laten zien ?

Code: [Select]

<?php
$array = ssi_recentTopics(30, null, null, 'array');
global $contex, $txt, $settings;
echo '<marquee scrollamount="4" class="moving" onmouseover="this.stop()" onmouseout="this.start()">';
foreach ($array as $post)
{              if (!empty($post['new']) )
                    echo'';
                else
                    echo'<img src="' . $settings['lang_images_url'] . '/new.gif" class="new_posts" alt="" />';echo'<div class="triangle-isosceles" id="', $post['topic'], '" style="display: none">', $post['preview'], '</div><a href="'. $post['href']. '" target="_self" onmouseover="document.getElementById(\'', $post['topic'], '\').style.display = \'block\'" onmouseout="document.getElementById(\'', $post['topic'], '\').style.display = \'none\'">', $post['short_subject'], '</a>';
}
echo '</marquee>
<style> 
marquee.moving a
{
     font-size:13px;
     font-weight:bold;
     margin-right:50px;
}


.triangle-isosceles {
    position: fixed;
    top: 300px;
    left: 400px;
    padding:15px;
    margin:1em 0 3em;
    color:#fff;
    max-width: 400px;
    border: 1px solid #222222;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow: 3px 3px 39px 2px #222222;
    -webkit-box-shadow: 3px 3px 39px 2px #222222;
    box-shadow: 3px 3px 39px 2px #222222;
    background: -moz-linear-gradient(top, rgba(41,137,216,0.9) 0%, rgba(30,87,153,0.9) 94%, rgba(30,87,153,0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(41,137,216,0.9)), color-stop(94%,rgba(30,87,153,0.9)), color-stop(100%,rgba(30,87,153,0.9)));
    background: -webkit-linear-gradient(top, rgba(41,137,216,0.9) 0%,rgba(30,87,153,0.9) 94%,rgba(30,87,153,0.9) 100%);
    background: -o-linear-gradient(top, rgba(41,137,216,0.9) 0%,rgba(30,87,153,0.9) 94%,rgba(30,87,153,0.9) 100%);
    background: -ms-linear-gradient(top, rgba(41,137,216,0.9) 0%,rgba(30,87,153,0.9) 94%,rgba(30,87,153,0.9) 100%);
    background: linear-gradient(top, rgba(41,137,216,0.9) 0%,rgba(30,87,153,0.9) 94%,rgba(30,87,153,0.9) 100%);
    }
</style>';

?>
http://weerforum.eu

Title: Re: Schokkerig
Post by: Kryzen on February 08, 2013, 12:32:29 PM

Bedoel je bij 'Laatste berichten'? :)

Title: Re: Schokkerig
Post by: weerforum on February 08, 2013, 12:34:55 PM

Haha ja precies DD  ;D

Title: Re: Schokkerig
Post by: Kryzen on February 09, 2013, 07:51:25 AM

Zelf geen last van in Firefox en Chrome, over IE zou ik me geen zorgen maken aangezien IE wel meer problemen heeft. ;) Als je wilt dat het ook in IE werkt, zou je dit (http://remysharp.com/2008/09/10/the-silky-smooth-marquee/) (demo (http://remysharp.com/demo/marquee.html)) kunnen proberen (niet uitgeprobeerd, maar het zou moeten werken).