Log In · Register

 
Codes, codes
fantasies
post Jan 20 2004, 06:58 PM
Post #1


Newbie
*

Group: Member
Posts: 8
Joined: Jan 2004
Member No: 1,059
what are some hover codes and how do i make a dotted border around my blog?
 
 
 Start new topic
Replies (1 - 10)
swTxgurL
post Jan 20 2004, 08:10 PM
Post #2


Member
**

Group: Member
Posts: 17
Joined: Jan 2004
Member No: 1,071
QUOTE(fantasies @ 01-20-2004, 06:58 PM)
how do i make a dotted border around my blog?

<BODY style=
"border-left: #COLOR SIZEpt dotted;
border-right: #COLOR SIZEpt dotted;
border-bottom: #COLOR SIZEpt dotted;
border-top: #COLOR SIZEpt dotted;">

maybe it wont work.. sad.gif

but u can erase the solid, double and put dotted..!!
 
xjjajeengx
post Jan 22 2004, 12:42 AM
Post #3


advanced newbie... S2
*******

Group: Member
Posts: 3,504
Joined: Jan 2004
Member No: 752
hovers? erm...
QUOTE
<style>
a:hover
{border: HOW THICK YOU WANT IT I DID 1px TYPE OF LINE YOU WANT I USED solid #HEX CODE;
color: #FONT COLOR I USED 000000;
background-color: #BG COLOR I USED transparent;
cursor: THE TYPE OF CURSOR I USED e-resize;
text-transform: THE WAY YOU WANT YOUR TEXT TO APPEAR WHEN YOU HOVER OVER IT I DID lowercase;
letter-spacing: LETTER SPACING I USED 1px;
FONT-SIZE: YOUR FONT SIZE I USED 8pt;}
</style>


blur hover
QUOTE
<style>
a:hover, a:link, a:visited
{filter:blur; .alpha
{width: inherit; height: 1;
filter: alpha
(Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0);}
</style>


hover border
QUOTE
<style>
a:hover
{border: 1px solid #ANY COLOR YOU WANT IN A HEX CODE;}
</style>


underline, over line, etc
QUOTE
<style>
a:link
{text-decoration: line-through overline underline;}

a:hover
{text-decoration: overline underline;}

a:visited
{text-decoration: line-through;}
</style>


space out hover
QUOTE
<style type="text/css"><!-- a:hover{letter-spacing:5px} //--></style>


cursor change hover
QUOTE
<style type=text/css><!-- body{cursor:crosshair} //--></style>

can be changed with crosshair
hand
help
move
text
wait
n-resize
ne-resize
nw-resize
s-resize
se-resize
sw-resize
e-resize
w-resize


hover link goes upside down
QUOTE
<style type="text/css">
<!--
A:hover {filter: flipv}
-->
</style>


blur:
QUOTE
<style>
a:hover{filter: blur(add=0, direction=90, strength=10.5);}</style>


link fades hover
QUOTE
<style>

a:hover
{filter: blur(add=100, direction=180, strength=17.5); height: 0}

</style>


hover changes into other color slowly
QUOTE
<script language="JavaScript">
<!--

var fadeTo = "ffffff";

var fiBy = 5;

var foBy = 5;

var speed = 18;

var ignoreClass = "ignore";
var opera, ie, dom, x = 0, oc, fader, ocs = new Array();
if (navigator.userAgent.indexOf("Opera") != -1) opera = true
else if (document.all && !opera) ie = true
else if (!document.all && document.getElementById) dom = true;
function convertRGB(z)
{
var newfcS = "", splitter = "";
splitter = z.split(",");
splitter[0] = parseInt(splitter[0].substring(4, splitter[0].length));
splitter[1] = parseInt(splitter[1]);
splitter[2] = parseInt(splitter[2].substring(0, splitter[2].length-1));
for (var q = 0; q < 3; q++)
{
splitter[q] = splitter[q].toString(16);
if (splitter[q].length == 1) splitter[q] = "0" + splitter[q];
newfcS += splitter[q];
}
return newfcS;
}
function currentColour(index)
{
var temp, cc;
if (opera) cc = document.links[index].style.color
else if (ie) cc = document.links[index].currentStyle.color
else if (dom) cc = document.defaultView.getComputedStyle(document.links[index], '').getPropertyValue("color");
if (cc.length == 4 && cc.substring(0, 1) == "#")
{
temp = "";
for (var a = 0; a < 3; a++)
temp += cc.substring(a+1, a+2) + cc.substring(a+1, a+2);
cc = temp;
}
else if (cc.indexOf("rgb") != -1) cc = convertRGB(cc)
else if (cc.length == 7) cc = cc.substring(1, 7)
else cc = fadeTo;
return cc;
}

function convert2Dec(hex)
{
var rgb = new Array();
for (var u = 0; u < 3; u++)
rgb = parseInt(hex.substring(u*2, u*2+2), 16);
return rgb;
}
function newRGB(f, n, d)
{
var change;
if (d == 1) change = fiBy
else change = foBy;
for (var g = 0; g < 3; g++)
{
if (n[g] > f[g] && n[g] - change >= 0) n[g] -= change;
if (n[g] < f[g] && n[g] + change <= 255) n[g] += change;
}
return n;
}
function fade(index, d)
{
var fc, nc, temp = new Array(), finished = false;
nc = convert2Dec(currentColour(index));
if (d == 1) fc = convert2Dec(fadeTo)
else fc = convert2Dec(ocs[x]);
temp = convert2Dec(currentColour(index));
nc = newRGB(fc, nc, d);
if ((nc[0] == temp[0]) && (nc[1] == temp[1]) && (nc[2] == temp[2]))
finished = true;
if (!finished) document.links[x].style.color = "rgb(" + nc[0] + "," + nc[1] + "," + nc[2] + ")"
else clearInterval(fader);
}
function findLink(over)
{
if (document.layers) return;
if (fader)
{
clearInterval(fader);
document.links[x].style.color = "#" + ocs[x];
}
if (over && !this.id) this.id = over;
x = 0;
while (!(this.id == document.links[x].id) && (x < document.links.length))
x++;
if (this.id == document.links[x].id)
{
oc = currentColour(x);
fader = setInterval("fade(" + x + ", 1)", speed);
}
}
function clearFade()
{
if (document.layers) return;
if (fader) clearInterval(fader);
fader = setInterval("fade(" + x + ", 0)", speed);
}
function init()
{
for (var i = 0; i < document.links.length; i++)
{
ocs[i] = currentColour(i);
var currentOver = document.links[i].onmouseover;
var currentOut = document.links[i].onmouseout;
var ignoreIt = document.links[i].className == ignoreClass;
if (!ignoreIt) document.links[i].id = "link" + i;
if (!currentOver && !currentOut && !ignoreIt)
{
document.links[i].onmouseover = findLink;
document.links[i].onmouseout = clearFade;
}
}
}
if (opera || ie || dom) window.onload = init;
-->
</script>
you can change the speed and color.

creditz to soompi <3
 
xjjajeengx
post Jan 22 2004, 12:44 AM
Post #4


advanced newbie... S2
*******

Group: Member
Posts: 3,504
Joined: Jan 2004
Member No: 752
for the dotted border:
QUOTE
<FONT color=#ffcc66>
<DIV id=DivOne style="BORDER-RIGHT: 1px dotted; BORDER-TOP: 1px dotted; OVERFLOW: auto; BORDER-LEFT: 1px dotted; WIDTH: 600px; BORDER-BOTTOM: 1px dotted; HEIGHT: 300px">TYPE MESSAGE HERE
<P></DIV></FONT></FONT>
 
fantasies
post Jan 22 2004, 05:52 PM
Post #5


Newbie
*

Group: Member
Posts: 8
Joined: Jan 2004
Member No: 1,059
thank u so much! =)
 
risteeny1
post Jan 22 2004, 07:52 PM
Post #6


Member
**

Group: Member
Posts: 26
Joined: Jan 2004
Member No: 1,244
QUOTE(xjjajeengx @ 01-22-2004, 12:42 AM)
hovers? erm...


blur hover


hover border


underline, over line, etc


space out hover


cursor change hover

can be changed with crosshair
hand
help
move
text
wait
n-resize
ne-resize
nw-resize
s-resize
se-resize
sw-resize
e-resize
w-resize


hover link goes upside down


blur:


link fades hover


hover changes into other color slowly
you can change the speed and color.

creditz to soompi <3

wow you got SKILL... biggrin.gif
 
xjjajeengx
post Jan 23 2004, 01:11 AM
Post #7


advanced newbie... S2
*******

Group: Member
Posts: 3,504
Joined: Jan 2004
Member No: 752
naw i took i just copied it from a site ahah <3
 
tragic
post Jan 23 2004, 01:18 AM
Post #8


      f0 SHOW
*****

Group: Member
Posts: 308
Joined: Jan 2004
Member No: 1,284
wow...you went the whole 9 yards yea
 
tainted_autumn
post Jan 27 2004, 04:58 PM
Post #9


Newbie
*

Group: Member
Posts: 9
Joined: Jan 2004
Member No: 296
biggrin.gif yayyy! thats what i was looking for! whoop whoop
 
melface
post Feb 15 2004, 01:28 PM
Post #10


cb=bullshit.
******

Group: Member
Posts: 1,783
Joined: Feb 2004
Member No: 3,793
WHOO I LOVE YOU! :D Thankie, Thankie! biggrin.gif Now I'm so cool.. cool.gif [[no sarcasm]] :D
 
megare
post Feb 16 2004, 12:17 AM
Post #11


settle down kiddies.
****

Group: Member
Posts: 237
Joined: Jan 2004
Member No: 180
Heyyy, nice! Why don't you submit the color changer hover script to our database? Pretty please? happy.gif
 
« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic