Virsraksta krāsas izvēle

Rakstam uzmanību var piesaistīt efektīgs virsraksts. Ir svarīgs ne tikai virsraksta saturs, bet arī tā noformējums. Ar standarta Blogger instrumentiem ir iespējas izvēlēties virsraksta šriftu un burtu lielumu. Taču problēma var rasties ar virsrakstu krāsu. Lai tiktu pie krāsaina virsraksta, nākas rediģēt sadaļu "Saites", jo rakstu slejā virsraksta krāsa sakrīt ar saišu krāsu sānu slejā. Neatvērts virsraksts ir saite. Problēma rodas ar to, ka raksta fons parasti ir balts vai gaiši tonēts, tādēļ saitei uz virsrakstu jābūt tumšai. Ja sānu mala blakus rakstam ir tumša, navigācijas saitēm sānu slejā jābūt gaišām. Tādos gadījumos nākas izvēlēties kādu vidējo krāsu, kura nepazūd ne uz gaiša, ne tumša fona. Labāk būtu, ja sānu malu saitēm un rakstu virsrakstiem varētu uzlikt dažādas krāsas.
Atverot rakstu virsraksta krāsa parasti ir melna. Vai arī balta, ja teksts ir balti burti uz melna fona. Ir iespējams izveidot atsevišķu instrumentu paneli, ar kuru var mainīt raksta virsraksta krāsu:
1. Virsraksta saites krāsu rakstu slejā
2. Kādā krāsā mainīsies virsraksts, ja uz tā uzvirza kursoru
3. Virsraksta krāsu atvērtam rakstam
4. Izveidot citas krāsas taisnstūri apkārt virsrakstam. Ja to nevajag,
izvēlas "caurspīdīgs"

Panelis ar virsraksta šrifta un izmēra maiņu ir atrodams sadaļā Veidne>Izvērsti>Ziņas virsraksts:



Papildinot instrumentus var iegūt paneli: Ziņas virsraksta krāsa



Lai tiktu pie paneļa ar virsraksta krāsas izvēles iespējām, eju uz "rediģēt HTML". Meklēju vietu pašā sākumā:
<b:skin>...</b:skin>



Uzklikšķinot vidū atveras gara lapaspuse. Tajā ir ievietoti visu instrumentu paneļu kodi. Mums šoreiz vajag atrast vietu, kurā ir ietverts vārds "Post Title". Tur būs tāda rindkopa, kura atbild par virsraksta šriftu un burtu lielumu:

<Group description="Post Title" selector="h3.post-title, .comments h4">
     <Variable name="post.title.font" description="Title Font" type="font"
         default="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal bold 26px 'Trebuchet MS', Trebuchet, sans-serif"/>
   </Group>



Lai tiktu pie krāsām, aiz šīs rindkopas iekopēju vēl vienu rindkopu:

<Group description="Post Title Color" selector="h3.post-title">
     <Variable name="post.title.link.color" description="Link Color" type="color" default="#ff0000" value="#274e13"/>
     <Variable name="post.title.hover.color" description="Link Hover Color" type="color" default="#0000ff" value="#bf9000"/>
     <Variable name="post.title.color" description="Color on Post Page" type="color" default="#ff00ff" value="#20124d"/>
<Variable name="post.title.bg.color" description="Title Background Color" type="color" default="transparent" value="transparent"/>
   </Group>



Ar to vēl nepietiek. Vēl meklēju zemāk ierakstu

/* Posts
----------------------------------------------- */
h3.post-title {
  margin: 0;
  font: $(post.title.font);
}



Papildinu šo kodu, lai iznāktu:

/* Posts
----------------------------------------------- */
h3.post-title {
margin: 0;
font: $(post.title.font);
}
h3.post-title { color:$(post.title.color); }
h3.post-title a:hover { color:$(post.title.hover.color); }
h3.post-title { background:$(post.title.bg.color); padding:10px; }
h3.post-title a, h3.post-title a:visited { color:$(post.title.link.color); }




Spiežu "Saglabāt veidni" un panelis būs pievienots