logo branding

JavaScript

9 svar · 280 visningar · startad av Jymdis 3 aug. 2002

JymdisMedlem sedan mars 20016 260 inlägg

Trådstart3 aug. 2002 21:43#1

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>

solbulleMedlem sedan mars 20015 287 inlägg

3 aug. 2002 22:52#2

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.

JymdisMedlem sedan mars 20016 260 inlägg

4 aug. 2002 07:33#3

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

solbulleMedlem sedan mars 20015 287 inlägg

4 aug. 2002 10:38#4

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

JymdisMedlem sedan mars 20016 260 inlägg

4 aug. 2002 10:53#5

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>

solbulleMedlem sedan mars 20015 287 inlägg

4 aug. 2002 10:58#6

Fimpa bakgrundsfärgen i din tabell!

bgcolor=#ffffff

JymdisMedlem sedan mars 20016 260 inlägg

4 aug. 2002 16:40#7

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 =)

solbulleMedlem sedan mars 20015 287 inlägg

4 aug. 2002 16:56#8

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

JojoxxMedlem sedan juni 20004 308 inlägg

5 aug. 2002 05:44#9

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.

JymdisMedlem sedan mars 20016 260 inlägg

5 aug. 2002 06:03#10

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