Forums
This topic is locked
Scrolling Over Text
Posted 24 Jul 2007 23:46:50
1
has voted
24 Jul 2007 23:46:50 Sebastian Stant posted:
Is there a code or something that changes text color from lets say gray to black when someone puts their cursor over it? Thanks,
Sebastian
Replies
Replied 25 Jul 2007 18:07:56
25 Jul 2007 18:07:56 Georgi Kralev replied:
Hi Sebastian,
This functionality could be created very easily with CSS and Internet is full with tutorials and snippets which show how to do that.
For a beginning you could check the following one:
www.tizag.com/cssT/pclass.php
I hope that you will find it useful.
Regards,
Georgi Kralev
----------------------------------
Support - www.DMXzone.com
This functionality could be created very easily with CSS and Internet is full with tutorials and snippets which show how to do that.
For a beginning you could check the following one:
www.tizag.com/cssT/pclass.php
I hope that you will find it useful.
Regards,
Georgi Kralev
----------------------------------
Support - www.DMXzone.com
Replied 26 Jul 2007 16:56:16
26 Jul 2007 16:56:16 ball 420 replied:
just go into page properties and change your text rollover states to what colors you want.. easy as that modify/pageproperties/link and change it there
Replied 29 Jul 2007 20:49:43
29 Jul 2007 20:49:43 Nick (NR) replied:
In you head tags place:
<pre id=code><font face=courier size=2 id=code><style type="text/css">
<!--
#highlight1 {
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
}
#highlight1 p:hover {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
}
-->
</style></font id=code></pre id=code>
In your page content place:
<pre id=code><font face=courier size=2 id=code><div id="highlight1"><p>Hello from me and Goodbye from him</p></div></font id=code></pre id=code>
changing th id names and style will allow you to do this multiple times on a page.
<pre id=code><font face=courier size=2 id=code><style type="text/css">
<!--
#highlight1 {
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
}
#highlight1 p:hover {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
}
-->
</style></font id=code></pre id=code>
In your page content place:
<pre id=code><font face=courier size=2 id=code><div id="highlight1"><p>Hello from me and Goodbye from him</p></div></font id=code></pre id=code>
changing th id names and style will allow you to do this multiple times on a page.