rugbytackle | On the subject of backgrounds...

You're viewing

rugbytackle
Create a Dreamwidth Account Learn More

Reload page in style: site light

lannamichaels posting in

rugbytackle

Was just now going through my computer, cleaning out my files and pics, when I stumbled across some pics I'd played around with and had fun with while making some of my background collages. Not sure what exactly you were looking for in terms of backgrounds, but I figured I might as well post the pics since this place has been somewhat quiet as of late. Feel free to do whatever with them. :)

They're geocities-hosted, so links instead of pics. If it doesn't work, add a "?" to the end of the file name and try again.

The original, just a mating of two different close ups on eyes - Aragorn from Rivendell and Boromir from Lothlorien.
Lighted up areas. Eventually used in one of my 'evil' collages.
Lowered the brightness, just because the original was too bright for my purposes.
Added a light effect. Used in 'still hope left' collage.
Grey scale. Used as inspiration for "Corruption".

Cheers. :)

Current Mood: inspired
Current Music: Three Doors Down - When I'm Gone

Flat | Top-Level Comments Only

From:

mirareeves.livejournal.com

*delurks*

If you want to post a picture that's hosted on Geocities, all you have to do is go into your File Manager, and rename the tags from .jpg to .txt

Great job on these! I quite liked the 3rd one you linked.

From:

karelian

So if I put a background picture up, how do I get the text on the page to scroll over it? *hangs head in shame at ignorance*

From:

lannamichaels

you mean to make it fixed? well, when making a website, it should be "bgproperties="fixed" ". I'll play around in styles to see what I can figure out.

From:

lannamichaels

alright. had some fun. Is this sort of thing what you're looking for? All it is is "Penguin with elegant sidebar", going down into "LASTN_PAGE" (I didn't bother trying to match colors), and adding in two lines into the body tag, under the style tag.

Before I did anything:
[BODY BGCOLOR="%%color:stronger_back%%" TEXT="%%color:page_text%%" LINK="%%color:page_link%%" VLINK="%%color:page_vlink%%" ALINK="%%color:page_alink%%"]

After:

[

[Error: Irreparable invalid markup ('<body [...] ]>') in entry. Owner must fix manually. Raw contents below.]

alright. had some fun. Is <a href="http://www.livejournal.com/customview.cgi?user=lannamichaels&styleid=222651">this</a> sort of thing what you're looking for? All it is is "Penguin with elegant sidebar", going down into "LASTN_PAGE" (I didn't bother trying to match colors), and adding in two lines into the body tag, under the style tag.

Before I did anything:
[BODY BGCOLOR="%%color:stronger_back%%" TEXT="%%color:page_text%%" LINK="%%color:page_link%%" VLINK="%%color:page_vlink%%" ALINK="%%color:page_alink%%"]

After:

[<BODY BGCOLOR="%%color:stronger_back%%" BACKGROUND="http://www.theforce.net/main/fall2002/header_main.jpg" BGPROPERTIES="fixed" TEXT="%%color:page_text%%" LINK="%%color:page_link%%" VLINK="%%color:page_vlink%%" ALINK="%%color:page_alink%%"]

As for making it actually the background of the <i>entries</i> that might prove more difficult. I have never tried inserting different backgrounds, so it might take a bit of testing, and it might end up having to be something each poster would have to do.

From:

karelian

lamath said I need this:

GLOBAL_HEAD<=

<=GLOBAL_HEAD

and tried to explain what to do to tile but I am hopeless! I need someone to walk me through this because am idiot!!!

From:

lannamichaels

well, let's do this the easy way, then. What *exactly* are you trying to do? Where *exactly* do you want the pic and what do you want it to do?

From:

lamath.livejournal.com

Well, it looks like

lannamichaels' way of doing things involves overrides that are only available to paid members?

Anyway, step by step instructions.

1. Get a background picture.
2. Upload it onto a host that allows hotlinking. For example, you can upload the pic onto: http://www.villagephotos.com/
3. Click on the "Modify Journal" link.
4. Scroll all the way down until you reach the box that says "Overrides." It should be at the bottom of the page.
5. Enter this code into the overrides box.

GLOBAL_HEAD<=
<style type="text/css">

</style>
<=GLOBAL_HEAD

-------------------
Now, here's all the explanations for what the code actually does. The Global Head stuff is probably just custom LJ tags, since I've never seen it used on actual HTML sites. The code within is CSS. The only lines that are important to you are these ones:

background-image: url() !important;

In order to customize the background, copy the URL to your image, and then replace http://www.your-website.com/image.jpg with your URL.

background-attachment: fixed !important;

This line. If you want the background to stay the same while the text scrolls, you leave this line as is. Delete this line if you want the background to scroll along with the text.

table, tr, td, .shadowed {
background: transparent;
}

If you want only the background to show up (and not have other colours overshadowing it, you can make the tables transparent. That's what those lines do.

Be sure to change the text colours & background colours in "Color Theme" at the top of the "Modify Journal" page to match with your background. For example, I have a black background with some blue-ish images on it. I change the Color Theme so that it also has a black background and white text.

So... is that enough explanation? Basically, from what I think you want to do, all you have to do is upload the background, customize that one line of code where you input your own URL and things should work. :-)

From:

lannamichaels

I still think mine was easier. :p but, yeah, that would work for unpaid. I pretty much only paid, though, so I could set posts to 50 per page, so it made more sense to me to do it through a custom style, using HTML.

From:

lamath.livejournal.com

LOL, really? I thought your way was scary-looking! :P All those wild-cards and variables! Ack! I've never been good with regular expressions & the such.

Though just a technical note on both methods: I *think* that

lannamichaels' method is more backward compatible than mine. Stylesheets are ignored by Netscape browsers older than 4.7. Her method uses the <body> tag, which is supported by more browsers.

At least, that's what I could tell from that jumbled mess of characters! % signs scare me. They really do.

~Lamath

From:

lannamichaels

those are actually just pulls from above. They give you a whole buncha things you can edit seperatly and then just pull the elements down. So %%entries%% would mean the settings you have put down for your entries, like the text colors and such. I just ignored it and did what I always do: stick the bloody HTML in. I taught myself HTML from stratch and pretty much from going through source code from simple-looking websites, and I've seen some messed up stuff in my time. LJ, in comparison, is quite clean. :p

Annoyingly, the stuff I edited in didn't show. I just stuck in the regular "background" modifier, since I figured she was more likely to know HTML than CSS. I'm not that great at CSS by the way, if it isn't obvious by now. I can read through it easily enough, but trying to code it...well, it's not exactly what you'd call pretty. //shiver//

Hey, maybe you can help me. I think the CSS for my style on my LJ is preventing me from changing the font color mid-entry, and it's a little different thank here since my style is a different one (ok, that wasn't English). If I show you the CSS, could you pick out if it's telling me what I can or cannot do?