Spoiler - iPhone Theme !!!!!

[orange gold]

**last updated December 28, 2010**



*******...LIVE DEMO, CLICK HERE... (http://www.decimology.com/forums/showthread.php?3-iPhone-Style-Spoiler-Live-Preview&p=5#post5)*******

PLEASE PLEASE PLEASE LEAVE FEEDBACK.. AND MARK AS INSTALLED IF YOU USE IT! :D

Download the attached swf file ("ipspoiler.swf") and upload it to your site under the forum's image folder... The final URL of the attached file should be .../forums/images/ipspoiler.swf

Go to the admin CP and go to BBCode then add a new bbcode...

Title:

iPhone Spoiler


BBCode Tag Name:

ipspoiler


Replacement:

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase=""http://macromedia.com/cabs/swflash.cab#version=6,0,0,0""
WIDTH="800" HEIGHT="124" id="flaMovie1" ALIGN="CENTER">
<PARAM NAME=movie VALUE="/forums/images/ipspoiler.swf">
<PARAM NAME=FlashVars VALUE="var1={param}">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<PARAM NAME="wmode" value="transparent">
<embed src="/forums/images/ipspoiler.swf" FlashVars="var1={param}"
quality="high" bgcolor="#FFFFFF" WIDTH="800" HEIGHT="124"
NAME="flaMovie1" ALIGN TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" wmode="transparent">
</OBJECT>


Example:

Hide your text in here...


Description:

Uses a spoiler in iPhone style.


Use {option}:

No.


Disable BB Code Within This BB Code:

Yes.


Disable Smilies Within This BB Code:

Yes.


Leave everything else at their default settings...
ENJOY!!!!!
~Orange Gold

Attached it a small public image to use with button image if you so choose. Thanks for the mod.
https://vborg.vbsupport.ru/attachment.php?attachmentid=124943&stc=1&d=1293607438



.
.

[Dadoo]

Installed !

Nice effect, i like it :-)

However, there is a small unattended move when sliding the bar. she goes up and down a little, can you fix that unpleasant feeling of "cheap product" ?

[OldSchoolDSL]

Installed and working on 4.1 PL2

No issues :)

I personally changed the code though so my community members did not have to type out ipspoiler, but rather just ispoiler

[orange gold]

However, there is a small unattended move when sliding the bar. she goes up and down a little, can you fix that unpleasant feeling of "cheap product" ?


I added that on purpose! haha Because that is how the iPhone does it.. if you slide almost all the way it finishes the slide for you and if you slide like half way then let go it sends it back to the start.. :P

[OldSchoolDSL]

I added that on purpose! haha Because that is how the iPhone does it.. if you slide almost all the way it finishes the slide for you and if you slide like half way then let go it sends it back to the start.. :P

I noticed it and liked the idea. Gave it more of an iPhone feel.

It will also help prevent "cyber bots" from activating things.

[orange gold]

Haha... Thank-you.. unfortunately I think that the cyber bots will read the source code to get the text.. however.. I do believe that since the text is in a param flashvars tag that they willn't be able to interpret if for a search engine anyways :P

[OldSchoolDSL]

Haha... Thank-you.. unfortunately I think that the cyber bots will read the source code to get the text.. however.. I do believe that since the text is in a param flashvars tag that they willn't be able to interpret if for a search engine anyways :P

Search engines are good and I'm not worried about those.

[Juggernaut]

Any way to translate the "Slide to unlock" button?

[ND4SPD]

Is it ironic that it requires flash?

[orange gold]

Flash was the most efficient way to get the animation working properly..
Also, I can translate it into other languages for you if you would like... Can you give me the text you want displayed and I will copy and paste it into the animation?

[Juggernaut]

Flash was the most efficient way to get the animation working properly..
Also, I can translate it into other languages for you if you would like... Can you give me the text you want displayed and I will copy and paste it into the animation?
Thank you, can it say "mueve para ver"

[ND4SPD]

Can you leave the text less flashy and just have it match whatever style the forum is running?

[orange gold]

Thank you, can it say "mueve para ver"

Here you go: attached..

Also, for the other person.. unfortunately I can-not make it fit the forums style because I do not know how to fetch those variables from the forum and import them into flash.. Maybe int he future though when I learn more..

[Juggernaut]

Here you go: attached..

Also, for the other person.. unfortunately I can-not make it fit the forums style because I do not know how to fetch those variables from the forum and import them into flash.. Maybe int he future though when I learn more..
Thank you sir, marked as installed :D

[Dadoo]

I added that on purpose! haha Because that is how the iPhone does it.. if you slide almost all the way it finishes the slide for you and if you slide like half way then let go it sends it back to the start.. :P

Sorry for the misunderstanding but i wasn't talking about horizontal scrolling, but about the little vertical scrolling :-)

Seems like frame is oversized because on my iPhone the only move i can do is left <-> right, not up and down :-)

This is on purpose too ?

[orange gold]

Ah! Yes I can fix that! haha I made it so that the whole thing follows your mouse and then the y value is reset every frame.. I could just code it to only follow the x position of the mouse.. I'l do it after we are done playing cards ahha.. Don't worry, it will be up very soon! It will only take a minute to change the code. But for now I have to go.

[orange gold]

I fixed the slider issue, the new downloadable file is on the first post.. Thankyou!

[Dadoo]

Thanks to you Orange Gold :-)

[AURFSCAN]

Installed and working on 4.1 PL2

No issues :)

I personally changed the code though so my community members did not have to type out ipspoiler, but rather just ispoiler


what about iHide :p


tagged and thx

[lubbie]

Nice one. The slider is a bit...Oversized

[RK KINGKONG]

how can i add this mod to lets say the eidtor bar like when making a new thread or post as a button with an image , ? i can make the image not a problem

NICE MOD BRO REALLY NICE THANK YOU

[orange gold]

When you are adding the BBCode it says this option:
Button Image (Optional):

Make a 21x20 pixel image and upload it.. then copy and paste the url into there and hit save.

[RK KINGKONG]

The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.

im getting this message with the option to continue or go back once i try to save it , any help ?
sorry Juggernaut ,I warned you im a noob LOL

Also im tyring to add the option to the editor is it possible ? I know how to add an image to the proper directory

[RK KINGKONG]

my only issue now is like an error message with the option to go back or continue , but if i hit continue when i go n use it ,i preview the post it says its too short even when i type more than 25 characters in there , i want this so bad but its not working out for me .. im a total noob but these instructions are pretty simple what im i doing wrong or is it even me ??When you are adding the BBCode it says this option:
Button Image (Optional):

Make a 21x20 pixel image and upload it.. then copy and paste the url into there and hit save.

[OldSchoolDSL]

The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.

im getting this message with the option to continue or go back once i try to save it , any help ?
sorry Juggernaut ,I warned you im a noob LOL

Also im tyring to add the option to the editor is it possible ? I know how to add an image to the proper directory

I got your PM and although this isn't my Mod... It's an easy thing to address.

You will get that HTML warning when adding the code. Ignore the warning and proceed. It's a small bug in 4.1 PL2 (false positive).

Make sure you have uploaded ipspoiler.swf

You may also need to edit the code a little.

/forums/images/ipspoiler.swf

The bold text should point to your forum root.

[RK KINGKONG]

ok well , i dont know what to change the directory too if i change whats there , like i tried just putting the swf into my forum root , but i wouldnt know what to name it ...
the other issue is when i dont chose the option to add it as an editor button in my forums , i see the html coding in the bb code manager , but when i do chose that option it makes the mtml coding go away but adds the button .. however it cant work without its html code .. i dont know i feel like giving up but then again i want to make this work , my IM AIM is : xaogxzeus or MSN : righteouskings@hotmail.com if anyone is willing to work this out with me .... sorry for the lack of knowledge

[RK KINGKONG]

well after alot of trial and error ill explain how i got it to work if any other noob has an issue like myself :

1st: I edited the HTML code changed it to point towards: <embed src="/images/ipspoiler.swf"
because I couldnt find a :<embed src="/forums/images/ipspoiler.swf"

then i put the ipspoiler.swf file into the images folder of my root ..

2nd : if you try to select to : Use {option} to add to the editor tool bar it for some weird reason saves but takes out the HTML code , so i just left it as no and when i hit save i got another weird message i just ignored n continued .

i now have it in my eidtor toolbar , though i dont know how if the option to do so is set to no .
cause when you set it to yes , instead of it displaying the slider in the replacement box it shows this :Hide your text in here...

and where its suppose to still show the HTML code still it now shows this again : Hide your text in here... while in the {BB code manager}

example 1 shows it set to not place as a button in the editor toolbar
example 2 shows it set to appear in the editor toolbar
that was my issue the html coding goes away when you select the yes option to set it as a button

[orange gold]

use {option} does not mean it puts it in your toolbar...
Option is a value in bbcode..

Example:
{Param}

You need to have ti go to the images folder on your forums

So if your forums URL is /forums/images or whatever that is right.. It may be /forum or /index/images
What ever you set it to when you created the forum.

The "use {option}" needs to be set to NO.

Please let us know if this is now working.
Thankyou

[RK KINGKONG]

THANK YOU , your mod is awesome , the fact that i have still no clue about /forum/images/ ? whatever . lol i was looking for a forums folder in the root . since i could not i just changed the image path . and thank you for letting me know this because i thought the option to pick yes was to add the button lol . so now , i know better .it works awesome now on VB 4.1 patch 2 like a charm
keep up the great work. long story short , I have no knowledge what so ever about any of this , I was thrown into this when the guy whom set up my site left to the military . this is a crash course for me , the lil i have learned has been through the gentlemen here explaining to me like , im special ed thats fine . thanks again use {option} does not mean it puts it in your toolbar...
Option is a value in bbcode..

Example:
{Param}

You need to have ti go to the images folder on your forums

So if your forums URL is /forums/images or whatever that is right.. It may be /forum or /index/images
What ever you set it to when you created the forum.

The "use {option}" needs to be set to NO.

Please let us know if this is now working.
Thankyou

[Krusty1231]

Installed and working. VB 4.0.8

Attached it a small public image to use with button image if you so choose.

Thanks for the mod.

[orange gold]

Glad you like it! :)

[CMSTemplateZ]

Very Nice :)

[conchemimare]

Amazing, thanks mate!

[RK KINGKONG]

Glad you like it! :)

Is there any way to change the colors of the glow affect? I want to make it yellow or green.

[orange gold]

What is "flowers" effect?

[RK KINGKONG]

LMAO WOW , i meant to say the glow behind the message , sorry i was on my phone half asleep What is "flowers" effect?

[orange gold]

Green and yellow: attahced! (When instaling a new bbcode swf file you may have to refresh the page once or twice before it starts working on your screen due to cookies.. But it will work I promise, just maybe not immediatley, it may take 1 or 2 min to switch.)

[RK KINGKONG]

THANK YOU much however if in the future i want to change it my self , I have to edit the .swf file then for the glow color ? correct ?

[OldSchoolDSL]

THANK YOU much however if in the future i want to change it my self , I have to edit the .swf file then for the glow color ? correct ?

yes

[orange gold]

THANK YOU much however if in the future i want to change it my self , I have to edit the .swf file then for the glow color ? correct ?

You actually have to edit the fla, not the swf.. And I didn't give anyone the fla haha... You could convert the swf to an fla with a converter.. or I could just post the fla here... but do you have flash?

[CoZmicShReddeR]

I can only see a few lines when I use this is there a way to have it show more of a spoiler??

I use it to show server logs to people in our forums!

Example:
http://www.cozworld.com/threads/1612-Bannend-after-joining?p=13474#post13474

[orange gold]

To get rid of the scroll bar change the replacement bbcode to this:

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase=""http://macromedia.com/cabs/swflash.cab#version=6,0,0,0""
WIDTH="700" HEIGHT="108.5" id="flaMovie1" ALIGN="CENTER">
<PARAM NAME=movie VALUE="/forums/images/ipspoiler.swf">
<PARAM NAME=FlashVars VALUE="var1={param}">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<PARAM NAME="wmode" value="transparent">
<embed src="/forums/images/ipspoiler.swf" FlashVars="var1={param}"
quality="high" bgcolor="#FFFFFF" WIDTH="700" HEIGHT="108.5"
NAME="flaMovie1" ALIGN TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" wmode="transparent">
</OBJECT>


Now...
Unfortunately since this is a flash based bbCode I can't make it show more lines without making the text appear outside of flash... I don't know how to do that yet but I am going to try and figure it out in the near future...

Until then, you can use my javascript based bbcode for a spoiler which will show as many lines of code as you want, but you click a button (with a custom button text title) to view it, not slide a iphone slider. You can get it by clicking here. (https://vborg.vbsupport.ru/showthread.php?t=255821)

Sorry for the inconvenience.

[reimic]

but for what is that? the iphone is not able to show flash files. sorry, but very senseless..

[orange gold]

This isn't made to run on the iPhone. It is made to have an iPhone theme..

[ndut]

cool

[orange gold]

Glad you like it ;)

[axix20xx]

Hi there
tnx for this useful thing dude . I wanna use it as right align in a persian forum & therefore 800px W is too large for that
please convert Slide to unlock" to "برای نمایش بکشید"
with regards

[Eduardo Leon]

dont work for vb 4.1.1 :( !

Why ! please .! Upgrade !

EDIT :

Fixed ! Thnx !

PD :

you can edit : "slide to show" to "Deslice para mostrar" ???

[Afsoul]

dont work for vb 4.1.1 :( !

Why ! please .! Upgrade !

EDIT :

Fixed ! Thnx !

PD :

you can edit : "slide to show" to "Deslice para mostrar" ???
Same with me here, it doesn't work for vB 4.1.3 :(
Any solution for this error? :(

zxleo, what do you mean with "Fixed" and "can edit slide to show to deslice para mostrar"??? :confused:

[BlinderGuy]

Copied code but got this error:

The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=""http://macromedia.com/cabs/swflash.cab#version=6,0,0,0"" WIDTH="800" HEIGHT="124" id="flaMovie1" ALIGN="CENTER"> <PARAM NAME=movie VALUE="/forums/images/ipspoiler.swf"> <PARAM NAME=FlashVars VALUE="var1={param}"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <PARAM NAME="wmode" value="transparent"> <embed src="/forums/images/ipspoiler.swf" FlashVars="var1={param}" quality="high" bgcolor="#FFFFFF" WIDTH="800" HEIGHT="124" NAME="flaMovie1" ALIGN TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" wmode="transparent"> </OBJECT>

[Last_Zero]

The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.

[orangegold]

Hey, this is my new account.. I lost access to my old account (the one that I originally posted this thread on) anyways...
Here is the new Live demo: http://www.decimology.com/forums/showthread.php?75-iPhone-spoiler-preview!
Also, for this bbcode to work properly you need to DISABLE the use of smilies (it's an option when you are setting up the bbcode)
I no longer have the fla so I won't be making custom changes anymore... but if a mod could edit the new live demo and the disabled smilies into my original post that would be amazing, also mods/admins if there is someway to merge my account with my original account "orange gold" the one that I originally posted this thread on that would be awesome :) Thanks!