FamilySearch HTML Backgrounds: Difference between revisions

m
Line 16: Line 16:
==Changing Backgrounds==
==Changing Backgrounds==
*To change the background color we use the following attribute:<br>
*To change the background color we use the following attribute:<br>
<div style="background-color:wheat; padding:10px; width:100%; font-size:10pt; font-family:Courier New"><font color="blue">background-color:</font><font color="red">select a color</font color></div>
<div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:100%; font-size:10pt; font-family:Courier New"><font color="blue">background-color:</font><font color="red">select a color</font color></div>
<p>Let's take our lorem ipsum paragraph and change the background color to blue and the font to white.  Here is the attribute coding:<br><br>
<p>Let's take our lorem ipsum paragraph and change the background color to blue and the font to white.  Here is the attribute coding:<br><br>
<div style="background-color:wheat; padding:10px; width:100%; font-size:10pt; font-family:Courier New"><nowiki><p style="</nowiki><font color="blue">background-color:</font><font color="red">blue; </font><font color="blue">color:</font><font color="red">white</font color>">Lorem ipsum...<nowiki></p></nowiki></font color></div><br>
<div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:100%; font-size:10pt; font-family:Courier New"><nowiki><p style="</nowiki><font color="blue">background-color:</font><font color="red">blue; </font><font color="blue">color:</font><font color="red">white</font color>">Lorem ipsum...<nowiki></p></nowiki></font color></div><br>
*Here is the result:
*Here is the result:
<p style="color:white; background-color:blue; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.</p>
<p style="color:white; background-color:blue; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.</p>