Post by Core on Apr 26, 2009 21:56:39 GMT -5
This all started with a section of code on Handle variables I found in the Help document. At the time my son was playing 'Lego' Star Wars on the WII system.
Being 'new' to RunBasic, CSS, and HTML I decided to expand on that Handle Variable code to have some fun.
As for browser compatibility all I can say is,...I did my best.
I only use FireFox and it displays fine on FF. SeaMonkey works fine but the graphics did not load as fast as FireFox.
The Code may be a little rough but I'm still learning.
I have a Server (actually an old Desktop) running RB 24/7. This thing is old so don't be surprised if it crashes.
Here is a direct link on the server:
hvacore.net/seaside/go/runbasicpersonal?app=Menu1
Here is the Code:
Being 'new' to RunBasic, CSS, and HTML I decided to expand on that Handle Variable code to have some fun.
As for browser compatibility all I can say is,...I did my best.
I only use FireFox and it displays fine on FF. SeaMonkey works fine but the graphics did not load as fast as FireFox.
- Opera...could not get the scrollbar to disappear, and the 'roll over' has issues. Also no 'rounded' corners on Textarea.
- IE.....Well I just 'Gave Up' . IE has a bad flicker on the graphics when loading. Scroll bars and also no rounded corners.
The Code may be a little rough but I'm still learning.
I have a Server (actually an old Desktop) running RB 24/7. This thing is old so don't be surprised if it crashes.
Here is a direct link on the server:
hvacore.net/seaside/go/runbasicpersonal?app=Menu1
Here is the Code:
global info$, bio$, story$, #hvar$
picPath$ = "url('http://i445.photobucket.com/albums/qq179/ct315185/darthMaul.png');"
cssclass "body", "{
background-image: url('/starfield1.JPG');
bgcolor: white;
}"
cssid #container, "{
position: relative;
top: o;
left: 0;
margin: 0 auto;
width: 810px;
background-color: black;
}"
cssid #header, "{
position: absolute;
top: 5px;
left: 0;
border: 2px solid white;
width: 800px;
height: auto;
z-index: 4;
}"
cssid #BGimage, "{
position: absolute;
top: 208px;
left: 0;
width: 784px;
height: 375px;
background-color: black;
background-image: url('/webImage/star.JPG');
overflow: hidden;
background-repeat: no-repeat;
padding: 15px 7px 15px 7px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 1px solid black;
display: ";Display$;"
}"
cssid #content, "{
position: absolute;
top: 208px;
left: 0;
width: 768px;
height: 375px;
background: transparent;
overflow: hidden;
padding: 15px 15px 15px 15px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 4px outset white;
font-size:12pt;
font-family: verdana, sans-serif;
color: yellow;
overflow: hidden;
display: ";Display$;"
}"
cssid #contentB, "{
position: absolute;
top: 208px;
left: 0;
width: 768px;
height: 375px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background-color: transparent;
padding: 15px 15px 15px 15px;
display: ";Display$;"
overflow: hidden;
border: 0px;
}"
cssid #villian, "{
position: absolute;
top: 1px;
right: 2px;
width: 406px;
height: 149px;
filter: alpha(opacity=55);
-moz-opacity: .55;
opacity:.55;
background-image: ";picPath$;"
background-repeat: no-repeat;
overflow: hidden;
z-index: 2;
}"
cssid #logo, "{
position: absolute;
top: 1px;
left: 2px;
width: 335px;
height: 142px;
background-image: url('http://i445.photobucket.com/albums/qq179/ct315185/swlogopng.jpg');
background-repeat: no-repeat;
overflow: hidden;
z-index: 4;
}"
html "</div>
<div id = 'container'>
<div id = 'header'>"
graphic #BGimage, 800, 150
#BGimage fill("black")
render #BGimage
html "<div id = 'villian'></div><div id = 'logo'></div>"
dim n$(6)
n$(1) = "Darth Maul"
n$(2) = "Emperor"
n$(3) = "Darth Vader"
n$(4) = "Stormtrooper"
n$(5) = "Boba Fett"
n$(6) = "Darth Nihilus"
for n=1 to 6
hVar$="lnk"+str$(n)
link #hVar$," ";n$(n);" ", [MenuClick]
CSSClass "a.linkButton", "{
width: 131px;
Height: 24px;
margin: 0px auto;
Text-Align: center;
text-align: -moz-center;
padding-top: 5px;
border: 1px outset white;
Font-Family: Verdana;
Text-Decoration: None;
background-image: url('http://i445.photobucket.com/albums/qq179/ct315185/tabright.gif');
color: white;
float: left;
Display: Block;
}"
#hVar$ CSSClass("linkButton")
next n
cssclass "a.linkButton:hover", "{
background-image: url('http://i445.photobucket.com/albums/qq179/ct315185/tabright.gif');
border: 1px inset white;
Font-Weight: Bold;
color: yellow;
background-position: 100% -42px;
}"
textarea #BioImage, ""
#BioImage setid("BGimage")
textarea #BioText, ""
#BioText setid("content")
' The line below is a cheet for the lack of CSS support for ReadOnly textarea
html "<textarea id = 'contentB' cols='40' rows='12' readonly='readonly'></textarea></div>"
wait
[MenuClick]
cssid #BGimage, "{
position: absolute;
top: 208px;
left: 0;
width: 784px;
height: 375px;
background-color: black;
background-image: url('/webImage/star.JPG');
overflow: hidden;
background-repeat: no-repeat;
filter: alpha(opacity=32);
-moz-opacity: .32;
opacity:.32;
padding: 15px 7px 15px 7px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 1px solid black;
display: ";Display$;"
}"
ty$ = EventKey$
bio$= ""
story$ = ""
Display$ = "block;"
select case ty$
case "lnk1"
picPath$ = "url('http://i445.photobucket.com/albums/qq179/ct315185/darthMaul.png');"
bio$ = "BioMaul"
while not(info$ = bio$)
read info$
wend
while info$ <> "End"
read info$
story$ = story$;info$
wend
restore
case "lnk2"
picPath$ = "url('http://i445.photobucket.com/albums/qq179/ct315185/palpatine.png');"
bio$ = "BioEmperor"
while not(info$ = bio$)
read info$
wend
while info$ <> "End"
read info$
story$ = story$;info$
wend
restore
case "lnk3"
picPath$ = "url('http://i445.photobucket.com/albums/qq179/ct315185/vader.png');"
bio$ = "BioVader"
while not(info$ = bio$)
read info$
wend
while info$ <> "End"
read info$
story$ = story$;info$
wend
restore
case "lnk4"
picPath$ = "url('http://i445.photobucket.com/albums/qq179/ct315185/stormtrooper.png');"
bio$ = "BioStorm"
while not(info$ = bio$)
read info$
wend
while info$ <> "End"
read info$
story$ = story$;info$
wend
restore
case "lnk5"
picPath$ = "url('http://i445.photobucket.com/albums/qq179/ct315185/boba.png');"
bio$ = "BioFett"
while not(info$ = bio$)
read info$
wend
while info$ <> "End"
read info$
story$ = story$;info$
wend
restore
case "lnk6"
picPath$ = "url('http://i445.photobucket.com/albums/qq179/ct315185/darthnihilus2.png');"
bio$ = "BioNihilus"
while not(info$ = bio$)
read info$
wend
while info$ <> "End"
read info$
story$ = story$;info$
wend
restore
end select
#BioText text("";story$;"")
cssid #villian, "{
position: absolute;
top: 1px;
right: 2px;
width: 406px;
height: 149px;
-moz-opacity: .55;
opacity:.55;
filter: alpha(opacity=32);
background-image: ";picPath$;"
background-repeat: no-repeat;
overflow: hidden;
z-index: 2;
}"
html "</div>"
wait
data "BioVader"," Anakin Skywalker (nicknamed Ani by his mother) was a legendary Human Jedi Knight who served the Galactic Republic in its final years, and later became the Sith Lord Darth Vader.
Skywalker fought in the Clone Wars with his master and became a Jedi Knight in 20 BBY, taking Ahsoka Tano as his own apprentice. Throughout the conflict, Skywalker became an icon to the public, known as the ""Hero With No Fear"". Despite this, he carried with him a great sense of loss in addition to great anger. His inability to control these traits led to his downfall when, in 19 BBY, he turned to the dark side.
The original trilogy depicts Darth Vader as a fearsome cyborg and Sith Lord who serves at the right hand of Emperor Palpatine leading the brutal Galactic Empire in oppressing the galaxy and hunting down the Rebel Alliance.
The prequel trilogy depicts him as Anakin Skywalker a slave boy who becomes a heroic Jedi Knight and hero of the Clone Wars. He then falls to the dark side of the mystical Force after Palpatine manipulates him into betraying the Jedi and destroying the Galactic Republic.
In Star Wars Episode VI Return of the Jedi the series final chronological installment Vader redeems himself by killing Emperor Palpatine and saving his son Luke's life sacrificing himself in the process.","End"
data "BioMaul"," Darth Maul is completely engulfed by the Dark Side of the Force. He is the apprentice to Darth Sidious. His tattoos and horns on his face, added to his yellow eyes, are used to distract his opponents, giving him an edge.
Through tedious and vigorous training, Darth Sidious has taught him to use a double-ended lightsaber, a deadly weapon to an opponent, but eve more deadly to the untrained that use it. In a vicious duel during the film's climactic battle scene, Maul fends off both of his Jedi opponents using his double-bladed lightsaber. After separating the Jedi Master from his Padawan, Maul mortally wounds Qui-Gon. He then challenges Obi-Wan.
The Padawan, enraged at his master's death, strikes out at Maul with a furious assault during which he cuts the Sith lightsaber in half. However Maul holds his ground, and eventually Force-pushes Obi-Wan into a pit. He taunts the Padawan, who dangles helplessly by a ledge and kicks his lightsaber down the shaft.
However Obi-Wan calms himself and connects with the Force. He makes a spectacular leap out of the shaft and Force-guides Qui-Gon's lightsaber into his own hands, and cuts the astounded Maul in two as he stands with his mouth open. Maul barely has time to grimace as his body tumbles down the shaft in two pieces.
","End"
data "BioEmperor"," Mentioned by Grand Moff Tarkin (Peter Cushing) in Star Wars Episode IV A New Hope (1977) the Emperor was characterized as a weak but cunning politician under the control of powerful bureaucrats in Lucas original scripts of Star Wars.
Emperor Palpatine's official heir would normally be Darth Vader, as he is Palpatine's third Sith apprentice; however, there were indications that he never intended this to happen—he wanted Vader's son, Luke Skywalker, to take his father's place at Palpatine's side by killing Vader. However, Palpatine had prepared clone bodies of himself to take his place after his deaths, so there was never an official method for choosing a new Emperor.
However in Star Wars Episode V: The Empire Strikes Back, Star Wars Episode VI: Return of the Jedi the prequels and Star Wars literature the character is depicted as the embodiment of evil and heavy-handed authoritarianism. Palpatine was incorporated into the Star Wars merchandising campaigns that corresponded with the theatrical release of Return of the Jedi and the prequel films. The character has since become a symbol of evil and sinister deception in popular culture.","End"
data "BioStorm"," Stormtroopers are the personal army of Emperor Palpatine and of his commanders carrying out the will of their superiors without question. In Star Wars Episode II Attack of the Clones the troopers were cloned from bounty hunter Jango Fett to be the Army of the Republic in the Clone Wars.
Towards the end of the Clone Wars, the troopers enacted Order 66 at the command of Chancellor Palpatine, attacking their Jedi generals. Initially, the stormtroopers served as the army of the Galactic Empire, putting down revolts and establishing imperial authority. After one such revolt on Kamino Fett clones throughout the army were slowly replaced by non-clone recruits to reduce their susceptibility to manipulation.
After the Empire had been stabilized and an Imperial Army Imperial Navy established the stormtroopers became the Emperors personal army and were stationed on Imperial bases and cruisers to ensure absolute loyalty and obedience to Palpatine as well as on the Death Star and Death Star II. They maintained these roles until the Empires destruction.","End"
data "BioFett"," Boba Fett was a Mandalorian warrior and bounty hunter. He was a clone of the famed Jango Fett, created in 32 BBY as the first of many Fett replicas designed to become part of the Grand Army of the Republic, and was raised as Jangos son. Jango taught Boba much training the latter to become a skilled bounty hunter as his father-figure was before him. In 22 BBY, Jango was killed at the Battle of Geonosis, which opened the Clone Wars.
Just a boy Fett was forced to grow up. He took assignments from beings such as Jabba the Hutt, and achieved notoriety despite his young age. When the Empire was formed in 19 BBY it was the perfect environment for Fett. He became known as the galaxies best bounty hunter of the next several decades, often working for the Empire. Fett collaborated with Darth Vader on several occasions and the Sith Lord even developed a begrudging respect for the bounty hunter.
Fett made his most notable bounty in 3 ABY, when he captured Rebel Alliance hero Han Solo and brought him to Jabba. A year later during the Skirmish at Carkoon Fett fought against the group of Rebels. However he was knocked into the mouth of the sarlacc by Solo. Though no one in recorded history had ever escaped from the sarlacc, Fett was able to escape, although not entirely unscathed. Thanks to his iron will and Mandalorian armor he was able to fight his way out of the beasts belly. Back in action he continued his work as a bounty hunter.","End"
data "BioNihilus"," Darth Nihilus was a Force-sensitive Human male who lived during the Dark Wars. He lost everything during the Mandalorian Wars, surviving the activation of the Mass Shadow Generator at the Battle of Malachor V. The experience of the mass shadows made him hunger for Force energy and the affliction began to ravage his body. In his pain he became a wound in the Force and was found by a seeker of such things Darth Traya who told him that she could teach him to feed his hunger.
He accepted her offer and came under her apprenticeship at her Dark Jedi academy choosing to wield the dark side of the Force as his weapon and over time became one of three concurrent Dark Lords of the Sith. Together the three formed a triumvirate with Traya at its head and her other apprentice Darth Sion, as the third. The trio chose individual names for themselves and Nihilus became the Lord of Hunger.
The apprentices grew in strength during their training and eventually overpowered their Master. Sion beat Traya with Nihilus right behind him before they exiled her and the two combined their powers to sever her ties to the Force. Nihilus's affliction developed to the point where he was forced to call upon his dark powers and encase his spirit within his mask and armor to stay alive. Nihilus and Sion then became the main perpetrators of the First Jedi Purge, causing the virtual extinction of the Jedi Order.","End"