WELCOME TO FUBAR LOUNGE CODE TRAINING THIS IS GOING TO SEEN RATHER OVERWHELMING TO YOU AT FIRST AS IT IS ALOT OF INFORMATION TO HAVE ALL PUT IN FRONT OF YOU AT ONE TIME, BUT IT IS ALL VERY SIMPLE TO READ AS I HAVE BROKEN IT DOWN TO A WAY THAT YOU WILL BE ABLE TO UNDERSTAND AND FOLLOW THE EXAMPLES THAT I HAVE PUT IN HERE FOR YOU AND I HOPE THAT YOU CAN UNDERSTAND EACH AND EVERYTHING THAT IS LISTED BELOW AS IT IS VERY VITAL TO YOU TO BECOME SUCCESSFUL IN YOUR BECOMING A LOUNGE CODER. IT IS TRYING WHEN YOU ARE FIRST STARTING OUT FRESH NOT KNOWING WHAT IS WHAT IN CODING OR EVEN NOT KNOW WHAT CODING IS BUT IT IS VERY BASIC JUST ALOT OF THINGS THAT YOU HAVE TO RETAIN IN YOUR MIND AS YOU START ON YOUR WAY TO BE COME A CODER. YOU JUST HAVE TO LEARN AT YOUR OWN PACE AS ALOT OF PEOPLE LEARN AT A DIFFERENT RATE THAN OTHER DO AND THAT IS A GOOD THING AT LEAST WHEN YOU TAKE YOUR TIME YOU WILL KNOW EVERYTHING THAT YOU ARE DOING AND NOT MESS UP OR FORGET WHAT YOU HAVE LEARNED . SO ONCE AGAIN I WANT TO CONGRATULATE YOU ON YOUR INTEREST IN BECOMING A LOUNGE CODER AND WANTING TO LEARN. WE TRAINERS ONLY WANT YOU TO BEABLE TO LEARN THE CORRECT WAY AND TO HAVE YOU BE SUCCESSFUL AND TO FURNISH YOU WITH THE RIGHT TOOLS THAT YOU WILL NEED AND TO SHARE OUR KNOWLEDGE WITH YOU TO MAKE YOU A CODER THAT WILL KNOW HOW TO CODE A LOUNGE FLAWLESSLY.
This is known as the Motd section of your lounge all of your main things go in here like your lounge name banner and buttons and cams and what ever else you decide to add in this section.
This part is where your lounge banner would go and there are many different ways to make these and the posibilities are endless.
<img src="http://images.cooltext.com/1795669.png" width="400" height="50" alt="TEST LOUNGE">
<img src="http://images.cooltext.com/1795676.gif" width="400" height="50" alt="TEST LOUNGE">
<img src="http://images.cooltext.com/1795681.png" width="400" height="50" alt="TEST LOUNGE">
<img src="http://images.cooltext.com/1795686.gif" width="400" height="50" alt="TEST LOUNGE">
THESE ABOVE EXAMPLE WERE MADE WITH A WEBSITE THAT HAS ALOT OF DIFFERENT OPTIONS TO ALLOW YOU TO MAKE THE BANNERS TO WHATEVER YOU DECIDE THAT YOU WANT AND THEY ALSO RENDER THE GRAPHICS AND GIVE YOU THE IMAGE HOSTING RIGHT THERE ON THEIR OWN SITE BUT YOU HAVE TO REGISTER FOR AN ACCOUNT IN ORDER TO BE ABLE TO TAKE ADVANTAGE OF THE BENEFITS OF THIS FEATURE AND IT IS FREE TO MAKE THE ACCOUNT THERE AS WELL HERE IS THE LINK TO THIS WEBSITE:
CLICK THE GRAPHIC BELOW TO USE THIS SITE:
<a href="http://cooltext.com"><img src="http://images.cooltext.com/1795693.png" width="400" height="50" alt="TEST LOUNGE"></A>
This is where your lounge rules would be put in example of these would be these:Example one is a example of what styles you can have for lounge rules the one below is known as a Marquee scroller.
<font face="segoe script" color="#F5F5F5" size="6pt"><marquee bgcolor="transparent" direction="left" loop="30" width="75%"><strong>**~WELCOME TO YOUR LOUNGE NAME GOES HERE~***LOUNGE RULES***~PLEASE TAKE A MINUTE TO READ~**1) NO DRAMA OF ANY KIND OR EJECTED IMMEDIATELY!!2) NO YAHOO YIM'S IN THE LOUNGE!!*3) NO LURKING MUST BE STAFF TO IDLE IN LOUNGE!!*4) NO BASHING DJ'S OR MUSIC OR YOU WILL BE BANNED ON THE SPOT!!*5) NO LINK DROPPING !!*6) MUST HAVE PICTURE IN PROFILE AND MUST HAVE A PROFILE !!*7) IF YOU HAVE A PROBLEM BRING IT TO THE MAIN OWNER OF THE LOUNGE'S ATTENTION NOT ANYONE ELSE *8) 1ST WARNING 2ND EJECTED 3RD BANNED IF YOU BREAK THE RULES!! HAVE FUN AND ENJOY YOURSELF.</strong></marquee></font>
EXAMPLE 2 is known as a drop down menu and you can alter this to any font that you want and any colors and also any rules yoou want to add to this.<select size="1px" style="color:#F5F5F5; background-color:black; font-family:trebuchet ms; font-size:11pt; border:3pt double #F5F5F5"><option value="none">LOUNGE RULES</option><option>**1) NO DRAMA OF ANY KIND OR EJECTED IMMEDIATELY!!</option><option>2) NO YAHOO YIM'S IN THE LOUNGE!!</option><option>3) NO LURKING MUST BE STAFF TO IDLE IN LOUNGE!!</option><option>4) NO BASHING DJ'S OR MUSIC OR YOU WILL BE BANNED ON THE SPOT!!</option><option>5) NO LINK DROPPING !!</option><option>6) MUST HAVE PICTURE IN PROFILE AND MUST HAVE A PROFILE !!</option><option>7) IF YOU HAVE A PROBLEM BRING IT TO THE MAIN OWNER OF THE LOUNGE'S ATTENTION NOT ANYONE ELSE</option><option>8) 1ST WARNING 2ND EJECTED 3RD BANNED IF YOU BREAK THE RULES!! HAVE FUN AND ENJOY YOURSELF.</option><table align="middle"><tr><td></td></tr></table></select>
Now this part would be where your buttons for JOIN, DRINKS, MEMBERS,BANNED would go.</center>HERE ARE EXAMPLES OF BUTTONS THAT CAN BE MADE:
By adding the < a href code will enable the join button and the others to become functional in the lounge.AN EXAMPLE OF THIS CODE WOULD BE AS FOLLOWS:
< a href = "http://www.fubar.com/mylounges.php?join=75318 " target= " _blank " >
THE FOLLOWING CLICKABLE CODES ARE WHAT MAKES EACH BUTTON DO WHAT IS SUPPOSED TO DO:
JOIN: < a href= "http://www.fubar.com/mylounges.php?join=LOUNGE NUMBER GOES HERE" target=" _blank " >
DRINKS: < a href= " http://www.fubar.com/lounge_round.php?lid=LOUNGE NUMBER GOES HERE" target= "_blank " >
MEMBERS: < a href= "http://www.fubar.com/new_loungemembers.php?lid=LOUNGE NUMBER GOES HERE" target= "_blank " >
BANNED: < a href= "http://www.fubar.com/new_loungebanned.php?lid=LOUNGE NUMBER GOES HERE " >
AND NOW TO SHOW YOU A WORKING EXAMPLE OF THESE CODES TOGETHER WITH THE DESIRES GRAPHIC THE CODE WILL LOOK AS FOLLOWS:
< a href ="http://www.fubar.com/mylounges.php?join=YOUR LOUNGE # HERE" target= "_blank " >< img src=" http://images.cooltext.com/1795609.png " width="200" height="104" alt="JOIN" / ></a>
THESE ARE EXAMPLES OF WHAT THE FINISHED CODING FOR THE BUTTONS SHOULD BE WITH THE CORRECT LOUNGE NUMBERS IN THE CODE AND THE PROPER FORMATE OF THE BUTTONS AND THIS IS HOW THEY SHOULD BE LAYED OUT:
<a href="http://www.fubar.com/mylounges.php?join=YOUR LOUNGE # GOES HERE" target="_blank"><img src="http://images.cooltext.com/1795609.png" width="200" height="104" alt="JOIN" /></a>
<a href="http://www.fubar.com/lounge_round.php?lid=YOUR LOUNGE # GOES HERE" target="_blank"><img src="http://images.cooltext.com/1795612.png" width="200" height="105" alt="DRINKS" /></a>
<a href="http://www.fubar.com/new_loungemembers.php?lid=YOUR LOUNGE # GOES HERE" target="_blank"><img src="http://images.cooltext.com/1795614.png" width="200" height="104" alt="MEMBERS" /></a>
<a href="http://www.fubar.com/new_loungebanned.php?lid=YOUR LOUNGE # GOES HERE"><img src="http://images.cooltext.com/1795616.png" width="200" height="113" alt="DOOMED" /></a>
THIS SECTION WILL EXPLAIN HOW YOU ADD A DIRECT IMAGE LINK INTO A CODE TO MAKE IT SHOW UP IN YOUR FUBAR LOUNGE:
NOW THERE ARE VARIOUS HOSTING SITES THAT YOU CAN USE TO HOST UR PICS THAT YOU USE IN YOUR CODING.
1. PHOTOBUCKET
2. IMAGESHACK (WHICH YOU DONT NEED A ACCOUNT WITH THEM TO HOST UR IMAGES) I USE THIS ONE FAITHFULLY.
3. TINYPIC (I HAVE HEARD OF THIS ONE BUT I HAVE NEVER USED IT)
NOW FOR THE IMPORTANT STEP HERE IS WHAT IS A DIRECT IMAGE LINK CODE:
< img src = " http://img811.imageshack.us/img811/4691/00163199.jpg " border = " 0 " width = " 200 " height = " 100 " / > < / a >
SO THIS IS WHAT IT LOOKS LIKE WHEN IT IS ALL ADDED TOGETHER IN THE RIGHT FASHION:
<img src="http://img811.imageshack.us/img811/4691/00163199.jpg" border="0" width="200" height="100 "/></a>
NOW FOR THE REST OF THE LOUNGE MOTD SECTION TRAINING EXERCISES:
NOW RIGHT ABOUT NOW YOU ARE PROBABLY ASKING YOURSELF WHERE DOES THE LOUNGE BACKGROUND GOE IN?
WELL I AM GOING TO ANSWER THAT RIGHT NOW AND IT IS RATHER SIMPLE TO SHOW YA.
HERE IS THE BACKGROUND AND WHERE AND HOW IT IS SUPPOSED TO BE ADDED IN THE LOUNGE MOTD SECTION!!!
EXAMPLE:
< style >
/* DONT ADD ANYTHING BELOW THIS LINE EXCEPT THE BACKGROUND */
.new_lounge_wrapper {visibility: visible;background-color: #000000;
background-position: center center;
background-attachment: fixed;
background-image: url(background image here);
background-repeat: repeat;}
< / style >
THIS IS THE WAY THAT THE BACKGROUND SHOULD BE PUT IN THE LOUNGE MOTD SECTION.<BR><BR><BR>NOW HERE IS WHAT THE MOTD LOOKS LIKE WITH ALL THE ABOVE LISTED IN THE RIGHT ORDER IN THE CODING.
EXAMPLE:
<center><center><a href="http://www.fubar.com/edit_new_lounge.php?lid=lounge number here" target=" _blank "><img src="http://images.cooltext.com/1795676.gif" width="400" height="175" alt="TEST LOUNGE"></a><br /><br /><br /><br /><center><br><font face="segoe script" color="#F5F5F5" size="6pt"><marquee bgcolor="transparent" direction="left" loop="30" width="75%"><strong>**~WELCOME TO YOUR LOUNGE NAME GOES HERE~***LOUNGE RULES***~PLEASE TAKE A MINUTE TO READ~**1) NO DRAMA OF ANY KIND OR EJECTED IMMEDIATELY!!2) NO YAHOO YIM'S IN THE LOUNGE!!*3) NO LURKING MUST BE STAFF TO IDLE IN LOUNGE!!*4) NO BASHING DJ'S OR MUSIC OR YOU WILL BE BANNED ON THE SPOT!!*5) NO LINK DROPPING !!*6) MUST HAVE PICTURE IN PROFILE AND MUST HAVE A PROFILE !!*7) IF YOU HAVE A PROBLEM BRING IT TO THE MAIN OWNER OF THE LOUNGE'S ATTENTION NOT ANYONE ELSE *8) 1ST WARNING 2ND EJECTED 3RD BANNED IF YOU BREAK THE RULES!! HAVE FUN AND ENJOY YOURSELF.</strong></marquee></font><br><br><br><center><a href="http://www.fubar.com/mylounges.php?join=YOUR LOUNGE # GOES HERE" target="_blank"><img src= "http://images.cooltext.com/1795609.png" border="0" width="200" height="100" alt="photobucket" /></a>
<a href="http://www.fubar.com/lounge_round.php?lid=YOUR LOUNGE # GOES HERE" target="_blank"><img src="http://images.cooltext.com/1795612.png" border="0" width="200" height="100" alt="photobucket" /></a>
<a href="http://www.fubar.com/new_loungemembers.php?lid=YOUR LOUNGE # GOES HERE" target="_blank"><img src= "http://images.cooltext.com/1795614.png" border="0" width="200" height="100" alt="photobucket" /></a>
<a href=" http://www.fubar.com/new_loungebanned.php?lid=YOUR LOUNGE # GOES HERE" target="_blank"><img src= "http://images.cooltext.com/1795616.png" border="0" width="200" height="100" alt="photobucket" /></a><br /><br /><br />CAM CODES WOULD GO HERE<BR>YOU CAN USE EITHER SMOTRI, LIVEVIDEO, U-STREAM, BLOG TV, OR STICKCAM FOR LOUNGE CAMS<BR><BR><img style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0"
src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNj
I1MDIwMTA1OTMmcHQ9MTI2MjUwMjA*MjI5NiZwPTEwMjMzMSZkPSZnPTEmbz1mYj
NhYjlhNGU4NDQ*YTJjOWY*Mzc5ZDIzMjVlMWM2OCZvZj*w.gif" /><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="200"
height="200"><param name="wmode" value="opaque"><param name="allownetworking" value="internal"><param name="movie" value="http://pics.smotri.com/broadcast_play.swf?
208c85ba5bd8926d97283fd336d3b3ad&file=4xDODLzLaLva4LuOrLtLDLvODO4OCOtO
EOYOvxmL4xDxEOYO4OrxzxvaEOaOzOELDL1LCLzLrxDLD2nLYLtLuL4L1LrL&bufferT
ime=3&autoStart=false&str_lang=eng&xmlsource=http%3A%2F%2Fpics.smotri.com
%2Fcskins%2Fglamour%2Fskin_color.xml&xmldatasource=http%3A%2F
%2Fpics.smotri.com%2Fskin_ng.xml"><param name="allowScriptAccess" value="Never"><param name="allowFullScreen" value="true"><param name="bgcolor" value="#ffffff"><embed height="200" width="200"
flashvars="file=YzuSu9t9p9rqY9DSv9z9u9rSuSYSESzSCS4Srz19YzuzCS4SYSvztzrqCSpSt
SC9u9m9E9t9vzu9u80949z9D9Y9m9v9&xmlsource=http%3A%2F
%2Fpics.smotri.com%2Fcskins%2Fglamour%2Fskin_color.xml&str_lang=eng"
allowscriptaccess="Never" wmode="opaque" quality="high" bgcolor="#FFFFFF"
name="broadcast_player" src="http://pics.smotri.com/broadcast_play.swf?
208c85ba5bd8926d97283fd336d3b3ad" type="application/x-shockwave-flash"
allownetworking="internal"></embed></param></param></param></param></param>
</param></object><img style="visibility:hidden;width:0px;height:0px;" border="0"
width="0" height="0"
src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNj
I1MDI4MjA4MjgmcHQ9MTI2MjUwMjg*MDgyOCZwPTEwMjMzMSZkPSZnPTEmbz1mYj
NhYjlhNGU4NDQ*YTJjOWY*Mzc5ZDIzMjVlMWM2OCZvZj*w.gif" /><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="200"
height="200"><param name="wmode" value="opaque"><param name="allownetworking" value="internal"><param name="movie" value="http://pics.smotri.com/broadcast_play.swf?
208c85ba5bd8926d97283fd336d3b3ad&file=C8aBa6v6m6r8n6DBt6r6a6zBaBCB4BrBYB
EBz8n6C8a8YBEBCBt8C8r8E6pBvBY6a60646v6E846azm6E6r6p6C6a6C6&bufferTime=
3&autoStart=false&str_lang=eng&xmlsource=http%3A%2F%2Fpics.smotri.com
%2Fcskins%2Fglamour%2Fskin_color.xml&xmldatasource=http%3A%2F
%2Fpics.smotri.com%2Fskin_ng.xml"><param name="allowScriptAccess" value="Never"><param name="allowFullScreen" value="true"><param name="bgcolor" value="#ffffff"><embed height="200" width="200"
flashvars="file=pwE2Ee0etenwreY2meneEe12E2p2u2n2D2a21wrepwEwD2a2p2mwpwn
waeC202DeEeveue0eawueEOteaeneCepeEepe&xmlsource=http%3A%2F
%2Fpics.smotri.com%2Fcskins%2Fglamour%2Fskin_color.xml&str_lang=eng"
allowscriptaccess="Never" wmode="opaque" quality="high" bgcolor="#FFFFFF"
name="broadcast_player" src="http://pics.smotri.com/broadcast_play.swf?
208c85ba5bd8926d97283fd336d3b3ad" type="application/x-shockwave-flash"
allownetworking="internal"></embed></param></param></param></param></param>
</param></object><img style="visibility:hidden;width:0px;height:0px;" border="0"
width="0" height="0"
src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNj
I1MDMxNzIzNTkmcHQ9MTI2MjUwMzE3OTA2MiZwPTEwMjMzMSZkPSZnPTEmbz1mYj
NhYjlhNGU4NDQ*YTJjOWY*Mzc5ZDIzMjVlMWM2OCZvZj*w.gif" /><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="200"
height="200"><param name="wmode" value="opaque"><param name="allownetworking" value="internal"><param name="movie" value="http://pics.smotri.com/broadcast_play.swf?
208c85ba5bd8926d97283fd336d3b3ad&file=m7zez2D2C2m7E24ep2u2z2aezemeneue0e
1ea742m7z70e1emep7m7m7n2m2De02z2Y2n2D207r2zLC212u2t2m2v2a2&bufferTime
=3&autoStart=false&str_lang=eng&xmlsource=http%3A%2F%2Fpics.smotri.com
%2Fcskins%2Fglamour%2Fskin_color.xml&xmldatasource=http%3A%2F
%2Fpics.smotri.com%2Fskin_ng.xml"><param name="allowScriptAccess" value="Never"><param name="allowFullScreen" value="true"><param name="bgcolor" value="#ffffff"><embed height="200" width="200"
flashvars="file=r20w07E7u7r2D7pw47C707Yw0wrwtwCwzwvwY2p7r202zwvwrw42r2r
2t7r7Ewz707a7t7E7z2m70xu7v7C7n7r717Y7&xmlsource=http%3A%2F
%2Fpics.smotri.com%2Fcskins%2Fglamour%2Fskin_color.xml&str_lang=eng"
allowscriptaccess="Never" wmode="opaque" quality="high" bgcolor="#FFFFFF"
name="broadcast_player" src="http://pics.smotri.com/broadcast_play.swf?
208c85ba5bd8926d97283fd336d3b3ad" type="application/x-shockwave-flash"
allownetworking="internal"></embed></param></param></param></param></param>
</param></object><img style="visibility:hidden;width:0px;height:0px;" border="0"
width="0" height="0"
src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNj
I1MDM*NTMxMDkmcHQ9MTI2MjUwMzQ1OTU2MiZwPTEwMjMzMSZkPSZnPTEmbz1m
YjNhYjlhNGU4NDQ*YTJjOWY*Mzc5ZDIzMjVlMWM2OCZvZj*w.gif" /><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="200"
height="200"><param name="wmode" value="opaque"><param name="allownetworking" value="internal"><param name="movie" value="http://pics.smotri.com/broadcast_play.swf?
208c85ba5bd8926d97283fd336d3b3ad&file=02rwr7p7Y7u2CwEwD7a7r7uwrw0w1waw
mwnwu2E702r2mwnw0wD202u2uw07pwm7r7C717p7r2C7rxY7m7z717t7C7v7&buffer
Time=3&autoStart=false&str_lang=eng&xmlsource=http%3A%2F%2Fpics.smotri.com
%2Fcskins%2Fglamour%2Fskin_color.xml&xmldatasource=http%3A%2F
%2Fpics.smotri.com%2Fskin_ng.xml"><param name="allowScriptAccess" value="Never"><param name="allowFullScreen" value="true"><param name="bgcolor" value="#ffffff"><embed height="200" width="200"
flashvars="file=tz1S19Y9p9EzDSuSC94919ES1StSrS4SvSzSEzu9tz1zvSzStSCztzEzESt9YSv91
9D9r9Y91zD918p9v9n9r909D9m9&xmlsource=http%3A%2F%2Fpics.smotri.com
%2Fcskins%2Fglamour%2Fskin_color.xml&str_lang=eng" allowscriptaccess="Never"
wmode="opaque" quality="high" bgcolor="#FFFFFF" name="broadcast_player"
src="http://pics.smotri.com/broadcast_play.swf?
208c85ba5bd8926d97283fd336d3b3ad" type="application/x-shockwave-flash"
allownetworking="internal"></embed></param></param></param></param></param>
</param></object><BR><BR>
</center></center>< style >/* DONT ADD ANYTHING BELOW THIS LINE EXCEPT THE BACKGROUND */.new_lounge_wrapper { visibility: visible; background-color: #000000; background-position: center center; background-attachment: fixed; background-image: url(http://img222.imageshack.us/img222/69/1597.jpg); background-repeat: repeat;
}< / STYLE >
OK NOW HERE IS YET MORE INFORMATION THIS IS MAINLY USED IN THE CSS SKIN SECTION OF THE LOUNGE CODES BUT SOME CODERS USE THEM IN THE MOTD SECTIONS AS WELL THAT WILL HELP YOU IN YOUR BEGINNING INTRODUCTION TO CODING AND THESE ARE JUST MULTIPLE THINGS THAT I AM ADDING IN HERE THAT YOU SHOULD HAVE AND THAT YOU ARE GOING TO HAVE TO KNOW TO BE SUCCESSFUL AS A LOUNGE CODER.
Here is a CSS Color chart for you to use as a reference when you are coding and have to change the colors for fonts and borders.
This is on the is following website:
The border-color property is used to set the color of the border. The color can be set by:
* name - specify a color name, like "red" * RGB - specify a RGB value, like "rgb(255,0,0)" * Hex - specify a hex value, like "#ff0000"
CSS COLOR CHART:
AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 Black #000000 BlanchedAlmond #FFEBCD Blue #0000FF BlueViolet #8A2BE2 Brown #A52A2A BurlyWood #DEB887 CadetBlue #5F9EA0 Chartreuse #7FFF00 Chocolate #D2691E Coral #FF7F50 CornflowerBlue #6495ED Cornsilk #FFF8DC Crimson #DC143C Cyan #00FFFF DarkBlue #00008B DarkCyan #008B8B DarkGoldenRod #B8860B DarkGray #A9A9A9 DarkGreen #006400 DarkKhaki #BDB76B DarkMagenta #8B008B DarkOliveGreen #556B2F Darkorange #FF8C00 DarkOrchid #9932CC DarkRed #8B0000 DarkSalmon #E9967A DarkSeaGreen #8FBC8F DarkSlateBlue #483D8B DarkSlateGray #2F4F4F DarkTurquoise #00CED1 DarkViolet #9400D3 DeepPink #FF1493 DeepSkyBlue #00BFFF DimGray #696969 DodgerBlue #1E90FF FireBrick #B22222 FloralWhite #FFFAF0 ForestGreen #228B22 Fuchsia #FF00FF Gainsboro #DCDCDC GhostWhite #F8F8FF Gold #FFD700 GoldenRod #DAA520 Gray #808080 Green #008000 GreenYellow #ADFF2F HoneyDew #F0FFF0 HotPink #FF69B4 IndianRed #CD5C5C Indigo #4B0082 Ivory #FFFFF0 Khaki #F0E68C Lavender #E6E6FA LavenderBlush #FFF0F5 LawnGreen #7CFC00 LemonChiffon #FFFACD LightBlue #ADD8E6 LightCoral #F08080 LightCyan #E0FFFF LightGoldenRodYellow #FAFAD2 LightGrey #D3D3D3 LightGreen #90EE90 LightPink #FFB6C1 LightSalmon #FFA07A LightSeaGreen #20B2AA LightSkyBlue #87CEFA LightSlateGray #778899 LightSteelBlue #B0C4DE LightYellow #FFFFE0 Lime #00FF00 LimeGreen #32CD32 Linen #FAF0E6 Magenta #FF00FF Maroon #800000 MediumAquaMarine #66CDAA MediumBlue #0000CD MediumOrchid #BA55D3 MediumPurple #9370D8 MediumSeaGreen #3CB371 MediumSlateBlue #7B68EE MediumSpringGreen #00FA9A MediumTurquoise #48D1CC MediumVioletRed #C71585 MidnightBlue #191970 MintCream #F5FFFA MistyRose #FFE4E1 Moccasin #FFE4B5 NavajoWhite #FFDEAD Navy #000080 OldLace #FDF5E6 Olive #808000 OliveDrab #6B8E23 Orange #FFA500 OrangeRed #FF4500 Orchid #DA70D6 PaleGoldenRod #EEE8AA PaleGreen #98FB98 PaleTurquoise #AFEEEE PaleVioletRed #D87093 PapayaWhip #FFEFD5 PeachPuff #FFDAB9 Peru #CD853F Pink #FFC0CB Plum #DDA0DD PowderBlue #B0E0E6 Purple #800080 Red #FF0000 RosyBrown #BC8F8F RoyalBlue #4169E1 SaddleBrown #8B4513 Salmon #FA8072 SandyBrown #F4A460 SeaGreen #2E8B57 SeaShell #FFF5EE Sienna #A0522D Silver #C0C0C0 SkyBlue #87CEEB SlateBlue #6A5ACD SlateGray #708090 Snow #FFFAFA SpringGreen #00FF7F SteelBlue #4682B4 Tan #D2B48C Teal #008080 Thistle #D8BFD8 Tomato #FF6347 Turquoise #40E0D0 Violet #EE82EE Wheat #F5DEB3 White #FFFFFF WhiteSmoke #F5F5F5 Yellow #FFFF00 YellowGreen #9ACD32
CSS BORDER STYLES:The border-style property specifies what kind of border to display.
Remark None of the border properties will have ANY effect unless the border-style property is set!
In CSS it is possible to specify different borders for different sides:
none: Defines no border
dotted: Defines a dotted border EXAMPLE:(.........................................)
dashed: Defines a dashed border EXAMPLE: (=================)
solid: Defines a solid border EXAMPLE: ( _____________________ )
double: Defines two borders. The width of the two borders are the same as the border-width value
groove: Defines a 3D grooved border. The effect depends on the border-color value
ridge: Defines a 3D ridged border. The effect depends on the border-color value
inset: Defines a 3D inset border. The effect depends on the border-color value
outset: Defines a 3D outset border.
The effect depends on the border-color value
THIS IS FOR FONTS:
CSS font properties define the font family, boldness, size, and the style of a text.On computer screens, sans-serif fonts are considered easier to read than serif fonts.
Serif: Times New Roman
Georgia: Serif fonts have small lines at the ends on some characters
Sans-serif : Arial
Verdana "Sans": means without - these fonts do not have the lines at the ends of characters
Monospace : Courier New
Lucida Console: All monospace characters has the same width
Font Family
The font family of a text is set with the font-family property.
The font-family property should hold several font names as a "fallback" system. If the browser does not support the first font, it tries the next font.
Start with the font you want, and end with a generic family, to let the browser pick a similar font in the generic family, if no other fonts are available.
Note: If the name of a font family is more than one word, it must be in quotation marks, like font-family: "Times New Roman".
More than one font family is specified in a comma-separated list:
Example: p{font-family:"Times New Roman", Times, serif;}
Font Style
The font-style property is mostly used to specify italic text.
This property has three values:
* normal - The text is shown normally
* italic - The text is shown in italics
* oblique - The text is "leaning" (oblique is very similar to italic, but less supported)
Example: p.normal {font-style:normal;}p.italic {font-style:italic;}p.oblique {font-style:oblique;}
Font Size
The font-size property sets the size of the text.
Being able to manage the text size is important in web design. However, you should not use font size adjustments to make paragraphs look like headings, or headings look like paragraphs.
Always use the proper HTML tags, like <h1> - <h6> for headings and <p> for paragraphs.
The font-size value can be an absolute, or relative size.
Absolute size:
* Sets the text to a specified size
* Does not allow a user to change the text size in all browsers (bad for accessibility reasons)
* Absolute size is useful when the physical size of the output is known
Relative size:
* Sets the size relative to surrounding elements
* Allows a user to change the text size in browsers
Remark If you do not specify a font size, the default size for normal text, like paragraphs, is 16px (16px=1em).
Set Font Size With Pixels
Setting the text size with pixels, gives you full control over the text size:
Exampleh1 {font-size:40px;}
h2 {font-size:30px;}
p {font-size:14px;}
All CSS Font Properties:
font Sets all the font properties in one
declaration font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar
inherit 1
font-family Specifies the font family for text
family-name
generic-family
inherit 1
font-size Specifies the font size of text
xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
Links can be styled in different ways.
Styling Links
Links can be style with any CSS property (e.g. color, font-family, background-color).
Special for links are that they can be styled differently depending on what state they are in.
The four links states are:
* a:link - a normal, unvisited link
* a:visited - a link the user has visited
* a:hover - a link when the user mouses over it
* a:active - a link the moment it is clicked
Example
a:link {color:#FF0000;} /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;} /* mouse over link */
a:active {color:#0000FF;} /* selected link */
When setting the style for several link states, there are some order rules:
* a:hover MUST come after a:link and a:visited
* a:active MUST come after a:hover
Common Link Styles
In the example above the link changes color depending on what state it is in.
Lets go through some of the other common ways to style links:
Text Decoration
The text-decoration property is mostly used to remove underlines from links:
Example
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
FOR THOSE OF YOU WHO WANTED ME TO LIST THE CAMS SECTION IN THIS BLOG. THERE ARE A FEW PLACES WHERE YOU CAN GET CAMS YET, BUT MOST OF THE SITES HAVE STOPED HOSTING OF WEBCAMS. THE ONLY ONES THAT I KNOW OF ARE GOING TO BE LISTED BELOW:
1. http//:www.tikilive..com
2. http//: www.ustreamtv.com
3. https://tokbox.com/opentok/
4. http//:www.smotri.com
IF YOU HERE OF ANY OTHER CAM HOSTING SITES OR KNOW OF ANY, I WOULD APPRECIATE IT IF YOU WOULD KINDLY RELAY THE SITE NAME IN THE COMMENTS SECTION OF THIS BLOG AND I WILL LIST IT HERE FOR ALL THE OTHERS WHO ARE LOOKING FOR CAMS SO THAT THEY WILL HAVE THEM ALSO.