28. syyskuuta 2006

Päivän blogivinkki, kehykset pois kuvista

PopuLAARI tarjoaa pehmeiden arvojen lisäksi myös kovaa tekniikkaa.

Blogin muokkaaminen antaa mielestäni sivustolle omaa ilmettä ja saa sen eroamaan muista, edes hivenen verran. Sisältö on toki tärkeintä, mutta muodollakin on merkityksensä.

Halusin viestieni kuvien ympäriltä pois kehyksen, joka on oikeastaan aivan turha ja usein pilaa "kuvallisen" vaikutelman.

Käytän Bloggerin Beta -versiota, jossa voi jo muokata templaten html-koodia. Käytän Tic Tac Blue -templatea, jossa kuvilla on kehykset mutta näin ei ole kaikissa valmismalleissa.

* * *

Etsi pääpalstan asetusten alun kommenttirivi.

/* ---( main column )--- */

Siirry sen jälkeen hiukan alempana olevaan kuvien kehysmäärittelyn kohtaan (.post img).

Vaihda pikselien (px) arvoksi nolla, kuten olen alla tehnyt.

Padding ilmoittaa sen, paljonko kuvan ympärille jää tyhjää tilaa, joten sitä ei kannata muuttaa aivan nollaksi, arvo välitä 3 - 6 on sopiva.

.post img { padding: 3px;
border-top: 0px solid #ddd;
border-left: 0px solid #ddd;
border-bottom: 0px solid #c0c0c0;
border-right: 0px solid #c0c0c0; }


Alä tallenna, ennen kuin olet esikatselulla (preview) varmistanut että muutos onnistui.

Voi myös tehdä sivuasetuksistasi turvakopion omalle työasemallesi ennen muutoksia.

That's all, folks.

3 kommenttia:

  1. Kiitos tästä vinkistä!!! Sain omasta blogistani jotenkin html-koodia sohien(en tiedä miten, mutta näyttää toimivan!!!) rumat raamit kuvien ympäriltä pois! Jeee!

    VastaaPoista
  2. Tulipa kommentti tosi vanhaan viestiin. Kiva jos auttoi.

    VastaaPoista
  3. En löytänyt HTML-koodista ".post img" tekstiä ollenkaan. Osaatko sanoa mistä kohtaa sen löytäisi?

    VastaaPoista

LinkWithin

Hae tästä blogista: