1 of 2
1
float banner
Posted: 01 August 2007 03:17 AM   [ Ignore ]
Newbie
Rank
Total Posts:  4
Joined  2007-07-30

how to make a float running menu on the right side of our main div? let’s say i wanted to hv a image banner running on the right side and even users scroll the bar, the image banner will follow. sorry for bad english, but if you look at http://www.detik.com, you will know what i mean

Profile
 
 
Posted: 04 August 2007 01:25 PM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  3
Joined  2007-08-01

To really understand it, try using the CSS example at W3’s CSS site: http://www.w3.org/Style/CSS/.  It all has to do with positioning…

Profile
 
 
Posted: 13 August 2007 12:10 PM   [ Ignore ]   [ # 2 ]
Newbie
Rank
Total Posts:  20
Joined  2007-04-10

Hi, at at http://www.detik.com its works with [removed]
<div style=“visibility: visible;” id=“floaterkiri”> ...</div>


  function ieTest(){
    return (document.compatMode && document.compatMode!=“BackCompat”) ? document.documentElement : document.body
  }
 
  if (window.innerWidth || window.opera){
    tmpPageW=window.innerWidth;
  }else if (document.body){
    tmpPageW=ieTest().offsetWidth + 20;
  }
 
  var floater,floaterkiri;
  var winWidth = tmpPageW;
  var detikContentWidth = 680;  //get main detik content width
  var winCenter = winWidth / 2;  //get window center
  var halfDetikContentWidth = detikContentWidth / 2 ;  //get main half detik content width
  var scrollWidth = 35; //get scroll width
  var scrollHeight = 300;
  var firstScrollY = 80;
 
  function pagestart(){
   
    //me new
    // xx = scroll postion, must be relative to window screen…
    var firstScrollPosX1;
    var firstScrollPosX2;
   
    if (window.innerWidth || window.opera){
      firstScrollPosX1 = winCenter + halfDetikContentWidth + 5;
      firstScrollPosX2 = winCenter - halfDetikContentWidth - scrollWidth - 120;
    }else if (document.body){
      firstScrollPosX1 = winCenter + halfDetikContentWidth;
      firstScrollPosX2 = winCenter - halfDetikContentWidth - scrollWidth - 120;
    }
   
    //Chip(chipname,width,height,xx,yy) 
    floater=new Chip(“floater”,scrollWidth,scrollHeight,firstScrollPosX1,firstScrollY);
    movechip(“floater”);
    //floaterkiri=new Chip(“floaterkiri”,scrollWidth,200,85,12);
    floaterkiri=new Chip(“floaterkiri”,scrollWidth,scrollHeight,firstScrollPosX2,firstScrollY);
    movechip(“floaterkiri”);
  }
 
  if (window.addEventListener) {
    window.addEventListener(“load”, pagestart, false);
  }else if (window.attachEvent){
    window.attachEvent(“onload”, pagestart);
  }else if (document.getElementById){
    window.onload=pagestart;
  }

Profile
 
 
Posted: 03 August 2010 11:56 AM   [ Ignore ]   [ # 3 ]
Newbie
Rank
Total Posts:  1
Joined  2010-08-03

Our school has a float/banner contest for Homecoming every year. We’re playing the Rosepine Eagles.

Profile
 
 
Posted: 05 August 2010 06:28 PM   [ Ignore ]   [ # 4 ]
Jr. Member
RankRank
Total Posts:  45
Joined  2010-05-17

Very Informative & Detailed Answer ! I also use try this Later !
Excellent Reply Abran ........

Profile
 
 
Posted: 06 August 2010 10:44 AM   [ Ignore ]   [ # 5 ]
Newbie
Rank
Total Posts:  1
Joined  2010-08-06

Its a good information and great tips.thanks for sharing.
Extreme Whitener

Profile
 
 
Posted: 17 August 2010 10:20 AM   [ Ignore ]   [ # 6 ]
Newbie
Rank
Total Posts:  1
Joined  2010-08-17

Our school has a float/banner contest for Homecoming every year. We’re playing the Rosepine Eagles. My class needs a slogan we can use.

Glamour Smile

Profile
 
 
Posted: 18 August 2010 10:40 AM   [ Ignore ]   [ # 7 ]
Newbie
Rank
Total Posts:  4
Joined  2010-08-18

This is the code I’m using to display the fixed position banner at the bottom of the browser window. This is also referred to as the “catfish” banner on SitePoint. Credit for the CSS goes to howtocreate.co.uk and the original code can be found any here.

Cribbage

Profile
 
 
Posted: 20 August 2010 07:59 AM   [ Ignore ]   [ # 8 ]
Newbie
Rank
Total Posts:  1
Joined  2010-08-20

hiKimCaples
I don’t know how you get that. This is the default header.tpl, copy and paste it:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html >
  <head>
      <title>{$meta_title|escape:‘htmlall’:‘UTF-8’}</title>
{if isset($meta_description) AND $meta_description}
      <meta name=“description” content=”{$meta_description|escape:htmlall:‘UTF-8’}” />
{/if}
{if isset($meta_keywords) AND $meta_keywords}
      <meta name=“keywords” content=”{$meta_keywords|escape:htmlall:‘UTF-8’}” />
{/if}
      <meta http-equiv=“Content-Type” content=“application/xhtml+xml; charset=utf-8” />
      <meta name=“generator” content=“PrestaShop” />
      <meta name=“robots” content=”{if isset($nobots)}no{/if}index,follow” />
      <link rel=“icon” type=“image/vnd.microsoft.icon” href=”{$img_ps_dir}favicon.ico” />
      <link rel=“shortcut icon” type=“image/x-icon” href=”{$img_ps_dir}favicon.ico” />
{if isset($css_files)}
  {foreach from=$css_files key=css_uri item=media}
  <link href=”{$css_uri}” rel=“stylesheet” type=“text/css” media=”{$media}” />
  {/foreach}
{/if}
     
     
        var baseDir = ‘{$content_dir}’;
        var static_token = ‘{$static_token}’;
        var token = ‘{$token}’;
        var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
     
     
     
     
{if isset($js_files)}
  {foreach from=$js_files item=js_uri}
 
  {/foreach}
{/if}
      {$HOOK_HEADER}
  </head>
 
  <body {if $page_name}id=”{$page_name|escape:‘htmlall’:‘UTF-8’}”{/if}>
  {if !$content_only}
      <noscript><ul><li>{l s=‘This shop requires JavaScript to run correctly. Please activate JavaScript in your browser.’}</li></ul></noscript>
      <div id=“page”>

        <!—Header—>
        <div>
          <h1 id=“logo”>{$img_ps_dir}logo.jpg</h1>
          <div id=“header”>
              {$HOOK_TOP}
          </div>
        </div>

        <!—Left—>
        <div id=“left_column” class=“column”>
          {$HOOK_LEFT_COLUMN}
        </div>

        <!—Center—>
        <div id=“center_column”>
  {/if}


compare car hire Murcia

Profile
 
 
Posted: 30 November 2010 03:53 PM   [ Ignore ]   [ # 9 ]
Jr. Member
RankRank
Total Posts:  44
Joined  2010-10-13

Possible values for the clear property are: left (don’t run alongside any left-floated boxes), right (don’t run alongside any right-floated boxes), both (don’t run alongside any left- or right-floated boxes), and none (do nothing). When in doubt, use both.

Profile
 
 
Posted: 01 December 2010 12:26 AM   [ Ignore ]   [ # 10 ]
Newbie
Rank
Total Posts:  4
Joined  2010-12-01

the really shocking banner is on such site like essay company

Profile
 
 
Posted: 29 January 2011 10:46 PM   [ Ignore ]   [ # 11 ]
Newbie
Rank
Total Posts:  15
Joined  2011-01-17

Just create a userform the size of the button and set its ShowModal property to false.

Profile
 
 
Posted: 30 January 2011 11:57 AM   [ Ignore ]   [ # 12 ]
Newbie
Rank
Total Posts:  1
Joined  2011-01-30
essay company - 01 December 2010 12:26 AM

the really shocking banner is on such site like essay company

This is a great one. It’s really helpful. Thks!

Profile
 
 
Posted: 30 January 2011 12:42 PM   [ Ignore ]   [ # 13 ]
Newbie
Rank
Total Posts:  2
Joined  2011-01-26
essay company - 01 December 2010 12:26 AM

the really shocking banner is on such site like essay company


I have heard good things about these guys.


____________________________________

RC Toys

Profile
 
 
Posted: 31 January 2011 06:22 AM   [ Ignore ]   [ # 14 ]
Newbie
Rank
Total Posts:  1
Joined  2011-01-31

I’ve got a Myspace banner that looks really cool on my page right now, but there’s one teeny tiny problem with it…if I make my browser smaller, it’s no longer centered.
HCG Activator

Profile
 
 
Posted: 31 January 2011 01:02 PM   [ Ignore ]   [ # 15 ]
Newbie
Rank
Total Posts:  23
Joined  2011-01-06

A clever thing to do can be triggering it in every x seconds when scrolling happens. You may give this a try.

Profile
 
 
   
1 of 2
1