---
title: "logo branding"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/49460-logo-branding"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jymdis"
published: "2002-08-03T21:43:54.000Z"
updated: "2002-08-05T06:03:16.000Z"
replies: 9
views: 280
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/49460-logo-branding"
---

# logo branding

## #1 — Jymdis, 2002-08-03T21:43Z

Jag är inte så himla bra på javascript :)

Jag skulle vilja ha logon på vänster nedre sida istället för högre och vill den ska hacka så lite så möjligt?

Nån som vet hur eller har ett bättre script?

\[redigering\]
vill gärna veta om det går att ha bilden transperent :)

tack på förhand
Jymdis

```
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function setVariables() {
imgwidth=115;  // logo width, in pixels
imgheight=70;  // logo height, in pixels
if (navigator.appName == "Netscape") {
horz=".left";
vert=".top";
docStyle="document.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else {
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
   }
}
function checkLocation() {
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=availableX-(imgwidth+30)+currentX;
y=availableY-(imgheight+20)+currentY;
evalMove();
setTimeout("checkLocation()",1);
}
function evalMove() {
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
// End -->
</SCRIPT>
```

Permalänk: https://www.webforum.nu/p/49460

## #2 — solbulle, 2002-08-03T22:52Z

För att flytta bilden i sidled ändrar du på denna rad:

x=availableX-(imgwidth+30)+currentX;

tex till:

x=30+currentX;

Det går bra att lägga in en transparent gif.

Att det hackar, det får du höra med någon annan om. :)

Permalänk: https://www.webforum.nu/p/740278

## #3 — Jymdis, 2002-08-04T07:33Z

Tyvärr blir inte lagret transparent - går det att fixa på nåt sätt?

Permalänk: https://www.webforum.nu/p/740393

## #4 — solbulle, 2002-08-04T10:38Z

Har du en länk till din sida eller visa kod, för mig fungerar det så bra så bra.

Permalänk: https://www.webforum.nu/p/740451

## #5 — Jymdis, 2002-08-04T10:53Z

jepp

```
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function setVariables() {
imgwidth=115;  // logo width, in pixels
imgheight=70;  // logo height, in pixels
if (navigator.appName == "Netscape") {
horz=".left";
vert=".top";
docStyle="document.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else {
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
   }
}
function checkLocation() {
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=30+currentX; 
y=availableY-(imgheight+20)+currentY;
evalMove();
setTimeout("checkLocation()",0.1);
}
function evalMove() {
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
// End -->
</SCRIPT>

<title>Gora</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#3366CC" onload="setVariables(); checkLocation();">
<span id="branding" style="position:absolute; visibility:visible; left:1px; top:1px; z-index:1; overflow: hidden;"> 
  <table width=10 bgcolor=#ffffff>
    <td> <a href="http://" onMouseOver="window.status='Gora';return true" onMouseOut="window.status='';return true">
      <center>
        <img src="bilder/gora.gif" width="115" height="70" border="0"> 
      </center>
      </a></td>
  </table>
</span>
</body>
</html>
```

Permalänk: https://www.webforum.nu/p/740458

## #6 — solbulle, 2002-08-04T10:58Z

Fimpa bakgrundsfärgen i din tabell! 

 bgcolor=#ffffff

Permalänk: https://www.webforum.nu/p/740461

## #7 — Jymdis, 2002-08-04T16:40Z

tackar =)
om du kan tipsa om vilket det bästa formatet att spara i när man vill ha en logo som är halvtransparent i själva logon (den svarta texten) och heltransperent resten så är min dag helt gjord =)

Permalänk: https://www.webforum.nu/p/740642

## #8 — solbulle, 2002-08-04T16:56Z

Jag skulle nog använda mig av en vanlig, hederlig, transparent gif.

Permalänk: https://www.webforum.nu/p/740656

## #9 — Jojoxx, 2002-08-05T05:44Z

png är ett av de få format (minns inte om jpeg2000 har det också) som har stöd för alpha-kanal, d.v.s. grad av genomskinlighet. Webbläsarstödet är heller inte det bästa. Det var med och inte med i omgångar i Mozillas beta-releaser, men det borde finnas med i den riktiga releasen.

Permalänk: https://www.webforum.nu/p/740941

## #10 — Jymdis, 2002-08-05T06:03Z

hur är det med stöd i IE?
får nämligen inte det att fungera där.

Permalänk: https://www.webforum.nu/p/740944

---

Tråden på webben: https://www.webforum.nu/amne/javascript/49460-logo-branding
