Sarjispajailua

Tällä CSS koodilla saa muokkailtua alapalkkia:

#footer {
background: url(“http://kuva.jpg”)
no-repeat bottom left;
height: 200px;
border-top: 1px solid #99CC00;
text-align: center;
color: #333;
font-size: 11px;
padding: 0 0 10px 0;
margin-top: 10px;
}

Tagit: alapalkki, CSS, koodia.

…niitä voi muokata seuraavalla CSS pätkällä

#content {
padding: 10px 0;
background: none;
}

.articles {
border-top: 1px solid #99CC00;
}

#content .showtags {
background: none;
padding-left: 5px;
line-height: 20px;
border-bottom: 1px solid #99CC00;
border-top: none;
}

Tagit: border, CSS, koodia.

Seuraavanlaisesti saat lisättyä kuvia sivupalkkiin:

1- Lataa kuvat media-arkistoon (media-> add new). Ota kuvan osoite talteen.
(Hox! Kuva kannattaa olla maksimissaan 150-200 pikseliä leveä)

2-Lisää sivupalkkiin (Appearance–> sivupalkit) teksti-laatikko. Kirjoita laatikkoon seuraava koodi:

<img src=”http://kuva.jpg”>

Lisää kuvasi osoite koodiin http://kuva.jpg tilalle.

Tekstiotsikot saa piiloon lisäämällä custom CSS koodiin seuraavan pätkän:

/* Tekstiotsikot piiloon sivupalkissa */
.right h2 { display: none; }

ps. Jos kuva ei näy koita kirjoittaa “”-merkit normaaleiksi (shift+2) . Niissä voi olla joku outo tyylittely päällä.

Jos haluat kuvaan linkin, käytä seuraavaa koodinpätkää:

<a href=”http://www.linkki.com”><img src=”http://kuva.jpg”></a>

Tagit: koodia, sivupalkki, vimpaimet.

Tässä tämän sivuston CSS koodi, tehty white wash pohjalle. Kun tämän copy pastaa Appearance kohdan CSS-osioon, niin pääsee vähän alkuun oman blogin muokkailussa.

Koodi siis löytyy klikkaamalla tämä postaus auki tuosta alhaalta.

Lue koko kirjaus »

Tagit: CSS, koodia, vinkkejä.