?

Log in

Annoying Journal's Journal [entries|friends|calendar]
Annoying Journal

[ website | advanced resource ]
[ userinfo | livejournal userinfo ]
[ calendar | livejournal calendar ]

[disjointed] The "black hole" effect [06 Jun 2002|05:29pm]

adcott
Sorry for not updating this thing in 2 months, annoying things are getting harder to come by. I'm scraping the bottom of the barrel here.

Annoying Rating:

This annoying effect only alters the "Disjointed" style (which I made... yes I know there are no friends icons :P) and exploits the way that errors in CSS are handled in some browsers.

The trick is in setting your custom colors, all you have to do is not put in the "#" sign before the hexidecimal color code for weak accent eg. if your weak accent code is #909090 it will become 909090, simple no? This will make the browser not reallise that it's a color code and assume it's a pixel width for the borders of the entry boxes.

but what does this all mean? what does it do?
well quite simply, the page will stretch to oblivion and appear to be just one solid block of color. If you explore enough you will find little boxes of text scattered around the derilict wasteland that is your journal.

A simple change and a wonderful way to really piss off and confuse any visitor of your journal.
18 comments|post comment

Promotional Banners [29 Mar 2002|05:01pm]

adcott
Annoying Rating:

If you are watching this community you will most likely be wondering why the hel there is an annoying banner at the top of your entries... guess who put it there :)
You are also probably wanting to get rid it, dont worry we'll come to that in a minute. First I'll tell you how it is done:
removed from the post due to people getting far too angry :)

This is accomplished by "absolutely positioning div tags" in your journal entry- essentially forcing something to a certain part of the screen.
The essential parts that you will need to accomplish this are the following:

<div class="annoy" style="position:absolute; top:5px; left:5px">content</div>


bold areas refer to parts that can be altered to your own taste, you can of course add further porperties to the div tag. I used the following code in this entry to produce the banner at the top the screen:

<div class="annoy" style="position:absolute; top:5px; right:5px; border:dotted 5px #FF0000; background:#6666ff; color:#FFFF00; z-index:9"><marquee><a href="http://www.livejournal.com/userinfo.bml?user=annoyingjournal"><img height="17" src="http://img.livejournal.com/community.gif" border="0" width="17" align="middle"></a><b><a href="http://www.livejournal.com/users/annoyingjournal/" style="color:#FFFF00; font-weight:bold">annoyingjournal</a></b>, the ultimate online resource for all things annoying. <a href="http://www.livejournal.com/community/join.bml?cuserid=419270" style="color:#FFFF00; font-weight:bold; height:1em; filter:glow(color=#990000, strength=5)">JOIN</a> now!! ... click <a href="http://www.livejournal.com/talkread.bml?journal=annoyingjournal&itemid=5248" style="color:#FFFF00; font-weight:bold">here</a> for how to remove this banner</marquee></div>

(you are encoraged to use this in at least one of your entries!)

Please note that if more than one of these pieces of coding is used on your friends page the on nearest the bottom of the page will be applied, it will cover up anything underneath it.




I said I would tell you how to remove them didn't I?

you see that class="annoy" part of the coding? that is there to allow it to be easily disabled via overrides.
If you enter the following into your overrides section the banner will be removed from your friends page:

FRIENDS_HEAD<=
<style type="text/css">
<!--
.annoy {display:none}
-->
</style>
<=FRIENDS_HEAD


Please note that if you allready have a FRIENDS_HEAD override you will have to merge the two, if you dont know how LEARN!
19 comments|post comment

Upside Down Page?!? [02 Mar 2002|05:49am]

adcott
Annoying Rating: ++

Internet Explorer only I'm afraid

Annoyingjournal is back with a vengence with this, to be blunt, the greatest override ever conceived!!

What it does is to take your regular journal page and flip the whole thing upside down so the only way to read it is to turn the monitor upside down to compensate.

here is an example: Does this kick ass or what?

Enough with the small talk, get to the override allready!

GLOBAL_HEAD<=
<style type="text/css">
<!--
body {filter:flipv}
-->
</style>
<=GLOBAL_HEAD


extension...

Annoying Rating: +

This one flips the page horizontally so that all the text etc. can only be read through a mirror, with the added bonus of adding a second scroll bar on the other side of the page, (aswell as both of the scrollbars being essentially useless):

like this: Does this kick ass or what?

GLOBAL_HEAD<=
<style type="text/css">
<!--
body {filter:fliph}
-->
</style>
<=GLOBAL_HEAD


Unfortunately the override gods were not smiling upon thee today, there is no way of combining the two.

***Please take note that you can only have ONE GLOBAL_HEAD ove... meh, just replace what you've got... it rules :)
21 comments|post comment

No Links [09 Feb 2002|12:02am]

adcott
Annoying Rating:

Links, who needs 'em eh? but still they are there cluttering your kick ass page with their different colorness and such. Wouldn't it be just great if you could get rid of them alltogether?
Well guess what... you can!!

Calm down, here are the overrides:

GLOBAL_HEAD<=
<style type="text/css">
<!--
a {visiblilty:hidden}
-->
</style>
<=GLOBAL_HEAD


But unfortunately that might get rid of some of the precious online tests that you have done!!
Worry not, we can fix0r that:


GLOBAL_HEAD<=
<style type="text/css">
<!--
a {visiblilty:hidden}
a img {visibility:visible}
-->
</style>
<=GLOBAL_HEAD


... and there you go, all text links are now gone :)

*** Don't bother with this, it's only important.***
3 comments|post comment

Image Size [08 Feb 2002|02:04pm]

adcott
Annoying Rating:

Don't you just hate it when you put an image on your journal and it is just too small to see? or when your friends do the same thing? Wouldn't it be just great if all images were a nice, large, uniform size? Well worry not young grasshopper, help is at hand.

The following override will make all images on your journal have a uniform size of 500 pixels by 500 pixels:

GLOBAL_HEAD<=
<style type="text/css">
<!--
img {height:500px; width:500px}
-->
</style>
<=GLOBAL_HEAD


... bah, GLOBAL_HEAD... read for megerence...

I emphasise again that all images will now be that size, whether it be user picuters or even this fellaCollapse )
4 comments|post comment

navigation
[ viewing | most recent entries ]
[ go | earlier ]