View Full Version : Backgrounds
03-12-2009, 02:15 AM
Can anyone tell me how to make a simple background (just 1 colour) for a website, with some simple text in the bottom right corner?
And show me how to make it visible to everone who visits the website, so its not stretched on other users screens ect.
03-12-2009, 04:10 AM
<div ID="bottomcorner">your text</div>
seems to work. Enjoy
03-12-2009, 05:27 AM
Step right up...Pick a corner... Any corner...
<div ID="botrightcorner">your text</div>
<div ID="toprightcorner">your text</div>
<div ID="topleftcorner">your text</div>
<div ID="botleftcorner">your text</div>
03-12-2009, 05:37 AM
Where would I paste that code to?
Im using XML and Flash....
03-12-2009, 06:59 AM
you want to edit the index file of your website or simply create a new page and use that code. Put the stuff between the <style></style> tags in the <head></head>
and put all the <div>words</div> in between the <body></body> tags
If you want, cut and paste the code above into a notepad file where you can read it and move text around. Next, save it as an name you want plus .html. it will then be an html page. You can then click on it and it will open. upload that html file where you want it and you're all set.
here's the structure one more time.
cascading style sheet info
if your still stuck, I'll load it to a site where you can link it. Good luck.
03-12-2009, 09:10 AM
Ahhh I see....
Right Ive done that, but nothin' show...
But when I click on refresh, I can see it flicker.
It kinds to be a different font too, can I change the font and the size?
03-14-2009, 05:00 AM
Anymore help guys?
03-14-2009, 05:57 AM
here's page on my site.
Save the file to your documents or desktop so you can upload the whole file to your site. Once it's on your site, you can edit it with the edit features. Or you can open a text file on your computer to edit it. Open a new txt file up so it's blank. Then grab and drag the HTML file into the open text file (the big white open file you could be typing text into) and viola!, you'll see the HTML code. edit as needed and then either save it as a new file(so the old file remains the same) with a different name, and this is important, add .html to the file name you choose
if you don't add .html it will be saved as a txt file
if you hit save instead of save as , the original file you dragged into the text file to edit will be saved with the changes. Be sure it's correct if you do this. The old working file will be lost if your changes don't work. Keep a back up of the file in case you mess up.
Good luck, my friend. You can learn this. Be sure to pay attention to the details.
here's how to do the font changes
read and test out while you're learning. Each time you are uncertain if what you've done will work, you should save the new changes as a new .html file with a new name. that way if it doesn't work, you can delete it and start editing for a new try again.
03-15-2009, 08:54 PM
Thanks for your time in helping me, I've tried what you said, but still no luck, I cant see it, but when I refresh my page I can see it flicker on....
Myabe because the background is flash?
Would It be possible to speak to you over a IM TinyScript?
03-16-2009, 06:33 AM
Hmm, I'm afraid I don't understand. Can you see text or not? LOL
03-16-2009, 08:55 AM
Right, when I put that code into my index page, nothing shows up.
But when I refresh the page, and the flash background refreshes, the flash takes a mili second longer, an that give me time to see the bottom right text pop up, but then disapears again because of the flash covering it.
03-16-2009, 10:37 AM
Give us a link. I have no idea what your problem is at the moment because you are talking about flash and he is talking about css...
Also change this in your flash embed code in HTML if you haven't already.
Editing HTML code manually
To edit an existing HTML page, add the WMODE parameters to the HTML code.
1. Add the following parameter to the OBJECT tag:
<param name="wmode" value="transparent">
2. Add the following parameter to the EMBED tag:
03-17-2009, 02:03 AM
Theres a link to the website.
Basicly what I want is for the words "OUTSOURCE" to be in the bottom right corner, just above the "music player" in a font called "Base 02"
03-17-2009, 11:33 AM
Why not add this inside of the flash movie?
Just type the text with that font, and then you will need to embed the font into Flash.
This confusion arose because you didn't describe that you were using Flash, which since the whole page is Flash using CSS to do this is not the best solution.
03-18-2009, 01:56 AM
Right, I tried that, but when I visit the site, I cant see it at the bottom of the screen, but when I press F11 to make the screen bigger, I can see it.
It seems to alter on different resolutions.
Is there a fix for this?
03-18-2009, 03:15 AM
Why don't you set the flash at 90% width 90% height instead of 100%
It might help
03-18-2009, 03:17 AM
try 90% size
var so = new SWFObject("preview.swf", "sotester", "90%", "90%", "8", "#000000");
03-18-2009, 09:23 AM
Its position is being based on some combination of with width and height. You need to make it fixed, not fluid.
Need some actionscript to provide any help with coding, but it should be something like this
text_mc._x = Stage.width - 200; // puts the clip 200 pixels left of the window edge
text_mc._y = Stage.height - 150; // puts the clip 150 pixels above the bottom
Obviously you need to find the place where the flash video resizes the stage, and apply the correct numbers for your clip based on its height and width.
03-19-2009, 10:03 PM
I tried changed it to 90% but it just makes the whole thing smaller, and looks weird...
And Im not 100% on how to do the idea suggested by jeremywilken.
03-20-2009, 09:20 AM
Can you post the FLA on your site for me to load? It would be a lot easier to explain what to do if I could see some code.