How to Embedd Things In Your Topic

Donni11

  • *
  • Posts: 2181
Hello Stencylers !  Here are ways to embed certain things in your topics :

                                                  Inserting Hyperlinks
To embed something a hyperlink use a similar code like this :
Code: [Select]
[url=http://community.stencyl.com/]Stencyl Forums[/url]Use the 
Code: [Select]
[url=http:// parts then type in the link . After put a
Code: [Select]
]  and the word you would like to say , then put this ending /closing part 
 
Code: [Select]
[/url]  .   

Final Results :   Stencyl Forums


                                                        Inserting  Pictures
To include a picture use
Code: [Select]
[img][/img] , like this :
Code: [Select]
[img]http://static.stencyl.com/v3/images/showcase/ghost-song.png[/img]Pictures have to be from its exact importing spot , for example :
Wrong Way :
Code: [Select]
[img]http://www.stencyl.com/features/[/img]Right Way:
Code: [Select]
[img]http://static.stencyl.com/v3/images/tour/tour-1.jpg[/img]To find its importing spot :
Right click , Select " Open image in new tab " and use that link OR inspect element
I recommend using " Open image in new tab " , its faster .

Final Results :

                                                   Inserting Pictures with hyperlinks
Inserting pictures with hyperlinks means that when the user clicks on the picture it will take you to another site or page . So its like the picture is a hyperlink .
To insert a picture as a hyperlink you have to use
Code: [Select]
[img][/img] and
Code: [Select]
[url][/url] .
Here is a example
Code: [Select]
[url= WWW. Example.com  ][IMG]WWW.Example.Com [/img][/URL]but you still have to use it from the uploading spot .
First you have to write the hyperlink but without the showing words like this :
Code: [Select]
[url=http://community.stencyl.com/] [/url] . Then place in the image between the hyperlink like this :
Code: [Select]
[url=http://community.stencyl.com/] [img]http://static.stencyl.com/v3/images/tour/tour-1.jpg[/img][/url]
Final Results :
                                                                  Inserting Flash
To upload a Flash use
Code: [Select]
[flash=200,200][/flash]  .
Similar from the picture you have to import exactly from the importing place , for example :
Code: [Select]
[flash=200,200]http://static.stencyl.com/games/10715-0.swf[/flash]
Wrong Way :
Code: [Select]
[flash=200,200]http://www.stencyl.com/game/play/10715[/flash]
Right Way:
Code: [Select]
[flash=200,200]http://static.stencyl.com/games/10715-0.swf[/flash]You could change the x and y coordinates as you wish , it really depends on the game .
A way to find the uploading spot is to inspect the element ( right click ) .

Final results :<a href="http://static.stencyl.com/games/10715-0.swf" target="_blank" class="new_win">http://static.stencyl.com/games/10715-0.swf</a>

                                                                      Youtube Videos
Youtube videos are different . You already have the uploading spot but you still have to change a few things :

Insert a normal link but change the word from youtube link from "watch?v=" to "v/"
( also include the Flash code ) :

For Example:
Here is your  normal youtube link :

Code: [Select]
https://www.youtube.com/watch?v=Ie04d0fgLXA
Change it to :


Code: [Select]
https://www.youtube.com/v/Ie04d0fgLXA
It should look like this after you complete the change :


Code: [Select]
[flash=640,480]https://www.youtube.com/v/Ie04d0fgLXA[/flash]
Final Results
<a href="https://www.youtube.com/v/Ie04d0fgLXA" target="_blank" class="new_win">https://www.youtube.com/v/Ie04d0fgLXA</a>


Embedding Dropbox (and Google drive) images and flash into your topic :

Here is a normal Dropbox link:
Code: [Select]
https://www.dropbox.com/s/1dbxh84nv13a7ys/3Dgame.swf?dl=0 Now you see the "dl=0" that means tells the browser we want to download the file. We want to tell the browser we want to view the file so change the "dl=0" to "raw=1".
 "raw=1" tells the browser we want to return the file or as in this case view it.
So change the link to this :
Code: [Select]
https://www.dropbox.com/s/1dbxh84nv13a7ys/3Dgame.swf?raw=1
Now as I showed  you before , lets add the flash code to it :
Code: [Select]
[flash=640,480] https://www.dropbox.com/s/1dbxh84nv13a7ys/3Dgame.swf?raw=1 [/flash]
Final Results :

<a href="https://www.dropbox.com/s/1dbxh84nv13a7ys/3Dgame.swf?raw=1" target="_blank" class="new_win">https://www.dropbox.com/s/1dbxh84nv13a7ys/3Dgame.swf?raw=1</a>

The same goes for images :
change to "dl=0" to "raw=1"
Code: [Select]
https://www.dropbox.com/s/udyb9b4qohljnvo/screenshot_Wed_Sep_02_17.23.59.png?raw=1
and add the " image " code :
Code: [Select]
[img]https://www.dropbox.com/s/udyb9b4qohljnvo/screenshot_Wed_Sep_02_17.23.59.png?raw=1[/img]
Final Results :


Notes :
- Remember to always change it from "dl=0" to " raw=1"
- This also works with google drive

=========================================================
Well I hopes this helps users trying to embed things into their topics :) !

« Last Edit: June 20, 2017, 02:51:18 pm by Donni11 »
Peace

stefan

  • *
  • Posts: 2263
You really do like my videos dont you =p

TheeSeaverShow

  • Posts: 472
Is is possible to upload a single scene from a game for an example flash?  I know I can just mark it as the starting scene and unlink other scenes from it, but is there a way to truly only upload 1 scene?

stefan

  • *
  • Posts: 2263
Nope. You upload a complete compiled game when attaching it here.

Donni11

  • *
  • Posts: 2181
You really do like my videos dont you =p
Yup , they're awesome :) !!

« Last Edit: June 23, 2015, 08:17:55 am by Donni11 »
Peace

Donni11

  • *
  • Posts: 2181
Updated . Now it teaches you how to upload pictures as hyperlinks .
Peace

stefan

  • *
  • Posts: 2263
Donni, can you also show us how to show a flash game using a dropbox link?

Donni11

  • *
  • Posts: 2181
Yes, I'll add it in. I'll post back here when its added.
Peace

stefan

  • *
  • Posts: 2263
I will save this topic to my favorties beefore I cant find it anymore haha

Donni11

  • *
  • Posts: 2181
Okay , I just updated the first post teaching how to embed Dropbox links , enjoy :) !
Peace

stefan

  • *
  • Posts: 2263

Donni11

  • *
  • Posts: 2181
Peace

TheeSeaverShow

  • Posts: 472
Donni, Should this say raw=1?

"The same goes for images :
change to "dl=0" to "raw=0""

Donni11

  • *
  • Posts: 2181
Whoops , didn't notice that , thanks :) ! I modified the first post,  yes the 0 is always changed to a 1.
Peace

TheeSeaverShow

  • Posts: 472
Is it possible to embed videos from photobucket or dropbox?  I do it with photos from both but cant find a way for videos.  I could use youtube, but If possible, id rather not.