Tutorial : Underline Background
In the name of Allah, The Most Beneficent and Merciful
Look at my underline. Isn't that cute? With purple background and white font. First tuto credit to
Athirah and the second one goes to
Sys Una.
Colour Underline Background
1) Dashboard > Design > Edit HTML
2) Paste this code below /* Header
u {
text-decoration:none;
-moz-border-radius: 5px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
background: #8E8E8E;
border-radius: 3px;
-webkit-transition-duration: 2s;
color: #FFFFFF;
}
u:hover {
-moz-opacity:0.80;
opacity:.80;
-webkit-transition:0.5s;
transition:0.5s;
filter:alpha(opacity =80);
}
Image Underline Background
This is the code :
u {
text-decoration:none;
background:url(URL BACKGROUND);
-webkit-transition-duration: 2s;
color: #FFFFFF;
-moz-border-radius: 5px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
border-radius: 3px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
}
Foot note :
Purple : Colour \
find here/ or url background for underline
Green : Font colour
Labels: Tutorial
Profile
The Girl Behind The Laptop
★ In short, I am :
• A malay muslim.
• Lives in Terengganu, studies in Selangor.
★ Bloggie :
• Created since 24 November 2009, five days after celebrating my 10th birthday.
• Created by
Ummi because I was interested in blogging when I saw she's updating her blog.
• Sesuci Kejora has been here for almost 11 years. Big applause :')