Blogger: Kāhua CSS no ke Code ma kāu Blog
Ua nīnau mai kekahi hoaaloha iaʻu pehea wau i hana ai i nā ʻāpana code ma ke komo ʻana o Blogger. Ua hana au me ka hoʻohana ʻana i kahi tag style no CSS ma kaʻu template Blogger. Eia kaʻu i hoʻohui ai:
p.code {
font-family: Courier New;
font-size: 8pt;
border-style: inset;
border-width: 3px;
padding: 5px;
background-color: #FFFFFF;
line-height: 100%;
margin: 10px;
}
p.code
: He lula CSS kēia e kuhikuhi ana i ka HTML<p>
nā mea me ka inoa papa "code." 'O ia ho'i, e kapa 'ia kekahi pauku me kēia papa e like me nā waiwai a'e.font-family: Courier New;
: Hoʻonohonoho kēia waiwai i ka ʻohana font i "Courier New." Hōʻike ia i ka font e hoʻohana ʻia no ka kikokikona i loko o nā mea i manaʻo ʻia.font-size: 8pt;
: Hoʻonohonoho kēia waiwai i ka nui o ka font i nā helu 8. E hōʻike ʻia ka kikokikona i loko o nā mea i manaʻo ʻia ma kēia nui font.border-style: inset;
: Hoʻonohonoho kēia waiwai i ke ʻano palena i "inset." Hoʻokumu ia i kahi hiʻohiʻona paʻa a paʻi paha no ka palena a puni nā mea i manaʻo ʻia.border-width: 3px;
: Hoʻonohonoho kēia waiwai i ka laulā palena i 3 pixels. He 3 pixels ka mānoanoa o ka palena a puni nā mea.padding: 5px;
: Hoʻohui kēia waiwai i 5 pixels o ka padding a puni ka ʻike i loko o nā mea i manaʻo ʻia. Hāʻawi ia i ka hakahaka ma waena o ka kikokikona a me ka palena.background-color: #FFFFFF;
: Hoʻonohonoho kēia waiwai i ke kala hope i keʻokeʻo (#FFFFFF). He keʻokeʻo keʻokeʻo ka maʻiʻo i loko o nā mea i manaʻo ʻia.line-height: 100%;
: Hoʻonohonoho kēia waiwai i ke kiʻekiʻe o ka laina i 100% o ka nui font. E hōʻoia i ka hoʻokaʻawale ʻana o nā laina kikokikona e like me ka nui o ka font.margin: 10px;
: Hoʻohui kēia waiwai i kahi palena o 10 pixels a puni ka mea holoʻokoʻa. Hāʻawi ia i ka hakahaka ma waena o kēia mea a me nā mea ʻē aʻe ma ka ʻaoʻao.
ʻO ke code CSS i hāʻawi ʻia e wehewehe i kahi ʻano no nā paukū HTML me ka papa "code." Hoʻonohonoho ia i ka font, ka nui o ka font, ke ʻano palena, ka laulā palena, ka pale, ka waihoʻoluʻu hope, ke kiʻekiʻe o ka laina, a me ka palena no kēia mau paukū. Hiki ke hoʻohana ʻia kēia ʻano i nā snippet code a i ʻole kikokikona i hoʻonohonoho mua ʻia i loko o kahi leka Blogger e hāʻawi iā lākou i kahi hiʻohiʻona kikoʻī.
Penei ke ano o kona ano:
p.code {
font-family: Courier New;
ka nui kikokikona: 8pt;
palena-ʻano: inset;
palena-ākea: 3px;
nenelu loa: 5px;
kala-kala: #FFFFFF;
laina-kiʻekiʻe: 100%;
palena: 10px;
}
Hauʻoli Coding!