webForumDet fria alternativet

logo branding

9 svar · 280 visningar · startad av Jymdis

JymdisMedlem sedan mars 20016 260 inlägg
#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
#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
#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

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
#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
#6

Fimpa bakgrundsfärgen i din tabell!

bgcolor=#ffffff

JymdisMedlem sedan mars 20016 260 inlägg
#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
#8

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

JojoxxMedlem sedan juni 20004 308 inlägg
#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
#10

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

134 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)