Site Navigations

Home
Terms of Use
Contact Us
FAQ
Link Us!

Blog Desisgns

Most Recently Added
Most Popular
People
Cartoon
Nature
Children
Food
Others

Blog-Related

Blog Codes
Useful Links

 

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. &hearts; 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! (:



Copyright (c) 2008 iblogskins.com All Rights Reserved.