Headings 3 - customize subheadings in template
Εντοπισμός και αλλαγή επικεφαλίδας στο template.
- Διάφορες μορφές επικεφαλίδας.
2. Click Expand Widget Box
3. Now Ctrl+F to Find .post h3
4. Replace .post h3 with below script
.post h3 {
background: url("http://icons.iconseeker.com/png/fullsize/crystal-clear-actions/star-10.png") no-repeat 3px center ;
background-size:25px 25px;
background-position:20px;
transparent;
text-align:left;
font-size: 18px;
font-family: Oswald;
font-weight: normal;
padding: 3px 10px 3px 80px;
color: #0274be;
border: 3px solid #5bb5f0;
text-shadow: 0 1px 0 #CCC;
-moz-border-radius: 90px;
-webkit-border-radius: 90px;
border-radius: 90px;
-moz-box-shadow: 0 1px 2px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 1px 2px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
box-shadow: 0 1px 2px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
margin: 15px 3px;
text-transform: uppercase;
line-height: 1.3;
}
.post h3 a, #content h1 a:visited {
color: #000;
font-size:17px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0 0 2px;
padding: 4px 0 0;
}
.post h3 a:hover {
color: #000;
font-size:18px;
text-decoration: none;
}
- Διάφορες μορφές επικεφαλίδας.
Οδηγίες
1. Blogger>Template/Design>Edit Html2. Click Expand Widget Box
3. Now Ctrl+F to Find .post h3
4. Replace .post h3 with below script
Κώδικας
/* subheading html/css form http://dailybloggiingtips.blogspot.com/ */.post h3 {
background: url("http://icons.iconseeker.com/png/fullsize/crystal-clear-actions/star-10.png") no-repeat 3px center ;
background-size:25px 25px;
background-position:20px;
transparent;
text-align:left;
font-size: 18px;
font-family: Oswald;
font-weight: normal;
padding: 3px 10px 3px 80px;
color: #0274be;
border: 3px solid #5bb5f0;
text-shadow: 0 1px 0 #CCC;
-moz-border-radius: 90px;
-webkit-border-radius: 90px;
border-radius: 90px;
-moz-box-shadow: 0 1px 2px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 1px 2px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
box-shadow: 0 1px 2px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
margin: 15px 3px;
text-transform: uppercase;
line-height: 1.3;
}
.post h3 a, #content h1 a:visited {
color: #000;
font-size:17px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0 0 2px;
padding: 4px 0 0;
}
.post h3 a:hover {
color: #000;
font-size:18px;
text-decoration: none;
}
Comments
Post a Comment