CSS Repeating Background Images

  • Resourceful information thanks to: w3schools.com Value Description repeat The background image will be repeated both vertically and horizontally. This is default repeat-x The background image will be repeated only horizontally repeat-y The background image will be repeated only vertically no-repeat The background-image will not be repeated inherit Specifies that the setting of the background-repeat property should be inherited from the parent element

  • To add music or sound effects to your website, blog or ebay auction listing using MP3 or WAV files copy-paste the following code and replace the MP3_FILE_URL with the link to your MP3 file. Then embed the code in your pages html code. If you want the player to start automatically then change the autostart code to read “true” instead of false. The first code is broken up so you can see them. But it is important to have the coding all together on one line, as shown in the 2nd example. <embed width=”250″ height=”50″ autostart=”false” loop=”false” playcount=”2″ src=”YOUR-MUSIC-FILE-URL”/> </embed>   <embed width=”250″height=”50″ autostart=”false” loop=”false” playcount=”2″ src=”YOUR-MUSIC-FILE-URL”/></embed>

  •   Major hexadecimal color codes (the most common and "safe" color codes used)   Code Color #FF0000 RED #00FFFF TURQUOISE #0000FF LIGHT BLUE #FF0080 DARK PINK #800080 DARK PURPLE #FFFF00 YELLOW #00FF00 PASTEL GREEN #FF00FF PINK #FFFFFF WHITE #C0C0C0 LIGHT GREY #808080 DARK GREY #000000 BLACK #FF8040 ORANGE #804000 BROWN #800000 BURGUNDY #808000 FOREST GREEN   OTHER FUN COLORS TO WORK WITH   CODE COLOR #000000 Black #150517 Gray0 #250517 Gray18 #2B1B17 Gray21 #302217 Gray23 #302226 Gray24 #342826 Gray25 #34282C Gray26 #382D2C Gray27 #3b3131 Gray28 #3E3535 Gray29 #413839 Gray30 #41383C Gray31 #463E3F Gray32 #4A4344 Gray34 #4C4646 Gray35 #4E4848 Gray36 #504A4B Gray37 #544E4F Gray38 #565051 Gray39 #595454 Gray40 #5C5858 Gray41 #5F5A59 Gray42 #625D5D Gray43 #646060 Gray44 #666362 Gray45 #696565 Gray46 #6D6968 Gray47 #6E6A6B Gray48 #726E6D Gray49 #747170 Gray50 #736F6E Gray #616D7E Slate Gray4 #657383 Slate Gray #646D7E Light Steel Blue4 #6D7B8D Light Slate Gray #4C787E Cadet Blue4 #4C7D7E Dark Slate Gray4 #806D7E Thistle4 #5E5A80 Medium Slate Blue #4E387E Medium Purple4 #151B54 Midnight Blue #2B3856 Dark Slate Blue #25383C Dark Slate Gray #463E41 Dim Gray #151B8D Cornflower Blue #15317E Royal Blue4 #342D7E Slate Blue4 #2B60DE Royal Blue #306EFF Royal Blue1 #2B65EC Royal Blue2 #2554C7 Royal Blue3 #3BB9FF Deep Sky Blue #38ACEC Deep Sky Blue2 #3574EC7 Slate Blue #3090C7 Deep Sky Blue3 #25587E Deep Sky Blue4 #1589FF Dodger Blue #157DEC Dodger Blue2 #1569C7 Dodger Blue3 #153E7E Dodger Blue4 #2B547E Steel Blue4 #4863A0 Steel Blue #6960EC Slate Blue2 #8D38C9 Violet #7A5DC7 Medium Purple3 #8467D7 Medium Purple #9172EC Medium Purple2 #9E7BFF Medium Purple1 #728FCE Light Steel Blue #488AC7 Steel Blue3 #56A5EC Steel Blue2 #5CB3FF Steel Blue1 #659EC7 Sky Blue3 #41627E Sky Blue4 #737CA1 Slate Blue #737CA1 Slate Blue #98AFC7 Slate Gray3 #F6358A Violet Red #F6358A Violet Red1 #E4317F Violet Red2 #F52887 Deep Pink #E4287C Deep Pink2 #C12267 Deep Pink3 #7D053F Deep Pink4 #CA226B Medium Violet Red #C12869 Violet Red3 #800517 Firebrick #7D0541 Violet Red4 #7D0552 Maroon4 #810541 Maroon #C12283 Maroon3 #E3319D Maroon2 #F535AA Maroon1 #FF00FF Magenta #F433FF Magenta1 #E238EC Magenta2 #C031C7 Magenta3 #B048B5 Medium Orchid #D462FF Medium Orchid1 #C45AEC Medium Orchid2 #A74AC7 Medium Orchid3 #6A287E Medium Orchid4 #8E35EF Purple #893BFF Purple1 #7F38EC Purple2 #6C2DC7 Purple3 #461B7E Purple4 #571B7e Dark Orchid4 #7D1B7E Dark Orchid #842DCE Dark Violet #8B31C7 Dark Orchid3 #A23BEC Dark Orchid2 #B041FF Dark Orchid1 #7E587E Plum4 #D16587 Pale Violet Red #F778A1 Pale Violet Red1 #E56E94 Pale Violet Red2 #C25A7C Pale Violet Red3 #7E354D Pale Violet Red4 #B93B8F Plum #F9B7FF Plum1 #E6A9EC Plum2 #C38EC7 Plum3 #D2B9D3 Thistle #C6AEC7 Thistle3 #EBDDE2 Lavendar Blush2 #C8BBBE Lavendar Blush3 #E9CFEC Thistle2 #FCDFFF Thistle1 #E3E4FA Lavendar #FDEEF4 Lavendar Blush #C6DEFF Light Steel Blue1 #ADDFFF Light Blue #BDEDFF Light Blue1 #E0FFFF Light Cyan #C2DFFF Slate Gray1 #B4CFEC Slate Gray2 #B7CEEC Light Steel Blue2 #52F3FF Turquoise1 #00FFFF Cyan #57FEFF Cyan1 #50EBEC Cyan2 #4EE2EC Turquoise2 #48CCCD Medium Turquoise #43C6DB Turquoise #9AFEFF Dark Slate Gray1 #8EEBEC Dark slate Gray2 #78c7c7 Dark Slate Gray3 #46C7C7 Cyan3 #43BFC7 Turquoise3 #77BFC7 Cadet Blue3 #92C7C7 Pale Turquoise3 #AFDCEC Light Blue2 #3B9C9C Dark Turquoise #307D7E Cyan4 #3EA99F Light Sea Green #82CAFA Light Sky Blue #A0CFEC Light Sky Blue2 #87AFC7 Light Sky Blue3 #82CAFF Sky Blue #79BAEC Sky Blue2 #566D7E Light Sky Blue4 #6698FF Sky Blue #736AFF Light Slate Blue #CFECEC Light Cyan2 #AFC7C7 Light Cyan3 #717D7D Light Cyan4 #95B9C7 Light Blue3 #5E767E Light Blue4 #5E7D7E Pale Turquoise4 #617C58 Dark Sea Green4 #348781 Medium Aquamarine #306754 Medium Sea Green #4E8975 Sea Green #254117 Dark Green #387C44 Sea Green4 #4E9258 Forest Green #347235 Medium Forest Green #347C2C Spring Green4 #667C26 Dark Olive Green4 #437C17 Chartreuse4 #347C17 Green4 #348017 Medium Spring Green #4AA02C Spring Green #41A317 Lime Green #4AA02C Spring Green #8BB381 Dark Sea Green #99C68E Dark Sea Green3 #4CC417 Green3 #6CC417…

  • Here’s a few different options: When you only want one paragraph to be justified, then you use <p align="justify">Text here</p>. Or if you’re using divs, then you can use the code inside the <div>. Example: <div style="text-align:justify"> </div> Or use the following code in your CSS. Example: BODY { text-align:justify }

  • You can drop this code in your auction template html code or website pages to deter people from stealing your pictures. (mind you there are other ways of stealing internet pictures – so this is just a deterant.) <script language=”JavaScript1.1″> <!– Original: Martin Webb (martin@irt.org) –> <!– This script and many more are available free online at –> <!– The JavaScript Source!! http://javascript.internet.com –> <!– Begin function right(e) { if (navigator.appName == ‘Netscape’ && (e.which == 3 || e.which == 2)) return false; else if (navigator.appName == ‘Microsoft Internet Explorer’ && (event.button == 2 || event.button == 3)) { alert(“Thank you for your interest in my items!!!”); return false; } return true; } document.onmousedown=right; document.onmouseup=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); if (document.layers) window.captureEvents(Event.MOUSEUP); window.onmousedown=right; window.onmouseup=right; // End –> </script>

  •   Fun HTML Codes – Scrolling Marquee Text Codes 21-27 21 Change Text Size <marquee style=’font-size: NUMBERpx ‘> TEXT </marquee> TEXT   22 Change Width <marquee width=’ NUMBER% ‘> TEXT </marquee> TEXT   23 Text bouncing back and forth: <marquee behavior=”alternate”>Your bouncing text goes here</marquee> Your bouncing text goes here   24 Change the Scrolling Speed: <marquee behavior=”scroll” direction=”left” scrollamount=”1″>Slow scroll speed</marquee> <marquee behavior=”scroll” direction=”left” scrollamount=”10″>Medium scroll speed</marquee> <marquee behavior=”scroll” direction=”left” scrollamount=”20″>Fast scroll speed</marquee> Slow scroll speedMedium scroll speedFast scroll speed 25 Scrolling Images: Simply replace the src=”… part with the location of your own image. <marquee behavior=”scroll” direction=”left”><img src=”http://madetobeunique.com/pictures/Illustrations/unique150.jpg” width=”100″ height=”100″ alt=”smile” /></marquee> 26 You can set the font-family for the text. It can be a generic font like cursive, serif, monospace, fantasy and so on. It can also be a specific font family like times, arial, courier, verdana, etc. You can state the font-size as xx-small, x-small, small, smaller, xx-large, x-large, large, larger, or a percentage value. <span style=”color:#6AFB92; font-size:xx-large; font-family:fantasy; font-weight:bold;”><marquee direction=”right” scrollamount=”3″ bgcolor=”#333333″>Text scrolls from left to right.</marquee></span> Text scrolls from left to right.   27 Pause/Stop and Start a Scroll scrolling text that can be paused when a visitor moves his mouse cursor over the text. This is useful when he wants to read the text or click a link with the text. Text scroll pauses when the mouse hovers over it and starts again when the mouse is moved out of the text.      

  • 11 Down   <marquee direction=’down’> TEXT </marquee> TEXT 12 Up and Down   <marquee behavior=’alternate’ direction=’up’> TEXT </marquee> TEXT 13 Angle Down   <marquee><marquee direction=’down’> TEXT </marquee></marquee> TEXT 14 Angle Up   <marquee><marquee direction=’up’> TEXT </marquee></marquee> TEXT 15 Angle Up Back and Forth   <marquee direction=’up’><marquee behavior=’alternate’> TEXT </marquee></marquee> TEXT 16 Bounce Around Back and Forth   <marquee behavior=’alternate’ direction=’down’><marquee behavior=’alternate’> TEXT </marquee></marquee> TEXT 17 Multiple Lines   <marquee direction=’right’> TEXT <br> TEXT <br> TEXT <br> TEXT </marquee> TEXT TEXT TEXT TEXT 18 Colored Background   Color Codes Pick 2 different colors so you can read the text.   <marquee bgcolor=’ COLOR ‘ style=’color: COLOR ‘> TEXT </marquee>   TEXT 19 Right to Left Blinking* Blinks in Firefox, Mozilla and Netscape only.   <marquee direction=’left’><blink> TEXT </blink></marquee> TEXT 20 Opposing Marqee’s   <marquee> TEXT </marquee> <marquee direction=’right’> TEXT </marquee> TEXT TEXT

  •   Fun HTML Codes – Scrolling Marquee Text Codes 0-10 0 Slide-in text: This text slides in from the bottom, then stays where it is. You will need to refresh this page to see the effect again. <marquee behavior=”slide” direction=”up”>Your slide-in text goes here</marquee> Your slide-in text goes here   1 Slide-in text: This text slides in from the left, then stays where it is. You will need to refresh this page to see the effect again. <marquee behavior=”slide” direction=”left”>Your slide-in text goes here</marquee> Your slide-in text goes here   2 HTML Code For Scrolling Marquee <marquee bgcolor=“” width=“100%” direction=“left” loop=“infinite” scrollamount=“1”>Scrolling Text</marquee> Scrolling Text   3 Marquee with color <marquee bgcolor=“#eeeeee” width=“100%” direction=“right” loop=“infinite” scrollamount=“2”><strong><font color=“red”>More Scrolling Text</font></strong></marquee> More Scrolling Text   4 Scrolling Marquee with a link <marquee bgcolor=“” width=“100%” direction=“left” loop=“infinite” scrollamount=“1”>Scrolling <a href=“8.shtml”>Hyperlink</a></marquee> Scrolling Hyperlink   5 Scroll to the right with color: <div align=”center”><FONT color=”#ffffff” size=”+1″><MARQUEE bgcolor=”#000080″ direction=”right” loop=”20″ width=”75%”><STRONG>This is cool!</STRONG></MARQUEE></FONT></DIV> direction=”right” loop=”20″ width=”75%”> Thisis cool! 6 Scrolling upward text or vertical text. <div align=”center”> <marquee bgcolor=”#000080″ scrollamount=”2″ direction=”up” loop=”true” width=”35%”> <center> <font color=”#666666″ size=”+1″><strong> THIS IS A COOL WAY<br> TO MAKE YOUR TEXT<br> SCROLL UPWARDS<br> <br> IT IS EASY AND FAST LOADING </strong></font> </center> </marquee></div> direction=”up” loop=”true” width=”35%”> THISIS A COOL WAY TO MAKE YOUR TEXT SCROLL UPWARDS IT IS EASY AND FAST LOADING 7 Marquee Scrolling Text Codes Right to Left <marquee direction=’left’> TEXT </marquee> TEXT   8 Left to Right <marquee direction=’right’> TEXT </marquee> TEXT   9 Back and Forth <marquee behavior=’alternate’> TEXT </marquee> TEXT   10 Up <marquee direction=’up’> TEXT </marquee> TEXT      

I usually reply within a few hours except for weekends. All emails are kept confidential and I do not spam in any way.

Thank you for contacting me. I look forward to responding back to you as soon as possible!

Enter a Name

Enter a valid Email

Message cannot be empty