Cursor shapes:
*change these at css: hover, or body
#1. cursor: none;
#2. cursor: crosshair; (default iBlogskins cursor)
#3. cursor: nw-resize;
#4. cursor: ne-resize;
#5. cursor: e-resize;
#6. cursor: n-resize;
#7. cursor: auto;
#8. cursor: help;
#9. cursor: move;
Hover:
*place at css: hover for background and text
color changes when hovered
#1. hover { text decoration: none; background-color: #333333;
color: #FF99FF; height:0; filter:wave(Add=1,Freq=2,LightStrength=20,Phase=45,Strength=0)}
#2. hover { color: #ffffff;
text-transform: none;
position: relative;
height: 9pt;
text-decoration: none;
border: 1px solid #000000 }
#3. hover { border-bottom: 1px dotted #ffffff; }
#4. hover { text-decoration: overline underline line-through;
}
#5. hover { letter-spacing:0.5px; text-transform: uppercase;
}
#6. hover { letter-spacing:0.5px; text-transform: lowercase;
}
#7. hover { font-variant: small-caps; font-style:
italic; }
#8. hover { letter-spacing:-1px; position:
relative; top: 1px; right: 1px }
Text/Heading Designs:
*place at div for text shadow
throughout blog
#1. filter: chroma(color=#DDEFFD);
*place at .s1 for text fade out plus shadow
effect for headings (default text effect for older iBlogskins)
#2. filter: alpha (opacity=100, finishopacity=0, style=1);
*place desired text in between for background
colour for text
#3. <span style="background: #c50d23; color: #ffffff;
width: 300; height: 10">Desired Text In Between</span>
*place headings in between for border-dotted
effect
#4. <div style="background-color:black; border:1px dotted
white;"><font color= "white"><center>
<b>Designer</center></b></font></div><br>
*place anywhere below css and
adjust accordingly (tip: marquee scrollamount shows speed of moving
text. left and top shows position of text)
#5. <div id="table" style="border: medium
none ; padding: 5px; overflow: auto; position: absolute; left:
185px; top: 167px; z-index: 2; width: 350px;"><marquee
scrollamount="3">Welcome to my blog...I am XXX...</marquee></div>
*place anywhere desired for
mouseover color change effect
#6. <span style="cursor: auto;" onMouseOut="this.style.textDecoration='none';this.style.color='#FF4378'"
onMouseOver="this.style.textDecoration='none';this.style.color='hotpink'">Text
Desired</span>
*place usually at introduction
for scrolling marquee effect (adjust size according to blog box
size)
#7. <marquee scrollamount=1.5 direction=up behaviour=scroll
height=300 width=250><center>
<font color= black>
i blogskins have very nice free blog skins. =D</font></marquee>
*place under css
style under desired .b1 for a 3D border-box effect
#8. border: 5px outset blue;
border: 5px inset blue;
*place under css
style under desired .b1 for headings to have a sophisticated
CAPPED and s p a c e d o u t effect
#9. margin:0.5em 0 .75em;
text-transform:uppercase;
letter-spacing:.2em;
*place anywhere
desired to have a heart shape text!
#10. ♥ OR
<font face="webdings" size="4">Y</font>
Title display:
*place below document title for different
alternating titles
#1. <script LANGUAGE="JavaScript">var a1 = "
Now you see this...";var a2 = " Now you don't! :D ";var
delay = 2000;b1();function b1() {ID = setTimeout("b2()",delay);document.title
= (a1);}function b2() {ID = setTimeout("b1()",delay);document.title
= (a2);}</Script>
Bottom Display:
*place below document title
Static text (already in every i Blog skins
as default)
#1. <script>window.defaultStatus=" We're going on a
one way ride ; And all i need is someone like you by my side ";</script>
Appearing text letters by letters
#2. <script>
var text1="And I have never let you g o"
comeback=0
cometo=0
function dis(){
window.status=text1.substring(0,cometo)
if(comeback==1){
cometo--;
if(cometo==0){comeback=0}
} else {cometo++;if(cometo==text1.length){comeback=1}}
window.status=text1.substring(0,cometo)+"|"
if(cometo==text1.length){window.setTimeout("dis()",500);}
else {window.setTimeout("dis()",50);}
}
dis()
</script>
Link Display:
*place at links page under friends, convenient
for people with many friends' links (change colors accordingly)
#1. <FORM><SELECT style="FONT: 10px
white; COLOR: white; BACKGROUND-COLOR:black"
onchange="location.href=(form.select.options
[form.select.selectedIndex].value)"
size=1 name=select> <OPTION value=#
selected>Friends:</OPTION>
<OPTION value=http://www.iblogskins.com>designer</OPTION>
<OPTION value=http://www.iblogskins.com>free blog skins</OPTION>
<OPTION value=http://www.iblogskins.com>nice blogs</OPTION>
<OPTION value=http://www.iblogskins.com>download free templates</OPTION>
</SELECT></FORM>
I hope these blog codes will help
you to customise your journals and add a touch of individuality.
It also serves as an aid for blogskin designers as a reference
page. These are not exhausive and there are many more html to
be explored. If you have any to contribute, please email us and
help share your knowledge to everyone! (:
