some css snippets

9.20.2014

center elements of your blog:

HEADER IMAGE:
#header-inner img {margin: 0 auto;}

TITLE/DESCRIPTION:
#header-inner {text-align: center;}

POST TITLE:
.post-title {text-align:center;}

POST DATES:
.date-header {text-align:center;}

TABS:
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}

change the link hover state:


UNDERLINE ON HOVER (DEFAULT)
a:hover { color: none; font-style: none;
text-decoration: underline; }

STRIKETHROUGH
a:hover {  color: none; font-style: none; 
text-decoration: line-through; }

OVERLINE
a:hover { color: none; font-style: none; 
text-decoration: overline; }

OVERLINE & UNDERLINE
a:hover {  color: none; font-style: none; text-decoration: overline underline; }

ITALICS
a:hover {  color: none; font-style: italic; 
text-decoration: none }

CHANGE COLOR
a:hover { color: #FFFFFF font-style: none; 
text-decoration: none}

Note: Change the color using an HTML color code from here.

DASHED UNDERLINE:
a:hover {color: none; font-style: none; 
text-decoration: none; border-bottom: dashed 1px}

DOTTED UNDERLINE:

a:hover {color: none; font-style: none; 
text-decoration: none; border-bottom: dotted 1px}

TEXT SHADOW:

 a:hover {color: none; font-style: none; 
text-decoration: none; text-shadow: 0 0 5px #ff0000;}

COLORED BACKGROUND:

a:hover {color: none; font-style: none; 
text-decoration: none; background: #ccc;}

No comments :

Post a Comment

go on, make my day. ❤