Formatting text
Started by
Biker1
, Oct 15 2008 05:39 PM
#1
Posted 15 October 2008 - 05:39 PM
#2
Posted 15 October 2008 - 07:40 PM
The <blink></blink> tags are one way, but, as with all things, there's more than one way to do something.
Blink Tags:
JavaScript Blinking Text
MySpace Blinking Text Generators.
Someone will no doubt come along and tell you not to use blinking text as it's irritating, outdated, etc., but go for it if you want it. No worse than some sites with Flash or a bunch of animated images.
Blink Tags:
<blink>This text would blink in compatible browsers</blink>CSS:
<span style="text-decoration:blink;">Blinking text goes here</span>
JavaScript Blinking Text
MySpace Blinking Text Generators.
Someone will no doubt come along and tell you not to use blinking text as it's irritating, outdated, etc., but go for it if you want it. No worse than some sites with Flash or a bunch of animated images.
#3
Posted 17 October 2008 - 12:16 PM
Major:
I would like to have the following words blink: "Visit the Haunted House, a Halloween Special, Here". I'm using Adobe GoLive 6 and XP Pro but perhaps I don't have the blink and unblink in the right places. Or could there be some other problem? Many thanks.
Original Source Code
<p><font color="#ff8c00" face="Georgia,Snap ITC"><font size="4"><i><b>Visit the Haunted House,<br>
a Halloween Special,</b></i><a href="halloween/haunted.htm"><i><b><br>
</b></i></a></font><font size="3"><i><b><a href="halloween/haunted.htm">Here</a></b></i></font></font></p>
<p><br>
Revised Source Code to include "blink"
<p><font color="#ff8c00" face="Georgia,Snap ITC"><font size="4"><blink><i><b>Visit the Haunted House,<br>
a Halloween Special,</b></i><a href="halloween/haunted.htm"><i><b><br>
</b></i></a></font><font size="3"><i><b><a href="halloween/haunted.htm">Here</blink></a></b></i></font></font></p>
<p><br>
I would like to have the following words blink: "Visit the Haunted House, a Halloween Special, Here". I'm using Adobe GoLive 6 and XP Pro but perhaps I don't have the blink and unblink in the right places. Or could there be some other problem? Many thanks.
Original Source Code
<p><font color="#ff8c00" face="Georgia,Snap ITC"><font size="4"><i><b>Visit the Haunted House,<br>
a Halloween Special,</b></i><a href="halloween/haunted.htm"><i><b><br>
</b></i></a></font><font size="3"><i><b><a href="halloween/haunted.htm">Here</a></b></i></font></font></p>
<p><br>
Revised Source Code to include "blink"
<p><font color="#ff8c00" face="Georgia,Snap ITC"><font size="4"><blink><i><b>Visit the Haunted House,<br>
a Halloween Special,</b></i><a href="halloween/haunted.htm"><i><b><br>
</b></i></a></font><font size="3"><i><b><a href="halloween/haunted.htm">Here</blink></a></b></i></font></font></p>
<p><br>
#4
Posted 17 October 2008 - 06:36 PM
This should work in IE and Firefox. Dresses it up some for you:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content=""> <meta name="generator" content="MSS Website Studio by van IJperen Software Inc. - http://www.marsansoft.nl"> <script typr="text/javascript"> function blink (elId) { var html = ''; if (document.all) html += 'var el = document.all.' + elId + ';'; else if (document.getElementById) html += 'var el = document.getElementById("' + elId + '");'; html += 'el.style.visibility = ' + 'el.style.visibility == "hidden" ? "visible" : "hidden"'; if (document.all || document.getElementById) setInterval(html, 500) } function init () { blink('aText'); blink('a2ndText'); } </script> <body onLoad="init();"> Revised Source Code to include "blink" <p id="aText" style="text-align: center;color: #ff8c00; font-family: Georgia,Snap ITC; font-size: 3em; font-weight: 900; font-style: italic; text-decoration: blink;"><blink>Visit <span style="color: #000;">the</span> Haunted <span style="color: #000;">House</span></blink></p> <p style="text-align: center; font-size: 2em;"><a href="halloween/haunted.htm"><span>Here</span></a></p> <p id="a2ndText" style="text-align: center; color: #ff8c00; font-family: Georgia,Snap ITC; font-size: 3em; font-weight: 900; font-style: italic; text-decoration: blink;"><blink><span style="color: #000;">A</span> Halloween <span style="color: #000;">Special</span></blink></p> </body></html>
Similar Topics
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users