...

View Full Version : Backgrounds



Webbage
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.

TinyScript
03-12-2009, 04:10 AM
<html><head>
<style>
body{
background-color:black;
}
#bottomcorner{

position: absolute;
bottom :10px;
right:10px;
color:white;
}
</style>
</head>
<body>
<div ID="bottomcorner">your text</div>
</body></html>


seems to work. Enjoy

TinyScript
03-12-2009, 05:27 AM
Step right up...Pick a corner... Any corner...


<html><head>
<style>
body{
background-color:black;
}
#botrightcorner{

position: absolute;
bottom :10px;
right:10px;
color:white;
}
#toprightcorner{
position: absolute;
top :10px;
right:10px;
color:red;
}
#topleftcorner{
position: absolute;
top :10px;
left:10px;
color:blue;
}
#botleftcorner{
position: absolute;
bottom :10px;
left:10px;
color:green;
}
</style>
</head>
<body>
<div ID="botrightcorner">your text</div>
<div ID="toprightcorner">your text</div>
<div ID="topleftcorner">your text</div>
<div ID="botleftcorner">your text</div>
</body></html>

Webbage
03-12-2009, 05:37 AM
Where would I paste that code to?

Im using XML and Flash....

TinyScript
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.
<html>
<head>
<style>
cascading style sheet info
</style>
</head>

<body>
<div>words</div>
</body>
</html>

if your still stuck, I'll load it to a site where you can link it. Good luck.

Webbage
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?

Webbage
03-14-2009, 05:00 AM
Anymore help guys?

TinyScript
03-14-2009, 05:57 AM
here's page on my site.
http://h1.ripway.com/tinyscript/testdiv.html
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
http://www.w3schools.com/css/css_font.asp

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.

Webbage
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?

TinyScript
03-16-2009, 06:33 AM
Hmm, I'm afraid I don't understand. Can you see text or not? LOL

Webbage
03-16-2009, 08:55 AM
Haha

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.

gnomeontherun
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:

wmode="transparent"

Webbage
03-17-2009, 02:03 AM
http://lpentertainment.net/outsourcedjs/new_website/

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"

gnomeontherun
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.

http://www.jumpeyecomponents.com/publicfiles/tutorials/embeding_fonts.htm

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.

Webbage
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?

TinyScript
03-18-2009, 03:15 AM
Why don't you set the flash at 90% width 90% height instead of 100%

It might help

TinyScript
03-18-2009, 03:17 AM
try 90% size

<script type="text/javascript">
var so = new SWFObject("preview.swf", "sotester", "90%", "90%", "8", "#000000");
so.addParam("allowFullScreen", "true");
so.addParam("scale", "noscale");
so.addParam("menu", "false");
so.write("flashcontent");
</script>

gnomeontherun
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.

Webbage
03-19-2009, 10:03 PM
I tried changed it to 90% but it just makes the whole thing smaller, and looks weird...

http://i39.tinypic.com/2mmux51.jpg


And Im not 100% on how to do the idea suggested by jeremywilken.

gnomeontherun
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum