Right Edge

Same technique as the Left Edge pattern. We just add 'right' to the background CSS property (shorthand for the background-position property) and pad margin-right instead.

The buttons below change the image, color and margins for the page. In one case, the image is fixed--scroll the page to see the effect.(Javascript required to change the colors by changing the CSS class of the body)

"Ok," you say, "that's a nice variation. But can you do it down both edges?" Right this way...




Back to CSS Main

Images and Sample CSS CSS:

cane-trans
162x56
cane-trans.gif
elephantsright
129x92
elephantsright.gif 		coins
66x317
coins.gif 
<HEAD>
<STYLE><!--
BODY {
    /* 
     * specify the image to repeat down only
     * Transparent parts & rest of page
     * determined by background color
     */
    background: url(cane-trans.gif) repeat-y #EFC7A5 right; 
    /*        Change this to change bg color ^^^^^^^ */
    /* could also add fixed to this line */
    color:#10385A; /* foreground color */
    /*
     * Keep text out of the graphic 
     * width of pic plus a few, adjust to taste 
     */
    margin-right: 168px;
}
--></STYLE></HEAD>
If you 'View Source' on this page you'll see the colors and images broken up into classes to facilitate the javascript switching, but you can stick it right in the BODY block as above.
Annuit Coeptis. Novus Ordo Saeclorum. E Pluribus Unum. Veni Vedi Vici. Et Al. Ad Infinitum. Ad Nauseam. Vox Populi. Semper Fidelis. Modus Operandi. Terra Firma. Exitus Acta Probat. Cogito Ergo Sum. Alma Mater. Ad Hoc. Fortes Fortuna Juvat. Fronti Nulla Fides. Ignorantia Juris Neminem Excusat. Res Melius Evinissent Cum Coca. Roma Locuta Est--Causa Finita Est. Veni, Vidi, Dormivi. Ubi Fumus, Ibi Ignis. Alea Jacta Est. Tabula Rasa. Vacca Foeda. Die Dulci Fruere. Cave ne ante ullas catapultas ambules. Sentio aliquos togatos contra me conspirare. Illiud Latine Dici Non Potest. Sona Si Latine Loqueris. Braccae Tuae Aperiuntur. Annuit Coeptis. Novus Ordo Saeclorum. E Pluribus Unum. Veni Vedi Vici. Et Al. Ad Infinitum. Ad Nauseam. Vox Populi. Semper Fidelis. Modus Operandi. Terra Firma. Exitus Acta Probat. Cogito Ergo Sum. Alma Mater. Ad Hoc. Fortes Fortuna Juvat. Fronti Nulla Fides. Ignorantia Juris Neminem Excusat. Res Melius Evinissent Cum Coca. Roma Locuta Est--Causa Finita Est. Veni, Vidi, Dormivi. Ubi Fumus, Ibi Ignis. Alea Jacta Est. Tabula Rasa. Vacca Foeda. Die Dulci Fruere. Cave ne ante ullas catapultas ambules. Sentio aliquos togatos contra me conspirare. Illiud Latine Dici Non Potest. Sona Si Latine Loqueris. Braccae Tuae Aperiuntur. Annuit Coeptis. Novus Ordo Saeclorum. E Pluribus Unum. Veni Vedi Vici. Et Al. Ad Infinitum. Ad Nauseam. Vox Populi. Semper Fidelis. Modus Operandi. Terra Firma. Exitus Acta Probat. Cogito Ergo Sum. Alma Mater. Ad Hoc. Fortes Fortuna Juvat. Fronti Nulla Fides. Ignorantia Juris Neminem Excusat. Res Melius Evinissent Cum Coca. Roma Locuta Est--Causa Finita Est. Veni, Vidi, Dormivi. Ubi Fumus, Ibi Ignis. Alea Jacta Est. Tabula Rasa. Vacca Foeda. Die Dulci Fruere. Cave ne ante ullas catapultas ambules. Sentio aliquos togatos contra me conspirare. Illiud Latine Dici Non Potest. Sona Si Latine Loqueris. Braccae Tuae Aperiuntur. Annuit Coeptis. Novus Ordo Saeclorum. E Pluribus Unum. Veni Vedi Vici. Et Al. Ad Infinitum. Ad Nauseam. Vox Populi. Semper Fidelis. Modus Operandi. Terra Firma. Exitus Acta Probat. Cogito Ergo Sum. Alma Mater. Ad Hoc. Fortes Fortuna Juvat. Fronti Nulla Fides. Ignorantia Juris Neminem Excusat. Res Melius Evinissent Cum Coca. Roma Locuta Est--Causa Finita Est. Veni, Vidi, Dormivi. Ubi Fumus, Ibi Ignis. Alea Jacta Est. Tabula Rasa. Vacca Foeda. Die Dulci Fruere. Cave ne ante ullas catapultas ambules. Sentio aliquos togatos contra me conspirare. Illiud Latine Dici Non Potest. Sona Si Latine Loqueris. Braccae Tuae Aperiuntur. Annuit Coeptis. Novus Ordo Saeclorum. E Pluribus Unum. Veni Vedi Vici. Et Al. Ad Infinitum. Ad Nauseam. Vox Populi. Semper Fidelis. Modus Operandi. Terra Firma. Exitus Acta Probat. Cogito Ergo Sum. Alma Mater. Ad Hoc. Fortes Fortuna Juvat. Fronti Nulla Fides. Ignorantia Juris Neminem Excusat. Res Melius Evinissent Cum Coca. Roma Locuta Est--Causa Finita Est. Veni, Vidi, Dormivi. Ubi Fumus, Ibi Ignis. Alea Jacta Est. Tabula Rasa. Vacca Foeda. Die Dulci Fruere. Cave ne ante ullas catapultas ambules. Sentio aliquos togatos contra me conspirare. Illiud Latine Dici Non Potest. Sona Si Latine Loqueris. Braccae Tuae Aperiuntur. Annuit Coeptis. Novus Ordo Saeclorum. E Pluribus Unum. Veni Vedi Vici. Et Al. Ad Infinitum. Ad Nauseam. Vox Populi. Semper Fidelis. Modus Operandi. Terra Firma. Exitus Acta Probat. Cogito Ergo Sum. Alma Mater. Ad Hoc. Fortes Fortuna Juvat. Fronti Nulla Fides. Ignorantia Juris Neminem Excusat. Res Melius Evinissent Cum Coca. Roma Locuta Est--Causa Finita Est. Veni, Vidi, Dormivi. Ubi Fumus, Ibi Ignis. Alea Jacta Est. Tabula Rasa. Vacca Foeda. Die Dulci Fruere. Cave ne ante ullas catapultas ambules. Sentio aliquos togatos contra me conspirare. Illiud Latine Dici Non Potest. Sona Si Latine Loqueris. Braccae Tuae Aperiuntur. Annuit Coeptis. Novus Ordo Saeclorum. E Pluribus Unum. Veni Vedi Vici. Et Al. Ad Infinitum. Ad Nauseam. Vox Populi. Semper Fidelis. Modus Operandi. Terra Firma. Exitus Acta Probat. Cogito Ergo Sum. Alma Mater. Ad Hoc. Fortes Fortuna Juvat. Fronti Nulla Fides. Ignorantia Juris Neminem Excusat. Res Melius Evinissent Cum Coca. Roma Locuta Est--Causa Finita Est. Veni, Vidi, Dormivi. Ubi Fumus, Ibi Ignis. Alea Jacta Est. Tabula Rasa. Vacca Foeda. Die Dulci Fruere. Cave ne ante ullas catapultas ambules. Sentio aliquos togatos contra me conspirare. Illiud Latine Dici Non Potest. Sona Si Latine Loqueris. Braccae Tuae Aperiuntur. Annuit Coeptis. Novus Ordo Saeclorum. E Pluribus Unum. Veni Vedi Vici. Et Al. Ad Infinitum. Ad Nauseam. Vox Populi. Semper Fidelis. Modus Operandi. Terra Firma. Exitus Acta Probat. Cogito Ergo Sum. Alma Mater. Ad Hoc. Fortes Fortuna Juvat. Fronti Nulla Fides. Ignorantia Juris Neminem Excusat. Res Melius Evinissent Cum Coca. Roma Locuta Est--Causa Finita Est. Veni, Vidi, Dormivi. Ubi Fumus, Ibi Ignis. Alea Jacta Est. Tabula Rasa. Vacca Foeda. Die Dulci Fruere. Cave ne ante ullas catapultas ambules. Sentio aliquos togatos contra me conspirare. Illiud Latine Dici Non Potest. Sona Si Latine Loqueris. Braccae Tuae Aperiuntur. Annuit Coeptis. Novus Ordo Saeclorum. E Pluribus Unum. Veni Vedi Vici. Et Al. Ad Infinitum. Ad Nauseam. Vox Populi. Semper Fidelis. Modus Operandi. Terra Firma. Exitus Acta Probat. Cogito Ergo Sum. Alma Mater. Ad Hoc. Fortes Fortuna Juvat. Fronti Nulla Fides. Ignorantia Juris Neminem Excusat. Res Melius Evinissent Cum Coca. Roma Locuta Est--Causa Finita Est. Veni, Vidi, Dormivi. Ubi Fumus, Ibi Ignis. Alea Jacta Est. Tabula Rasa. Vacca Foeda. Die Dulci Fruere. Cave ne ante ullas catapultas ambules. Sentio aliquos togatos contra me conspirare. Illiud Latine Dici Non Potest. Sona Si Latine Loqueris. Braccae Tuae Aperiuntur. Annuit Coeptis. Novus Ordo Saeclorum. E Pluribus Unum. Veni Vedi Vici. Et Al. Ad Infinitum. Ad Nauseam. Vox Populi. Semper Fidelis. Modus Operandi. Terra Firma. Exitus Acta Probat. Cogito Ergo Sum. Alma Mater. Ad Hoc. Fortes Fortuna Juvat. Fronti Nulla Fides. Ignorantia Juris Neminem Excusat. Res Melius Evinissent Cum Coca. Roma Locuta Est--Causa Finita Est. Veni, Vidi, Dormivi. Ubi Fumus, Ibi Ignis. Alea Jacta Est. Tabula Rasa. Vacca Foeda. Die Dulci Fruere. Cave ne ante ullas catapultas ambules. Sentio aliquos togatos contra me conspirare. Illiud Latine Dici Non Potest. Sona Si Latine Loqueris. Braccae Tuae Aperiuntur. Annuit Coeptis. Novus Ordo Saeclorum. E Pluribus Unum. Veni Vedi Vici. Et Al. Ad Infinitum. Ad Nauseam. Vox Populi. Semper Fidelis. Modus Operandi. Terra Firma. Exitus Acta Probat. Cogito Ergo Sum. Alma Mater. Ad Hoc. Fortes Fortuna Juvat. Fronti Nulla Fides. Ignorantia Juris Neminem Excusat. Res Melius Evinissent Cum Coca. Roma Locuta Est--Causa Finita Est. Veni, Vidi, Dormivi. Ubi Fumus, Ibi Ignis. Alea Jacta Est. Tabula Rasa. Vacca Foeda. Die Dulci Fruere. Cave ne ante ullas catapultas ambules. Sentio aliquos togatos contra me conspirare. Illiud Latine Dici Non Potest. Sona Si Latine Loqueris. Braccae Tuae Aperiuntur. Annuit Coeptis. Novus Ordo Saeclorum. E Pluribus Unum. Veni Vedi Vici. Et Al. Ad Infinitum. Ad Nauseam. Vox Populi. Semper Fidelis. Modus Operandi. Terra Firma. Exitus Acta Probat. Cogito Ergo Sum. Alma Mater. Ad Hoc. Fortes Fortuna Juvat. Fronti Nulla Fides. Ignorantia Juris Neminem Excusat. Res Melius Evinissent Cum Coca. Roma Locuta Est--Causa Finita Est. Veni, Vidi, Dormivi. Ubi Fumus, Ibi Ignis. Alea Jacta Est. Tabula Rasa. Vacca Foeda. Die Dulci Fruere. Cave ne ante ullas catapultas ambules. Sentio aliquos togatos contra me conspirare. Illiud Latine Dici Non Potest. Sona Si Latine Loqueris. Braccae Tuae Aperiuntur. Annuit Coeptis. Novus Ordo Saeclorum. E Pluribus Unum. Veni Vedi Vici. Et Al. Ad Infinitum. Ad Nauseam. Vox Populi. Semper Fidelis. Modus Operandi. Terra Firma. Exitus Acta Probat. Cogito Ergo Sum. Alma Mater. Ad Hoc. Fortes Fortuna Juvat. Fronti Nulla Fides. Ignorantia Juris Neminem Excusat. Res Melius Evinissent Cum Coca. Roma Locuta Est--Causa Finita Est. Veni, Vidi, Dormivi. Ubi Fumus, Ibi Ignis. Alea Jacta Est. Tabula Rasa. Vacca Foeda. Die Dulci Fruere. Cave ne ante ullas catapultas ambules. Sentio aliquos togatos contra me conspirare. Illiud Latine Dici Non Potest. Sona Si Latine Loqueris. Braccae Tuae Aperiuntur. Annuit Coeptis. Novus Ordo Saeclorum. E Pluribus Unum. Veni Vedi Vici. Et Al. Ad Infinitum. Ad Nauseam. Vox Populi. Semper Fidelis. Modus Operandi. Terra Firma. Exitus Acta Probat. Cogito Ergo Sum. Alma Mater. Ad Hoc. Fortes Fortuna Juvat. Fronti Nulla Fides. Ignorantia Juris Neminem Excusat. Res Melius Evinissent Cum Coca. Roma Locuta Est--Causa Finita Est. Veni, Vidi, Dormivi. Ubi Fumus, Ibi Ignis. Alea Jacta Est. Tabula Rasa. Vacca Foeda. Die Dulci Fruere. Cave ne ante ullas catapultas ambules. Sentio aliquos togatos contra me conspirare. Illiud Latine Dici Non Potest. Sona Si Latine Loqueris. Braccae Tuae Aperiuntur. Translations Here!