The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

trouble with background image!

4 posters

Go down

trouble with background image! Empty trouble with background image!

Post by shadow dragon October 22nd 2006, 6:37 am

http://halopower.darkbb.com/


as you can see, the background image is offset. its like more to the left. and i downloaded the skin at the ida-creation, and i looked at the image just the image on my computer, and it was centered. i need help centering it please.
shadow dragon
shadow dragon
Forumember

Male Posts : 164
Reputation : 3
Location : saca-tamato

Back to top Go down

trouble with background image! Empty Re: trouble with background image!

Post by Cornelia October 22nd 2006, 7:22 am

Hello.

As said in the skin description, you have a .js file to host. This file contains the css code to center the background and to make PNG transparent under Internet Explorer.

To host it, you have to use a FTP account or the Web space provided by your ISP.

tutorial about FTP accounts : https://help.forumotion.com/viewtopic.forum?t=858

I would have given you a link to a script host, but the only one I know is only in French... Confused
Cornelia
Cornelia
Hyperactive

Female Posts : 4763
Reputation : 173
Language : I'M NOT A TECHIE OR A MOD, SO QUIT SENDING ME PMS FOR TECHIE STUFF OR LOST PASSWORDS !!!
Location : Absent on weekends until camping season ends

http://ishimaru-design.servhome.org

Back to top Go down

trouble with background image! Empty Re: trouble with background image!

Post by shadow dragon October 22nd 2006, 7:50 am

your words confuse me, but if i understood correctly, you mean copy the js in the css box? i already did that.

edit: wait, do i have to have a pc for that?
shadow dragon
shadow dragon
Forumember

Male Posts : 164
Reputation : 3
Location : saca-tamato

Back to top Go down

trouble with background image! Empty Re: trouble with background image!

Post by Cornelia October 22nd 2006, 7:57 am

No, it's not that....

The .js file must be hosted somewhere on the net. I gave you the tutorial for ftp accounts. And I don't know any direct hosts in ENGLISH which accepts .js files and hotlink !

Once hosted on the Web, you insert the address in this code :

Code:
<script language=javascript src=http://SCRIPT_ADDRESS.js></script>

And you put in the site description in Admin Panel > General Admin > Configuration.

Normally, these instructions are indicated in the install/colors.html file in the pack you downloaded !
Cornelia
Cornelia
Hyperactive

Female Posts : 4763
Reputation : 173
Language : I'M NOT A TECHIE OR A MOD, SO QUIT SENDING ME PMS FOR TECHIE STUFF OR LOST PASSWORDS !!!
Location : Absent on weekends until camping season ends

http://ishimaru-design.servhome.org

Back to top Go down

trouble with background image! Empty Re: trouble with background image!

Post by shadow dragon October 22nd 2006, 5:32 pm

oooooooooooooooooooohhhhhhhhhhhhhh. now i see.


thanks!

edit: ya i just downloaded it, and it doesn't work.
shadow dragon
shadow dragon
Forumember

Male Posts : 164
Reputation : 3
Location : saca-tamato

Back to top Go down

trouble with background image! Empty Re: trouble with background image!

Post by Cornelia October 22nd 2006, 6:52 pm

Sorry, I was so tired that I didn't catch that it was a revaz theme, not a larme d'ange theme... their methods for css and js files are different...

The skin you downloaded, was it in French ? According to what I know, I don't remember seeing one of revaz's skins being translated in English... Confused
Cornelia
Cornelia
Hyperactive

Female Posts : 4763
Reputation : 173
Language : I'M NOT A TECHIE OR A MOD, SO QUIT SENDING ME PMS FOR TECHIE STUFF OR LOST PASSWORDS !!!
Location : Absent on weekends until camping season ends

http://ishimaru-design.servhome.org

Back to top Go down

trouble with background image! Empty Re: trouble with background image!

Post by pauldemonteverde October 22nd 2006, 8:02 pm

First of all, it seems you did not used any javascript or js file in your forum. Including the proper handle of .png or transparent image does not work properly.

Does the theme contain a JS or javascript file?

if yes,

Have you done all the following before:
1. Hosted or uploaded your file (scrpit.js)?
2. Have you put it on the Site Description using the codes below?
Code:
<script language=javascript src=http://SCRIPT_ADDRESS.js></script>

when you have done all of that, it will work properly.

else,

give us the url of the ".js" file if there's any so that someone may fix it for you.
pauldemonteverde
pauldemonteverde
Forumember

Male Posts : 238
Reputation : 9
Language : English and Filipino
Location : Pilipinas

http://isanghimig.online-talk.net

Back to top Go down

trouble with background image! Empty Re: trouble with background image!

Post by Cornelia October 23rd 2006, 12:11 am

The main problem is that the instructions are in French!!!

I'm trying to get help from skin creators, but I failed attempting to get help at lda-creation with a new account (I left a few months ago because of some personal problems).

The creator himself (revaz, which is not the admin) is away for a while because of internet problems !

Sorry if I look irritated but, it p*** me off to be not able to help because I don't have any ressource !
Cornelia
Cornelia
Hyperactive

Female Posts : 4763
Reputation : 173
Language : I'M NOT A TECHIE OR A MOD, SO QUIT SENDING ME PMS FOR TECHIE STUFF OR LOST PASSWORDS !!!
Location : Absent on weekends until camping season ends

http://ishimaru-design.servhome.org

Back to top Go down

trouble with background image! Empty Re: trouble with background image!

Post by shadow dragon October 23rd 2006, 1:17 am

Katt wrote:Sorry, I was so tired that I didn't catch that it was a revaz theme, not a larme d'ange theme... their methods for css and js files are different...

The skin you downloaded, was it in French ? According to what I know, I don't remember seeing one of revaz's skins being translated in English... Confused

yes it was in french. and it was revaz's. but i edited pictures to make them english.

wait, if you want the js file let me post it.




Code:
// Générateur de Scripts réalisé par SanDream
// CSS: url de script.css
// Fond: fixe
document.write('<link rel=stylesheet type=text/css href=url de script.css>') ;
document.write('<style type=text/css>') ;
document.write('body {') ;
document.write('background-attachment: fixed; background-repeat: no-repeat; background-position: top CENTER;') ;
document.write('}') ;
document.write('</style>') ;






// Correctly handle PNG transparency in Win IE 5.5 or higher.
// http://homepage.ntlworld.com/bobosola. Updated 02-March-2004

function correctPNG()
  {
  for(var i=0; i<document.images.length; i++)
      {
     var img = document.images[i]
     var imgName = img.src.toUpperCase()
     if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
       {
       var imgID = (img.id) ? "id='" + img.id + "' " : ""
       var imgClass = (img.className) ? "class='" + img.className + "' " : ""
       var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
       var imgStyle = "display:inline-block;" + img.style.cssText
       if (img.align == "left") imgStyle = "float:left;" + imgStyle
       if (img.align == "right") imgStyle = "float:right;" + imgStyle
       if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle      
       var strNewHTML = "<span " + imgID + imgClass + imgTitle
       + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
       + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
       + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
       img.outerHTML = strNewHTML
       i = i-1
       }
      }
  }
window.attachEvent("onload", correctPNG);

shadow dragon
shadow dragon
Forumember

Male Posts : 164
Reputation : 3
Location : saca-tamato

Back to top Go down

trouble with background image! Empty Re: trouble with background image!

Post by Cornelia October 23rd 2006, 3:53 am

Finally, I downloaded the skin and studied the couleur.html file to translate the part about scripts

Instructions for css and js files

To install this skin, you must :

- Open the script.css file with the Notepad

td.row1,td.row2,td.row3,td.row3right{ background: url(url de fond.jpg);background-repeat:repeat;background-color:#000000;}

Replace what it is indicated in red by the url of you picture fond.jpg

Save your file
script.css and host it.

- Open the script.js file with your notepad

// Générateur de Scripts réalisé par SanDream
// CSS: url de script.css
// Fond: fixe
document.write('<link rel=stylesheet type=text/css href=url de script.css>') ;
document.write('<style type=text/css>') ;
document.write('body {') ;
document.write('background-attachment: fixed; background-repeat: no-repeat; background-position: top CENTER;') ;
document.write('}') ;
document.write('</style>') ;

Replace what is written in red by the url of your script.css file

Save your script.js file and host it

- To to the administration panel of your editboard and then, put in Configuration > Site description :

<script language=javascript src=url du fichier script.js></script>

But there's still the problem about hosting...

*I hope this will not gonna happen too often...*
Cornelia
Cornelia
Hyperactive

Female Posts : 4763
Reputation : 173
Language : I'M NOT A TECHIE OR A MOD, SO QUIT SENDING ME PMS FOR TECHIE STUFF OR LOST PASSWORDS !!!
Location : Absent on weekends until camping season ends

http://ishimaru-design.servhome.org

Back to top Go down

trouble with background image! Empty Re: trouble with background image!

Post by maëlstrom_19 October 23rd 2006, 4:09 am

I haven't read all, but i've check the link. You need to do some modification for have perfect install.

General Admin --> Hearder --> Display only images in the link bar --> Yes.

Ok for that ?

After, you need to host "Script.css". Take the url, and open in Note padd or other text editors "script.js". find:

Code:
// CSS: url de script.css

Switch by:

Code:
// CSS: http://www.URL.css

Save that modifications in .js. Host "script.js". take Url and drop him into :

Code:
<script language=javascript src=http://ww.SCRIPT_ADDRESS.js></script>

And enter that in the site description.

---------------

I hope you have all pictures translates... Laughing

Sorry for errors.

[Katt --> Your localisation isn't clairly ... Faut pas frustrer, et prendre ça trenquillement... Tu peu facilement trouver de l'aide, comme en allant s'ul FDF et en demandant directement à revaz... Même si sa connection roche un peu, je suis certain que tu peux trouver de l'aide. Wink ]
avatar
maëlstrom_19
Forumember

Male Posts : 86
Reputation : 0
Language : French and English. (You can correct me. ^^)
Location : Montreal, Quebec.

http://www.maelstrom-design.ca.cx

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum