Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

Formatting text


  • Please log in to reply

#1
Biker1

Biker1

    Member

  • Member
  • PipPip
  • 14 posts
Not sure of the correct terminology, but would like to cause selected text on my website to blink, as do flashing amber traffic warning signals. Thanks.
  • 0

Advertisements


#2
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
The <blink></blink> tags are one way, but, as with all things, there's more than one way to do something.


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.
  • 0

#3
Biker1

Biker1

    Member

  • Topic Starter
  • Member
  • PipPip
  • 14 posts
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>
  • 0

#4
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
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>

  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP