tiistai 27. tammikuuta 2015

Linkkien kursivoituminen hiiren vietäessä päälle

Eli on olemassa linkki, ja kun hiiren vie linkin päälle, teksti muuttuu kursivoiduksi. Blogiin kyseisen hover-efektin saa menemällä Malli -> Mukauta -> Lisäasetukset -> Lisää CSS:ään alla oleva koodi:

a:hover{
font-style: italic;
}

88 kommenttia:

  1. Tää blogi on ollut ihana löytö ja paljon olen saanut hyviä vinkkejä ja apua. Kiitos!

    Osaisitko neuvoa myös seuraavassa ongelmassa? Lisäsin blogiini sivut-palkin blogiotsikon alle, neuvojesi avulla osasin keskittääkin sen.

    Ongelma on että sivujeni nimien päällä on harmaan värinen "pilvi."
    Vain se sivu jolla parhaillaan ollaan, näkyy ilman rumaa harmaata.
    Kun vien hiiren muiden sivujen nimen päälle, harmaa katoaa mutta palaa heti kun hiiren ottaa sen päältä pois.

    Miten ihmeessä kaikki sivut-palkin sivujen nimet saisi ilman mitään taustoja? Tässä kuva tilanteesta http://aijaa.com/fLeL5Z

    Lisäasetuksissa välilehtien taustat ovat laitettu kaikki läpinäkyviksi eikä tuo taida edes olla mikään tausta sillä se katoaa heti kun nuolen vie sen päälle. Haluaisin niin että välilehtien nimet olisivat ilman mitään highlightejä ja korostuksia. Osasinkohan yhtään selittää ongelmaani? :D

    Maria

    VastaaPoista
    Vastaukset
    1. Moikka! Kiva kuulla, että sullekin on ollut tästä blogista hyötyä :-)!
      Osasit kyllä selittää ongelmasi tosi hyvin, mutta tarvisin luultavasti blogisi linkin, jotta voisin tutkiskella blogisi lähdekoodia ja etsiä sieltä ratkaisua. Voit kyllä kokeilla näitä koodeja (malli -> mukauta -> lisäasetukset -> lisää css:ään), mutta en takaa, että ne toimisivat ongelmassasi, sillä en vielä tiedä, mistä noi harmaat jutut johtuu. Tässä kuitenkin koodeja:

      .tabs-inner .widget li a {
      display: inline-block;
      margin-right: auto;
      color: auto;
      font: auto;
      border-radius: 0px;
      background: none;
      }

      .tabs-inner .widget li:first-child a {
      padding-left: auto;
      }

      .tabs-inner .widget li.selected a,
      .tabs-inner .widget li a:hover {
      position: none;
      background: transparent;
      color: auto;
      box-shadow: none;
      }

      Poista
  2. Hei tuo aiemmin kysymäni, onnistuin tietenkin heti kun kysyin neuvoa :) Eli avainsana oli koodissa "gradient" jonka perässä oli mustanharmaa kuvalinkki jonka poiston jälkeen homma toimi.

    Maria

    VastaaPoista
  3. Kiitän kanssa tosi kovasti tän sivun tuomasta avusta! :)) moneen asiaan ja ongelmaan oon löytänyt apua täältä. Loistava blogi, joka auttaa monia osaamattomia! Jatka samaan malliin!

    VastaaPoista
  4. Kirjoittaja on poistanut tämän kommentin.

    VastaaPoista
  5. Kirjoittaja on poistanut tämän kommentin.

    VastaaPoista
    Vastaukset
    1. Moikka! Kokeile tätä koodia:
      h3.post-title a:hover {
      color: auto;
      text-decoration: none;
      }

      Poista
  6. Heipparallaa! Osaisitko auttaa, kun mun blogissa kuvat & teksti ei oo ns. "samassa linjassa" eli teksti alkaa ennen kuvaa eikä samasta kohtaa? blogin leveyden muuttaminen ei auta. :o

    http://ilonasusanna.blogspot.fi/

    VastaaPoista
    Vastaukset
    1. Mooi! Sulla on kuvissa kehykset (läpinäkyvät), mistä johtuu se, ettei kuvat ja teksti ole samassa linjassa. Voit poistaa kehykset tällä koodilla:

      .post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
      .BlogList .item-thumbnail img {
      padding: 0px;
      background: #ffffff;
      border: 0px solid #eeeeee;
      -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
      -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
      box-shadow: 1px 1px 1px rgba(0, 0, 0, .0);
      }

      Poista
    2. Ööh, miksi ei vieläkään toimi? :s

      Poista
    3. Lisäsitkö koodin mihin? Sun blogista ei nimittäin löydy ko. koodia. Suosittelen lisäämän koodin malli -> mukauta -> lisäasetukset -> lisää css:ään :)

      Poista
    4. joo, css:ään lisäsin :o

      Poista
    5. Nonniin, nyt ryhty toimimaan - blogger oli vaan laginen :''D Kiitos jälleen avusta!

      Poista
  7. Tämä ei nyt liity tähän, mutta osaisitko neuvoa? Olen yrittänyt saada 'Related post' widgettiä mun blogiin ja oon yrittänyt vaikka kuinkaa montaa koodia ja ohjetta, mutta se ei vaan ilmesty postauksiin :/ Linkedwithin-widgettiä en haluais käyttää :/

    http://katja-dontdreamlive.blogspot.fi/ tuosta pääset vielä blogiin.

    VastaaPoista
    Vastaukset
    1. Mmmm.. itse en oo noihin "Related post" -widgeteihin yhtään perehtynyt, joten yritin etsiä netistä googlettamalla joitain ohjeita. Ootko jo kokeillut näitä kaikkia?
      http://helplogger.blogspot.fi/2012/03/how-to-add-related-posts-widget-to.html
      http://www.bloggerwidgetgenerators.com/2014/02/related-posts-widget-for-blogger-blogspot.html
      http://blogtimenow.com/blogging/add-related-posts-blogger-related-posts-widget-blogger/
      http://www.codeitpretty.com/2014/10/new-related-posts-gallery-for-blogger.html
      http://www.justnaira.com/2013/01/related-post-widget-for-blogger.html

      Jos noista mistään ei oo apua, ilmoittelethan, niin mä yritän hiihtolomalla ehtiä tutustua tähän juttuun paremmin :)!

      Poista
  8. Tosi kiva blogi ja tästä on ollut apua! Miten saisin noden "uudemi tekst" ja "vanhempi teksti" tilalle nuolet?? kiva jos vastaisit!:)

    VastaaPoista
    Vastaukset
    1. Mooi Selma! Ekaks sulla pitää olla ne kuvat, jotka haluat "uudemmat tekstit" ja "vanhemmat tekstit" -juttujen tilalle. Sitten kun sulla on ne netissä, mene Malli -> Mukauta -> Lisäasetukset -> Lisää CSS:ään alla olevat koodit:

      .blog-pager-older-link:after {
      content: url('NÄIDEN MERKKIEN SISÄÄN KUVAN URL-OSOITE');
      }

      .blog-pager-newer-link:before {
      content: url('NÄIDEN MERKKIEN SISÄÄN KUVAN URL-OSOITE');
      }

      #blog-pager a:link{
      color:transparent;
      }

      Toi eka koodi on se vanhempien tekstien koodi, eli siihen '-merkkien sisään laitat sen kuvan URL-osoitteen, jonka haluat korvaavan "vanhemmat tekstit" -tekstin.

      Toi toka koodi on taas se uudempien tekstien koodi, eli siihen '-merkkien sisään laitat sen kuvan URL-osoitteen, jonka haluat korvaavan "uudemmat tekstit" -tekstin.

      Ja lisäät nuo kaikki 3 koodia CSS:ään, niin pitäisi toimia :-)

      Poista
  9. Heippa!

    Mullakaan ei kysymys liity tähän... mutta sain pari ongelmaa aikaiseksi omassa blogissani ja niihin kaipaisin apua. Lisäsin blogiini välilehtiä/sivuja (ovat tällä hetkellä aivan sivun lopussa vielä), mutta jostain syystä ne ovat yhdessä supussa. Otsikoiden välissä ei ole kuin välilyönnin verran tilaa. Olisiko tähän antaa apuja? Kuinka saisin ne fiksummin erilleen toisistaan ja myös isommalla, fonttikokoakaan en saa muutettua...?

    Sitten toinen probleema. Samalla kun lisäilin sivuja ja yritin muokata niitä, bannerini liikahti 1-2 senttiä vasemmalle.. Siihen en tehnyt muutoksia, mutta pomppasi kuitenkin paikaltaan. Kuinka kummassa saan sen takaisin paikalleen? Muutin kuvan pienemmäksi ettei se näkyisi niin selvästi, mutta mielelläni ottaisin suuremman bannerin takaisin käyttöön.

    Blogini löytyy osoitteesta http://yourssblogi.blogspot.fi/.

    VastaaPoista
    Vastaukset
    1. Heei! Oon tosi pahoillani, että vastaan näin myöhään - sulla ei enää taida olla enää tota ongelma ykköstä?
      Banneria saa siirrettyä tällä koodilla lukua 20 muuttamalla:
      .header-outer{
      margin-left: 20px;
      }

      Poista
  10. Minulla ei toimi tuon postauksen: http://blogikoodeja.blogspot.fi/2014/12/kehystaminen-gadgetit-alatunniste-jne.html tuo ensimmäinen koodi. Mallikin on simple. Mistä mahtaa johtua?

    VastaaPoista
    Vastaukset
    1. Moi Silkku! Kumma juttu, ettei toimi, sillä mulla kyllä toimii :/ Ootko kokeillut muita Simplen malleja? Ja toimiiko sulla muuten mikään koodi?

      Poista
    2. Kiitos paljon! Nyt toimii:)

      Poista
  11. Heippa!
    Tarvitsisin taaas apua.... Miten saan koodailtua bannerin tekstipohjan päälle? Esim. http://www.lillivoitto.fi/2015/02/13-ulkoasua.html tuossa postauksessa nuo kaksi ylempää banneria on saatu noin. Oli todella kiva jos tiedät ratkaisun asiaan!

    Emmiinblogi.blogspot.fi

    VastaaPoista
    Vastaukset
    1. Heips! Musta näyttäisi siltä, että Tiia on tehnyt nuo ekat bannerit Gimp-kuvankäsittelyohjelmalla siten, että noilla kahdella ekalla kuvalla on läpinäkyvä tausta, ja bannerin hän on sitten liittänyt blogiin ihan normaalisti Näyttää siltä, että blogin yläkulmat on pyöristetty ja blogia on laskettu alemmas, jotta bannerit on saatu näkymään tuolla tavalla ikään kuin ne olisivat valkoisen blogipohjan yläpuolella sekä päällä.
      Tällä koodilla blogia saa alaspäin:
      .content{
      margin-top: 100px;
      }
      Lukua 100 voi muuttaa.

      Ja tällä koodilla saa blogin kulmat pyöristettyä:
      .content-inner{
      border-radius: 20px;
      }
      Lukua 20 voi muuttaa.

      Jaa, nyt en kyllä tiedä, ymmärsinkö ihan oikein ongelmasi :-D

      Poista
  12. Miten videot keskitetään?

    VastaaPoista
    Vastaukset
    1. Ai Youtubesta blogipostaukseen HTML-koodiin lisätyt koodit? Lisäämällä videon koodin alkuun < center > ja loppuun < /center > ilman välilyöntejä

      Poista
  13. Moi! Mun ongelma ei liity tähän postaukseen, enkä löytänyt siihen apua muualtakaan. Olen joskus blogistani poistanut Lukijat- gadgetin, enkä saa sitä lisättyä enää. Blogger herjaa vain jotain tälläistä http://i.snag.gy/JocRy.jpg. Kiitos, jos osaat auttaa c:

    VastaaPoista
    Vastaukset
    1. Moikka! Löysin netistä sulle tälläset ohjeet, joten kokeileppas näitä:
      http://stabnet.blogspot.in/2012/06/please-correct-errors-on-this-form.html

      Poista
  14. Moikka!
    Oon saanut hurjasti apua sun blogista omaani! Nyt on kuitenkin sellanen pulma, johon en tunnu keksivän/löytävän ratkaisua. Miten ihmeessä saan sivujen alle siirrettyjen tunnisteiden otsikot keskitettyä muun sivuston tapaan. APUAAPUA http://lemmikkikuvat.blogspot.com
    :-)
    Kiitos jos etukäteen!
    Terkuin Veera!

    VastaaPoista
    Vastaukset
    1. Heippa! Tosi kiva kuulla :)!
      Menes malli -> mukauta -> lisäasetukset -> lisää css:ään alla oleva koodi:

      .tabs-inner {text-align:center !important;}
      .tabs-inner li {display:inline !important; float:none !important;}

      Poista
  15. Poistin vahingos bannerin ja miten nyt voisin lisää sen takasi? Tällähetkel siin on se kuva, mutku tän takia divider menee tollai hassusti.. http://viismiinus.blogspot.fi/

    VastaaPoista
    Vastaukset
    1. Moi! Tarkistashan, että sulla on varmasti oikeat koodit käytössä. Meinaan, että tuossa gadget-divider-ohjeistuksessani oli huolimattomuusvirhe (pahoittelut tästä!!), mikä on voinut aiheuttaa sun kaltaisia ongelmia. Eli tässä on oikeat koodit:

      DIVIDER POSTAUSTEN VÄLIIN
      .post{
      background: url(TÄHÄN EROTTIMEN URL-OSOITE);
      background-repeat: no-repeat;
      background-position: bottom center;
      margin:0 0 0px;
      padding-bottom: 30px;
      }

      DIVIDER GADGETIEN VÄLIIN
      .sidebar .widget {
      background: url(TÄHÄN EROTTIMEN URL-OSOITE);
      background-repeat: no-repeat;
      background-position: bottom center;
      margin:0 0 40px;
      padding-bottom: 40px;
      }

      Poista
    2. siis tossa näyttää olevan just kaikki oikein.. divider on juuri oikeessa kohassa gadgetin alla ja se gadgetti on bannerina eli nyt haluaisin saaha jotekki sen bannerin takaisin.. uknow? :D

      Poista
    3. se toimi! kiitos tosi paljon <3

      Poista
  16. Moikka! Mä taas täällä :D. Mutta siis nyt mulla ois semmosta ongelmaa että blogger ei anna mun muokata ulkoasua. Siis pääsen siihen paikkaan mutta kun KÄYTÄ BLOGISSA niin sitä ei voi painaa :(.

    VastaaPoista
    Vastaukset
    1. Haha, kiva vaan, että uskallat kysyä - yritän parhaani mukaan auttaa :)!
      Mmmm... suosittelen, että ilmoitat virheestä googlelle - kyseessä on luultavasti bloggerin virhe. Voi kuitenkin olla, että blogger ei hyväksy ulkoasun tallentamista, sillä CSS-koodeissa on jokin virhe. Ennen kuin ilmoitat virheestä Googlelle, sun kannattaa kokeilla poistaa mallin muokkaustyökalun CSS-osiosta kaikki koodit (kannattaa kopsata ne ennen kuin deletoit) ja kokeilla, voitko tallenta ulkoasua nyt. Jos et, kyseessä on takuulla bugi, jonka Google voi luultavimmin korjata (nimimerkillä mulla on kokemusta tälläsestä :D). Eli jos kyseessä on Googlen bugi ja haluat ilmoittaa virheestä Googlelle, toimi näin:
      1. Mene hallintapaneeliin.
      2. Klikkaa oikeassa yläkulmassa olevaa hammasratasta (kielen vieressä).
      3. Klikkaa "Lähetä palautetta"
      4. Toimi ohjeiden mukaan.

      Toivottavasti sun ongelma korjaantuu! :)

      Poista
  17. Hellou c: Tää mun ongelma ei liity nyt tähän postaukseen, mutta oletan että vastaat tähän postaukseen ehkä nopeiten.. Eli siis käytin koodia (.content-inner {
    padding: 0px;
    }) Mutta blogissa jää kuitenkin vasemmalle puolelle aivan järkyttävästi valkoista, mikä ei näytä hyvältä blogissa.. Osaisitko neuvoa mikä on vikana? Banneri ei ole liian pieni, varmistin sen.

    täältä voit käydä katsomassa, niin hahmotat ongelman paremmin: http://ganhwa.blogspot.fi/

    VastaaPoista
    Vastaukset
    1. Mooi!
      Tutkiskelin sun blogisi lähdekoodia, ja sieltä löysin tälläsen koodin:
      .header-outer {
      margin-left:100px;
      }
      Tuo koodi saa blogisi bannerin siirtymään ns. liikaa oikealle. Joten muuttamalla koodia HTML:ssä tai lisäämällä seuraavan koodin CSS:ään, saat ongelman luultavasti korjattua:
      .header-outer {
      margin-left:-30px;
      }
      Ja tuota lukua -30 voi muuttaa :-)

      Poista
  18. http://www.lillivoitto.fi/ voitko neuvoa miten toi tehdään toi otsikon ja sivujen koodi? siten että se on tollanen vähän varjotettu, ja sitte väri muuttuu kun siihe menee päälle

    VastaaPoista
    Vastaukset
    1. Moi ano!
      Varjostuksen tekstin otsikkoon saa tällä koodilla:
      .post-title {
      font: auto bold;
      text-shadow: 0px 0px 2px grey;
      }

      Jos haluat varjostuksen kaikkiin linkkeihin, koodi näyttää tältä:
      a:link {
      font: auto bold;
      text-shadow: 0px 0px 2px grey;
      }

      Ja hover-efektin tekstin otsikkoon (hiiren vie päälle -> tekstin väri muuttuu) saa tällä koodilla:
      h3.post-title a:hover {
      font: auto bold;
      text-shadow: 0px 0px 2px grey;
      color: black;
      }

      Toi colorin jälkeinen kohta kertoo värin (esim. black, red, pink, green jne.), jota voit vaihtaa mielesi mukaan.

      Poista
  19. Ihanaa kiitos! Koodi toimi, ja nyt banneri näyttää hyvältä ♥ Unohdin kysyä edellisessä, että tiedätkö miten saisin nuo "Tekijänoikeudet" ja sen alapuolella olevat tekstit keskitettyä (myös tuo "instagramissa nimellä ganhwa_) olisi ihana jos osaisit auttaa myös tämän kanssa! ♥
    http://ganhwa.blogspot.fi/

    VastaaPoista
  20. Sun blogista löytyy tosi paljon hyviä ohjeita! :) yks kysymys:
    Onko siitä haittaa jos laittaa HTML- koodehin noi koodit, koska kun lisään CSS:ssään jotain koodeja niin ne häviää sieltä enkä pysty muokkaamaan niitä enään.

    VastaaPoista
    Vastaukset
    1. Moi Lotta!
      Ei siitä sinänsä mitään haittaa ole. Blogin muokkaaminen vaan on sillä tavoin hitaampaa, kun ei nää suoraan muokkauksen tulosta niin kuin mallin suunnittelutyökalussa. Itse suosin CSS:ssää myös siksi, että onnistuin kerran pilaamaan koko blogini, kun vahingossa laitoin väärän koodin väärään paikkaan. Jos siis muokkauksia tekee suoraan HTML:ssä, kannattaa olla varma liikkeistään, ettei mitään katastrofia pääse tapahtumaan!
      Ton sun CSS-ongelman saa luultavimmin korjattua siten, että valitset mallin suunnittelutyökalussa uuden mallin TAI klikkaat vanhaa malliasi, jolloin kaikki muutokset aiempaan malliin katoavat. Pitäisi toimia!

      Poista
  21. Juu sainkin ongelman ratkastua. Kiitti!

    VastaaPoista
  22. Eikä, mä oon ihan toivoton! Taas kysyn sulta...

    Mut siis miten saa gadgetin otsikoille varjot? Ois luullu lyötyvän netistä mutten löytäny :D...
    Ja sitten laitoin ton koodin jolla tulee varjostukset linkkeihin, eli onko jotain koodia jolla toi toimisi samaan aikaan gadget koodin kanssa?

    Toivottavasti tajusit :).

    http://pippurinenponi.blogspot.fi/

    VastaaPoista
    Vastaukset
    1. Ei se mitään, kiva vaan, että uskallat pyytää apua! :)
      Koitas tätä koodia:

      .sidebar h2{
      text-shadow: green -1px 5px 3px;
      }

      Voit muokata noita pikselilukuja mieleisesi mukaan niin kuin myös varjon väriä (yllä olevassa koodissa green eli vihreä).

      Poista
  23. Anteeksi, mulla on tässä pieni pulma.. joten aattelin kysyy sulta tätä ;) Elikkäs, miten sais sellasen animaatiobannerin laitettuu blogiin, kun mulla ei toimi se, että painan kohdasta "Verkosta" ja sit se pyytää liittää kuvan URL osoitteen alle, ja mä tein niinkuin siinä käsketään. Nimittäin latasin animaatiobannerin photobuckettiin ja sieltä koitin liittää URL osoitteen, mutta ei onnistu, osaatko jeesii?

    VastaaPoista
    Vastaukset
    1. Mooi! Kysyä saa aina :)
      Koitas näin:

      1. Mene blogisi mallin suunnittelutyökaluun, sieltä lisäasetuksista CSS:ään.
      2. Lisää sinne alla oleva koodi:
      .header{
      background: url(http://i827.photobucket.com/albums/zz200/BIOKILL_77/puke.gif) no-repeat;
      }

      url-härpäkkeen (- ja )-sulkeiden sisällä olevan osoitteen tilalle laitat sen gif-kuvan osoitteen, jonka haluat blogisi banneriin.

      Poista
  24. osaisitko auttaa seuraavan asian kanssa?

    Kun videon lisää postaukseen s on hirveän pieni. Tästä linkistä pääsee tarkoittamaani asiaan: http://anskunhevoselamaa.blogspot.fi/search?updated-max=2014-07-08T11:48:00-07:00

    miten saisin videon todella isoksi postaukseen?

    VastaaPoista
    Vastaukset
    1. Moikka! Eli kun olet Youtubessa ja klikannut kohtaa "Upota", valitse harmaasta palkista (jossa lukee yleensä 516 x 300 jotakin :D) oma koko. Sitten vain kirjoitat ensimmäiseen esim. 800 (kannattaa laittaa isompi kuin tuo 516, jos se on susta liian pieni), ja kopioit koodin. :)

      Poista
  25. Olisi kiva sellainen koodi, jonka avulla kuvia ei voisi kopioida blogin sivuilta. :)

    VastaaPoista
    Vastaukset
    1. Moikka Ano!
      Sellaisia kyllä on, mutta ikävä kyllä kuvia voi kopioida vaikka kyseinen koodi blogissa olisi. Tällä tarkoitan sitä, että näppäimistöllä voi ottaa aina tietokoneen ruudusta kuvan. Usein nämä "kuvien kopiointiestokoodit" nimittäin ovat erityisen ärsyttäviä.

      Harmi, ettei Bloggerin kommentointi hyväksy JavaScript-muotoista koodia, joten en sitä voi nyt tänne laittaa. Teenpä tosta kuvajutusta postauksen siis joku kerta!

      Poista
  26. Äh, lisää ongelmia:D Tosiaan, vaihdoin banneria, mutta tuo tausta jää valkoiseksi, vaikka bannerissa itsessään on puolet läpinäkyvää. Saako bannerin taustaa läpinäkyväksi jollakin koodilla, vai pitääkö vaihtaa kokonaan mallia?
    http://ganhwa.blogspot.fi/ <- tuolla näkyy, niin voi hahmottaa ongelmaa paremmin :)

    VastaaPoista
    Vastaukset
    1. Moikka! Lisääs nää koodit CSS:ään:

      .content-inner{
      background:transparent;
      }

      .main-inner{
      background:white;
      }

      .footer-outer{
      background:white;
      }

      Poista
  27. moikka! saisko jollain koodilla simple malliin tuon päivämäärän capslockilla kirjoitettuna? en haluais laittaa eri mallia tosiaan

    VastaaPoista
    Vastaukset
    1. Joo, saa. Lisää tää koodi mallin suunnittelutyökalun CSS:ään:

      .post-title{
      text-transform: uppercase;
      }

      Poista
  28. Hei sinä ihana viisas ihminen, osaisitko kertoa miten bannerilta saa marginaalit pois? Olen siis pienentänyt koko blogin marginaaleja, mutta haluaisin kuitenkin pitää itse tekstiosiossa ne marginaalit, mutta vain bannerista saada ne kokonaan pois. Kuten tässä blogissa. Osaisitko auttaa? :)

    VastaaPoista
    Vastaukset
    1. Moii! Kokeile lisätä nämä koodit mallin suunnittelutyökalun CSS-osioon:
      .content-inner{
      padding:0px;
      }

      .main-inner .column-center-inner .section {
      margin-left: 20px;
      }

      .sidebar{
      margin-left: -20px;
      }

      Noita lukuja voi kussakin koodissa muuttaa! :)

      Poista
  29. Hei osaatko kertoo miten saan kuvat ja tekstit alkamaan ja loppumaan samoihin kohtiin toistensa kanssa. Yritin säädellä kuvien leveyksiä, mutta se heitti kaiki vaan sekasin. Ite oon ihan toivotan kaikkien näitten koodien ym. kanssa joten olisin todella kiitollinen avusta. :)

    VastaaPoista
    Vastaukset
    1. Tuolta löytyy:)
      http://blogikoodeja.blogspot.fi/2015/01/tekstin-ja-kuvien-alkaminen-samasta.html

      Poista
  30. Moikka! Mä oon jo pitkään yrittänyt saada mun blogissa blogitekstin taustaa valkoiseksi, mutta en oo saanut. Oisko sulla mitään koodia tähän? Tässä vielä blogini. http://janettemaatta.blogspot.fi/

    VastaaPoista
    Vastaukset
    1. Heippa! Lisää tämä koodi mallin suunnittelutyökalun CSS:osaan:
      .post{
      background: white;
      }

      Poista
  31. Ois kiva saada sellainen vinkki, niinkuin otsikoiden alle koko sivun mitainen viiva, miten sellainen tehtäisii?

    VastaaPoista
    Vastaukset
    1. Tarkoitatko blogitekstin otsikkoa? Sen saa aikaan tällä koodilla:
      .post-title{
      border-bottom: black solid 1px;
      }

      Väriä (black) tyyliä (solid) ja paksuutta (1px) voi muuttaa :)!

      Poista
  32. Mun blogi rupes sekoilemaan ihan kunnolla, ja heitti yhtäkkiä kaikki oikealla olevat gadetit kaikkien blogitekstien alapuolelle pitkään jonoon. Muokkasin postauksia (muutin kuvien kokoa, latasin lisää kuvia flickristä, korjasin kirjoitusvirheitä yms..) eli en edes muokannut blogin mallia tai muuta vastaavaa, kun yhtäkkiä menin tsekkaamaan blogin ja oli tapahtunut tämä ihme juttu?! Oon koittanut nyt muokata leveyksiä, jospa syynä olisi se, ettei gadetit jotenkin "mahtuneet" enää sivuun, mutta en keksi mitään mikä auttais... Oon super kiitollinen jos yrität auttaa! :)

    http://www.venla-america.blogspot.fi/

    VastaaPoista
  33. Moikka! Sun blogi on ihan mahtava ja siitä on ollut tositosi paljon apua! Sellaista vielä kysyisin kun en oo mistään löytänyt että miten/millä koodilla postauksen otsikon fonttia voi muuttaa isommaksi? Kiitos paljon jo etukäteen!

    VastaaPoista
    Vastaukset
    1. Moi! Postauksen otsikon fonttia voi muuttaa isommaksi ihan mallin suunnittelutyökalussa lisäasetuksissa klikkaamalla kohtaa "Tekstin otsikko". :)

      Poista
  34. Noniin... Eiköhän gadetit palanneet kiltisti takasin omalle paikalleen, heti kun olin lähemmäs tunnin käyttänyt ongelman selvittämiseen ja kirjottanut tänne sulle avunpyynnön. Parempi kuitenkin näin haha. :)

    VastaaPoista
    Vastaukset
    1. Hieno juttu, että sait ongelman itse ratkaistuksi :)

      Poista
  35. Toivoisin, että voisit tehdä postauksen siitä, miten kuvien näkymistä voisi muuttaa. Tällä tarkoitan sitä, että kun selaat jotain blogia (yleensä ruotsalaisten/norjalaisten), latautuvat kuvat yksi kerrallaan alas mentäessä. Tai jos osaat auttaa pelkällä kommentti vastauksella niin olisi nopeampaaa !

    VastaaPoista
    Vastaukset
    1. Heips!
      Ikävä kyllä mä en tiedä, että tohon olisi mitään keinoa - yleensä kuvien hidas latautuminen johtuu huonosta/hitaasta nettiyhteydestä tai siitä, että sivulle ladatut kuvat ovat kooltaan todella isoja. Jos omassa blogissa haluaa välttää kyseistä ongelmaa, kannattaa kuvien kokoa muuttaa esim. Paintissa alle 1 000 pikseliin.

      Poista
  36. Miten saa silleen, että kuvat muuttuvat mustavalkoisiksi hiiren mennessä kohdalle? Entä sama bannerin kanssa?

    VastaaPoista
    Vastaukset
    1. Moi! Lisäämällä tän koodin CSS:ään:
      img:hover{
      filter: grayscale(100%);
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      filter: grayscale(100%);
      filter: gray;
      -webkit-filter: grayscale(1);
      }

      Poista
    2. Kiitos! Ja voiko sitä hidastaa jollain, koska tuossa tuo muuttuu heti mustavalkoiseksi ja minusta olisi hienomman näköinen, jos se muuttuisi pikkuhiljaa.

      Poista
    3. Heippa! Mä yritin oikein googlettaa, mutta kuten arvelinkin, ainakaan Firefoxissa ei toimi pikkuhiljaa mustavalkoiseksi muuttuvat, ns. liukuvärjäytyvät kuvat :( Voihan olla, että jollain koodilla (jota en vielä tiedä) saa efektin toimimaan myös Firefoxissa. Ilmoittelen sitten, jos törmään sellaiseen :D

      Poista
  37. Miten voisin saada blogin alareunassa lukevan 'Palvelun tarjoaa Blogger' tekstin pois ilman, että koko sivun tekstejä pitää laittaa läpinkäyväksi? :)

    VastaaPoista
    Vastaukset
    1. Moi Hinja!
      Lisääs tää koodi blogisi CSS:ään:
      #Attribution1{
      display:none;
      }

      Poista
  38. Moikka! Tämä koodi ei tehnyt linkkejä kursivoiduiksi, kun niiden päälle veti hiiren, vaan otsikkoon. En kuitenkaan halua kursivoitumisefektiä otsikkooni, vaan pelkästään linkkeihin. Miten sen saisi toimimaan? Blogini on tunteitasatulassa.blogspot.fi

    VastaaPoista
  39. Hei! Ihanaa että jaksat auttaa meitä ketkä kamppailee näiden kanssa. Mulla olis sellainen ongelma, että blogitekstin otsikko on muuten ok (oon saanut keskitettyä sekä oikean väriseksi), mutta kun hiiren vie sen päälle, se muuttuu valkoiseksi eli ''häviää'' kokonaan? Myös vanhemmat / uudemmat tekstit, kommentit ja sivussa olevat blogiarkiston tammikuu, helmikuu...kohdat herjaavat samaa. Ja jos olen painanut esim tammikuu - kohdasta, se muuttuu pysyvästi valkeaksi ja ''häviää'' näkyvistä. Olisin kiitollinen jos auttaisit!:)

    VastaaPoista
    Vastaukset
    1. Moikka! Kokeileppa näitä koodeja:
      a:visited {
      color:pink;
      }

      a:hover {
      color:pink;
      }


      colorin jälkeistä arvoa "pink" voi muuttaa haluamasi väriseksi :)

      Poista
  40. Hej, miten saisi some ikoneihin toisen värin kun vetää hiiren päälle? tai sivujen linkkeihin? Oon saanut "osoitusvärin" pelkästään otsikkoon ja kommentti kenttään.

    VastaaPoista

MUISTA LINKATA BLOGISI !! -> näin ongelman ratkominen / auttaminen osaltani onnistuu parhaalla mahdollisella tavalla! :-)