Welcome Guest! To enable all features please try to register or login.
Mini Game HTML Codes
Ruby_VLDF
#1 Posted : Friday, July 17, 2015 8:54:40 AM(UTC)


Rank: Rising Forum Member

Joined: 6/29/2012(UTC)
Posts: 72
Okay, so First off I want to thank the few in a seperate Thread who read what I wrote about making Mini Games and interactive pieces for your profile and such, so I shall explain that here and also give a few HTML codes for anyone to use, and yes, they work, lolz.

Now, for the first step of this procedure, your going to want to find yourself a Mini-Game, it can be Pacman, Sonic, Mario Brothers, whatever. your going to want to Right-Click the WebPage outside of the Adobe Flash Player, at the Bottom of that pop-up it will say INSPECT ELEMENT, click on that and on the right side of your browser a lot of crazy shit will appear, but no worries, I shall explain how to navigate that so you can get what you want.

The next step, your going to want to be in the ELEMENTS tab of what just popped up.

Okay, Were going to use what Anhton_Novo provided for reference in the other Thread, Thank You Anhton_Novo if you read this.
That Link is this:
http://codecanyon.net/it...l_screen_preview/7065029

Now right-click and catch up, because were going to be going through all those funny lines to cut out what you dont want, or need.

IMPORTANT NOTE: before wasting your time and getting frustrated as to why something went wrong or not, Utherverse doesnt allow JAVASCRIPT to play on their servers, so Mini-Games containing Javascript will not play on your profile, but may in any sense outside of RLC.
so Ctrl+F and type in Javascript to ensure if it contains javascript or not so you know wheter to look for another version of that game, or another game altogether. If the word Javascript appears when you search, its javascripted, so move along, lolz

Now the very top your going to see this:
<!DOCTYPE html>

everything below that is code for the page your viewing, so what we need will obviously be under that.

Now taking your cursor and dragging over the actual coding in that box will cause the actual image to brighten or highlight certain areas, feel free to see what different lines affect different parts of the page.

youll notice that <html lang="en" class="no-js"><head> highlights the entire page, simply put, thats because this code affects the entire page, the header.

Scrolling down youll find where the Code says:
<iframe class="full-screen-preview__frame" src="http://www.gannon.tv/envato/wheel_of_luck_demo/" name="preview-frame" frameborder="0" noresize="noresize" style="height: 937px;">
</iframe>

this is what you want because if you notice closely, it only highlights the body area where the actual game is located.


now this next step is sort of redundant, but I prefer to be safer than sorry just so I dont get frustrated as to wtf happened.

Your going to Right-Click that highlighted code that affects the body piece, and click on Edit as HTML, a small pop-up box will appear with the HTML inside, simply highlight that code, copy, or Ctrl+C and take it to your profile, or in a blog, or in a email, and paste, or Ctrl+V.

Small side Note: Where it says height: 937px, thats the height parameters that are placed in that, so much like a youtube video how you can adjust the height and width of the video, you can even alter the height of the game using this, I changed mine to 350px just so it didnt waste space on my profile, now there is no width i know, thats because the width is a set parameter, some games will have width and height, some may have just height, some may even have just width, just know you can alter those numbers. But ONLY the numbers.

If you do not know how to apply HTML code to your profile page, Ill explain that too for you.

First, ensure your on your Home Page, then click on the Profiles Tab, then Personality, where you would normally write things in the About Me section, or any of the ones that dont have limited space, you can actually paste the HTML code in those boxes and Save. then the game will appear on your profile page when either you or any visitors view your page.


I have 3 games so far that have the HTML code, and yes, I will post them for people to use, I will try and get many more through time and if anyone has requests, let me know, and I shall see what I can do.


1. Wheel of Fortune:
<center><span class="gtitle">Wheel of Fortune</span><br><br>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="400" height="300" id="wtsplus">
<param name="movie" value="http://www.freewebarcade2.info/media/wtsplus.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#000000"> <embed src="http://www.freewebarcade2.info/media/wtsplus.swf" quality="high" bgcolor="#000000" width="600" height="500" name="wtplus" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</object><br>
<div class="inst">

2. Pacman(With instructions):
<center>
<embed allowscriptaccess="always" height="540" name="neavePacMan" pluginspage="http://get.adobe.com/flashplayer/" quality="high" src="http://www.neave.com/games/get_game.php?swf=pacman" type="application/x-shockwave-flash" width="640">
<div style="text-align: left;">
<div style="text-align: center;">
<span style="font-family: arial; font-size: 100%; font-weight: bold;">Control keys:</span><br>
<span style="font-family: arial; font-size: 100%;">Use the arrow keys to move</span><br>
<span style="font-family: arial; font-size: 100%;">Pause game – P</span><br>
<span style="font-family: arial; font-size: 100%;">Quit game – Q</span><br>
<span style="font-family: arial; font-size: 100%;">Lower quality – L</span><br>
<span style="font-family: arial; font-size: 100%;">Mute sound – M</span></div>
<br>
<div style="text-align: center;">
<span style="font-family: arial; font-size: 100%;"><span style="font-weight: bold;">Gameplay</span></span><br>
<span style="font-family: arial; font-size: 100%;">The objective of the game is to try to avoid the ghosts and to eat as many yellow dots as possible to advance to the next level! This game also features highscores!</span></div>
</div>
</center>

3. Sonic Flash(no not classic Sonic):
<div class="game" style="position:relative;margin-left:auto;margin-right:auto;text-align:center;">
<object type="application/x-shockwave-flash" data="http://srv1.us.gamex.com/files/games/ultimate-flash-sonic-1595.swf" width="640" height="458" id="game_container" style="visibility: visible;"><param name="wmode" value="window"><param name="allowScriptAccess" value="always"><param name="allowNetworking" value="all"></object>
</div>


and as I said, let me know of any requests you may have and i shall see what I can do, but, I will ask if I do not respond within a day to your request please send a Email to my profile:
http://www.utherverse.co....aspx?MemberID=100043663
and I shall get with you as soon as I am Available.

and no, I wont charge for them, this is a Hobby, not Work.


Happy GamingWink
7 users thanked Ruby_VLDF for this useful post.
fiamettaAblaze on 7/17/2015(UTC), Loving_INTENSE on 7/17/2015(UTC), divingA_WnC on 7/17/2015(UTC), LazTopCat on 7/17/2015(UTC), __Dusty__ on 7/19/2015(UTC), 1_Despicable_Me on 7/19/2015(UTC), Anhton_Novo on 7/19/2015(UTC)
Ruby_VLDF
#2 Posted : Sunday, July 19, 2015 7:11:33 AM(UTC)


Rank: Rising Forum Member

Joined: 6/29/2012(UTC)
Posts: 72
Hey got another one for you guys to enjoy, Everyones most favorite Nintendo game.

Super Mario Brothers:
<div id="oyun"><div id="oyunalan" style="display: none;"><div id="reklamalan"><a href="http://ozmogames.com/games/super-mario/" target="_blank"><img src="http://www.pixygames.com/mary/ozmo.png"></a></div><span id="gerisay">Game loading complete...</span></div><div id="oyunhd" style="visibility: visible; width: 728px; height: 570px;"><object type="application/x-shockwave-flash" data="http://www.mario-games-free.net/upfil/swf/e.swf" width="760" height="570" id="oyunhid" style="visibility: visible; width: 728px; height: 570px;"></object></div></div>

But just note this game gives off a sparkly type sound while viewing, so if you have music on your main page, this will conflict, so best option, post it in a blog.

Please refer to Post one on how to install this HTML code into your profile to enjoy.
3 users thanked Ruby_VLDF for this useful post.
__Dusty__ on 7/19/2015(UTC), Loving_INTENSE on 7/19/2015(UTC), LazTopCat on 7/19/2015(UTC)
__Dusty__
#3 Posted : Sunday, July 19, 2015 11:19:49 AM(UTC)


Rank: Veteran Forum Member

Joined: 5/2/2012(UTC)
Posts: 4,025
Here is a vast list of flash games for in world or can be used on profile pages as well:

The Games:

Adventure Platform
Blocks
Bullseye
Clown Shooter
Darts
Duck Shot
Frogger Redux
Pac Man Redux
Paint Pro
Racing Laps
Smack The Rabbit
Slots Diamonds
Slots Gold
Target Shot
Utherverse Shooter
Tetris Redux

The Flash Props (in world):

Fish Tank
Fish Tank2
Magic Piano
World Clock

Use the element method above to convert to HTML for profiles.

http://www.utherverse.com/FlashApplets/
“Knowing a great deal is not the same as being smart.” (Carl Sagan)

Quoted by:_Ga_Peach_
Best Forum Hugs Award goes to __Dusty__
4 users thanked __Dusty__ for this useful post.
Loving_INTENSE on 7/19/2015(UTC), Ruby_VLDF on 7/19/2015(UTC), LazTopCat on 7/19/2015(UTC), divingA_WnC on 7/20/2015(UTC)
Users browsing this topic
Guest
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Clean Slate theme by Jaben Cargman (Tiny Gecko)
Powered by YAF | YAF © 2003-2010, Yet Another Forum.NET
This page was generated in 0.221 seconds.
TC-IIS-7
3.145.73.207