21.03.2010
Login

Category: css

Lisää koodia -alapalkin muokkailu

Posted by ahokoivu in Ohjeet, css torstai, 1 lokakuu 2009 13:30 No Comments

Tällä CSS koodilla siis 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;
}


Comicpress & Custom CSS

Posted by admin in css perjantai, 17 lokakuu 2008 12:04 2 Comments

Custom CSS ei näytä toimivan suoraan ComicPress pohjilla. Pohjat tekevät koodiin vielä korjauksen tuon puukotuksen jälkeen. Homma lienee kuitenkin korjattavissa.

tässä koodia blogista kokoelma.sarjakuvablogit.com

Learn More

ComicPress V3C .CSS

Posted by admin in css torstai, 16 lokakuu 2008 21:58 1 Comment

/*

Theme Name: ComicPress V3C
Version: 2.5

Theme URI: http://mindfaucet.com/comicpress/
Description: The Vertical 3-Column Edition of the customizable theme for publishing comics. <a href=”http://mindfaucet.com/comicpress”>Visit the ComicPress website.</a>

Author: Tyler Martin
Author URI: http://mindfaucet.com/

The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html

*/

Learn More

ComicPress V .CSS

Posted by admin in css torstai, 16 lokakuu 2008 21:56 No Comments

/*

Theme Name: ComicPress V
Version: 2.5

Theme URI: http://mindfaucet.com/comicpress/
Description: The Vertical Edition of the customizable theme for publishing comics. <a href=”http://mindfaucet.com/comicpress”>Visit the ComicPress website.</a>

Author: Tyler Martin
Author URI: http://mindfaucet.com/

The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html

*/

Learn More

ComicPress 3C .CSS

Posted by admin in css torstai, 16 lokakuu 2008 21:39 No Comments

/*

Theme Name: ComicPress 3C
Version: 2.5

Theme URI: http://mindfaucet.com/comicpress/
Description: The 3-Column Edition of the customizable theme for publishing comics. <a href=”http://mindfaucet.com/comicpress”>Visit the ComicPress website.</a>

Author: Tyler Martin
Author URI: http://mindfaucet.com/

The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html

*/

Learn More

 

Ohjeet

  • Mainosta julkaisuasi tai sarjakuvablogiasi Sarjainfossa
  • Blogin aktivoiminen
  • Mainosbannerin tekemisestä
  • Lisää koodia -alapalkin muokkailu
  • lisää koodia -border viivojen muokkaus

Pienlehteilijä! Omakustantaja! Bloggaaja!
Mainosta julkaisuasi tai sarjakuvablogiasi Sarjainfossa.

Sarjainfo on Suomen sarjakuvaseuran jäsenlehti, jota on julkaistu vuodesta 1972 lähtien. Sarjainfo on alan laajin erikoislehti Suomessa ja se palkittiin vuonna 2009 opetusministeriön myöntämällä kulttuurilehtien laatupalkinnolla.. Lehti ilmestyy neljä kertaa vuodessa: maaliskuussa, kesäkuussa, syyskuussa ja joulukuussa, aina kuun alussa.

Pienlehti-ilmoituksen koko:
64 x 51 mm

Värilliset 300 dpi
Mustavalkoiset (bitmap) 600 dpi

Hinta:
20 euroa/ mainos

Hintaan kuuluu 3 kk nettimainosta joko sarjakuvaseura.fi, kvaak.fi tai sarjakuvablogit.com -verkkosivustolla. Mainoksesta tulee toimittaa nettiversio lehti-ilmoituksen mukana (234 x 60 pix 72dpi).

Lähetä mainoksesi osoitteeseen ilmoitukset@sarjakuvaseura.fi. Liitä mukaan yhteystietosi ja laskutusosoite.

Vuoden 2010 aineisto deadlinet:
1/2010 22.1.
2/2010 23.4.
3/2010 23.7.
4/2010 22.10.
HUOM! Ensimmäiseen numeroon mahtuu vielä mukaan!!
Lisätietoa mari.ahokoivu@sarjakuvaseura.fi

Aktivoimissivu on ollut keskiviikosta 9.12. lähtien rikki, eli uuden blogin luoneet eivät ole pystyneet aktivoimaan tunnuksiaan aktivoimissähköpostista löytyvällä linkillä. Ongelman pitäisi nyt kuitenkin olla korjattu, eli käyttämällä sitä alkuperäisen aktivoimissähköpostin antamaa osoitetta voitte nyt viedä aktivoimisen loppuun saakka.

Mainosbannerin tekeminen onnistuu helposti esimerkiksi photoshopissa näin:

1-Avaa photoshopissa uusi tiedosto (File–>New).

Määrittele kuvan resoluutioksi 72 dpi. Koko voi olla esim.

ahokoivu01
150×70 px (hyvä koko blogien sivupalkin bannereille)

ahokoivu02
234×60 px (perus pienen mainosbannerin koko, mm. kvaak.fi)

ahokoivu03
468×60 px (perus ison mainosbannerin koko)

Muita kokoja voi myös kokeilla, esim. 140×350 px

Koot siis pikselikokoina (pixels).

2- Copy/pastaa haluamiasi kuvia bannereihin.
Avaa kuva jota haluat käyttää bannerissa. Valitse (rectangular marquee tool) joko koko kuva, tai osa sitä. kopioi kohta (Ctrl+c). Ota banneri esiin ja liitä kuva siihen (Ctrl+v). Kuvan kokoa voi muuttaa klikkaamalla oikeanpuoleisella hiirinäppäimellä kuvaa ja valitsemalla “Free transform”. Hox! Pidä shift-näppäin pohjassa, kun muutat kuvan kokoa, niin kuva ei vääristy!

3-Jos haluat tehdä bannerista animaation, liitä usempi kuva banneriin. Kun copy/pastaat niitä, photoshop tekee automaattisesti jokaiselle kuvalle oman layerin. Ota animaatio-työkalu esiin (window–>animation). Työkalun alalaidassa on kuvake (duplicate selected frames), jota painamalla voi tehdä uusia frameja animaatioon. Voit muokata jokaista frame-kuvaa erikseen. Animaation nopeutta säädellään framejen alalaidassa olevasta pienestä nuolikuvakkeesta.

4-Kun banneri on valmis käy tallentamassa se (file–>save for web) tallenna banneri gif-muodossa.

Tällä CSS koodilla siis 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;
}

…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;
}