SMF For Free Support Forum

SMF For Free Support => SMF For Free Codes and Support => Topic started by: simply sibyl on March 30, 2008, 08:44:31 pm

Title: [Code] April Fools Joke: "Bug" your Members
Post by: simply sibyl on March 30, 2008, 08:44:31 pm
Only works well on lighter colored forums.

Stick this in your Header:

If you decide to use it longer please grab the "bug" upload it to your own Photobucket acct and replace the link.

It'll add this little bug up near the top of your forum, across from the login area

(http://i102.photobucket.com/albums/m105/mysmileyplace/bug.gif)

Code: [Select]

<style type="text/css">
div#bug {
position: fixed;
top: 230px;
right: 18%;
height: 75px;
width: 56px;
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/bug.gif);
background-repeat:  no-repeat;
}
</style>
<div id="bug" ><span></span></div>


Title: Re: April Fools Joke: "Bug" your Members
Post by: MyrtleGail on March 30, 2008, 09:24:19 pm
COOL SYBIL, This is perfect we're planning on an April Fools Event Anyways. hahah.... This is awesome. Simply Perfect!
Title: Re: April Fools Joke: "Bug" your Members
Post by: -Sя.Sharp on March 30, 2008, 09:26:37 pm
Awesome great job! How long have you had this up your sleeve?
Title: Re: April Fools Joke: "Bug" your Members
Post by: simply sibyl on March 30, 2008, 09:52:30 pm
Awesome great job! How long have you had this up your sleeve?

a couple of weeks ;)
Title: Re: April Fools Joke: "Bug" your Members
Post by: MyrtleGail on March 30, 2008, 10:02:10 pm
Don't worry Sybil It was worth it.  ;D
Title: Re: April Fools Joke: "Bug" your Members
Post by: simply sibyl on March 30, 2008, 10:08:58 pm
ITs just some css and a div with a little bug graphic in it..  the bug reminded me, when I came across it, of those tiny ones that if they get in the house like to crawl on your monitor.
Took maybe 5 mins to toss it together ..  I just didnt decide til tonite to toss it on here.

btw.. if you want the bug elsewhere on the screen

In this part of the code

top: 230px;
right: 18%;


The bug now is 230px from the top of the screen
It is to the right 18% of the screen width.
So just adjust those numbers to your liking.

do not change the width and height or you'll screw the bug up.
Title: Re: April Fools Joke: "Bug" your Members
Post by: Molly on March 31, 2008, 02:49:00 am
Totally awesome!  :2funny: Way to go.  :)
Title: Re: April Fools Joke: "Bug" your Members
Post by: tawr on March 31, 2008, 02:55:56 am
Great jon Sybil  ;D

tawr
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: Whiskey Springs on April 01, 2008, 09:42:29 am
Didn't work on mine.  I probably screwed it up.  I just copied and pasted the code at the beginning.

Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: simply sibyl on April 01, 2008, 09:46:47 am
Didn't work on mine.  I probably screwed it up.  I just copied and pasted the code at the beginning.

Hi Whiskey Springs.   Please leave your forum url (with the code in place) so we can look to see how you put it in.   That way we can see what you did and help you with it.

Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: Whiskey Springs on April 01, 2008, 09:58:05 am
Didn't work on mine.  I probably screwed it up.  I just copied and pasted the code at the beginning.

Hi Whiskey Springs.   Please leave your forum url (with the code in place) so we can look to see how you put it in.   That way we can see what you did and help you with it.




ooops sorry... www.whiskiesprings.net
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: simply sibyl on April 01, 2008, 10:00:23 am
try putting it in again  :)    It isnt in your header  (so I have no way to know where it went wrong)  ;)
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: Whiskey Springs on April 01, 2008, 10:02:30 am
try putting it in again  :)    It isnt in your header  (so I have no way to know where it went wrong)  ;)

I know...I didn't put it there...I put in the modify style section.
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: simply sibyl on April 01, 2008, 10:03:58 am
try putting it in again  :)    It isnt in your header  (so I have no way to know where it went wrong)  ;)

I know...I didn't put it there...I put in the modify style section.

ahhh that explains it.
You could do that, with a little tweaking.  You would still need <div id="bug">  in your header.
brb
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: Whiskey Springs on April 01, 2008, 10:05:42 am
try putting it in again  :)    It isnt in your header  (so I have no way to know where it went wrong)  ;)


I know...I didn't put it there...I put in the modify style section.

ahhh that explains it.
You could do that, with a little tweaking.  You would still need <div id="bug">  in your header.
brb


I have spell check in my header so I put in my footer...still don't see anything
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: simply sibyl on April 01, 2008, 10:13:09 am
You can add it to your Header.  It wont interfere with the spellchecker code.

If you wanted to do it using your css do this:

Put this in your css:


Code: [Select]
#bug
{
z-index:  1;
position: fixed;
top: 230px;
right: 18%;
height: 75px;
width: 56px;
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/bug.gif);
background-repeat:  no-repeat;
}

Put this in your Header:

Code: [Select]
<div id="bug"></div>
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: Sassy Šiva™ on April 01, 2008, 10:15:48 am
LOL, too cute!  Thanks for sharing
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: simply sibyl on April 01, 2008, 10:17:19 am
Its just a little graphic image so you can put it anywhere you want to.

with html in your header/footer/board description/news box

Code: [Select]
<img src="http://i102.photobucket.com/albums/m105/mysmileyplace/bug.gif">
with bbcode in a post

Code: [Select]
[img]http://i102.photobucket.com/albums/m105/mysmileyplace/bug.gif[/img]
(http://i102.photobucket.com/albums/m105/mysmileyplace/bug.gif)
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: Whiskey Springs on April 01, 2008, 10:17:24 am

Put this in your Header:

Code: [Select]
<div id="bug"></div>

I did that, and still nothing :(  Oh well
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: simply sibyl on April 01, 2008, 10:17:51 am
LOL, too cute!  Thanks for sharing

yer welcome
(http://i102.photobucket.com/albums/m105/mysmileyplace/bug.gif)
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: simply sibyl on April 01, 2008, 10:18:25 am

Put this in your Header:

Code: [Select]
<div id="bug"></div>

I did that, and still nothing :(  Oh well

you did the css edit as well?    Is it still in place on your forum?
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: Whiskey Springs on April 01, 2008, 10:20:44 am

Put this in your Header:

Code: [Select]
<div id="bug"></div>

I did that, and still nothing :(  Oh well

you did the css edit as well?    Is it still in place on your forum?

Yes I did
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: simply sibyl on April 01, 2008, 10:22:17 am
it is not in your css or your header right now so I have no way to know how you put it in.   umm that makes it hard for me to help you   :)

Let's do this.  Put the original code from the first post in your header.   Let me know when you have done so.   Leave it there so I can look to see that you have it correctly.

k?
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: Whiskey Springs on April 01, 2008, 10:25:30 am
OK I put it in my header after the spell check
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: simply sibyl on April 01, 2008, 10:26:54 am
you put the wrong one in your header hon.
Put the one from the very first post in there.

This one:

Code: [Select]

<style type="text/css">
div#bug {
position: fixed;
top: 230px;
right: 18%;
height: 75px;
width: 56px;
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/bug.gif);
background-repeat:  no-repeat;
}
</style>
<div id="bug" ><span></span></div>


Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: Whiskey Springs on April 01, 2008, 10:29:35 am
That did it...LOL  Thanks for your patience  :)
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: simply sibyl on April 01, 2008, 10:31:51 am
That did it...LOL  Thanks for your patience  :)

no problem  :)    Glad ya got it!
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: ------doLphiN~ on April 02, 2008, 06:53:16 am
ahahahaha! nice one!
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: Whiskey Springs on April 02, 2008, 10:43:50 am
Thanks Syb...my members were ready to kill me...LOL.  Several kept putting pieces of tape on the monitors to hide it.
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: simply sibyl on April 02, 2008, 10:48:09 am
lol Whiskey..  when I first came across that little pic weeks ago I fell for it myself.
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: mirohilal2 on April 02, 2008, 10:54:16 am
lolz its annoying but cool :) good job  :smitten:
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: ------doLphiN~ on April 03, 2008, 03:57:30 am
i removed it and i'll be adding it again!
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: MyrtleGail on April 08, 2008, 01:22:55 am
It still working quite well sybil  ;)
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: OrangeSodaKid on April 18, 2008, 01:35:04 am
first time i saw this i smacked the screen

my hand was bruised for a week
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: HarUka_ShUu on April 27, 2008, 08:33:18 pm
Wow! I like this "bug"! >w<
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: Gaara on May 03, 2008, 09:07:20 am
there is one for php where the users can see the admin button but when they click on it, they har a toilet flushing
Title: Re: [Code] April Fools Joke: "Bug" your Members
Post by: [JeReMy] on November 17, 2008, 07:22:33 am
Thx simply thats funny lol ill have to do that next aprils fools day :D