tag:blogger.com,1999:blog-2736493711121082622.post7076379894471733988..comments2023-06-13T14:51:55.394+03:00Comments on Blogikoodeja: Kehystäminen / borderit halutuille kohteille Ilonahttp://www.blogger.com/profile/11155752030431972752noreply@blogger.comBlogger55125tag:blogger.com,1999:blog-2736493711121082622.post-53235932960990273142018-08-06T19:34:22.693+03:002018-08-06T19:34:22.693+03:00ei toimi mullakaanei toimi mullakaanAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-55009251918171203722017-03-07T18:48:11.964+02:002017-03-07T18:48:11.964+02:00Nää ei jostain syystä toimi mulla, onko mahollista...Nää ei jostain syystä toimi mulla, onko mahollista että teen jotain väärin? :DJennihttps://www.blogger.com/profile/11286398585821847695noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-23317646118451829972016-03-07T14:54:04.381+02:002016-03-07T14:54:04.381+02:00Heippa! Olisiko sulla tietoa, miten mä saisin kehy...Heippa! Olisiko sulla tietoa, miten mä saisin kehystettyä gadgetien otsikot? Tarkoitan; http://nerojakaisla.blogspot.fi/ löytyy tästä blogista. Tästä sun blogista kun on ollut niin paljon apua, että ajattelin kysyä ;DAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-24015732050381826832016-03-03T14:37:51.850+02:002016-03-03T14:37:51.850+02:00Heips, Pystyisiköhän postauksen kuvien kuvatekstiä...Heips, Pystyisiköhän postauksen kuvien kuvatekstiä jotenkin ns. kehystämään tai saamaan edes saman levyiseksi kuvan kanssa? Ärsyttää, kun teksti jatkuu kuvan yli ja on tavallaan irrallaan. Haluaisin sen selkeämmin kuvan yhteyteen. Blogi: http://suolastajamakeaa.blogspot.fiMiransahttps://www.blogger.com/profile/12400335288258308277noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-3458419113486518882016-03-03T13:23:46.223+02:002016-03-03T13:23:46.223+02:00Heipä hei! Lueskelin kaikki kommentit läpi, mutta ...Heipä hei! Lueskelin kaikki kommentit läpi, mutta en löytänyt vastausta tähän, että voiko blogiteksin kehystää? Eli omassa blogissani tekstillä on taustaväri, niin voisiko sen vielä kehystää? :D Jos nyt tajusit.<br /><br />serotoniinia.blogspot.fiSerotoniiniahttps://www.blogger.com/profile/02147947715421249157noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-17694016941317934422016-01-14T13:30:32.987+02:002016-01-14T13:30:32.987+02:00Hei! Pystyykö CSS koodilla rajaamaan laatikkoon yk...Hei! Pystyykö CSS koodilla rajaamaan laatikkoon yksittäisiä gadgetia? Esimerkiksi DIY Stories esittelyteksti heti kuvan alla blogissani www.thediystories.blogspot.comPaulina//DIY Storieshttps://www.blogger.com/profile/01956457658186696378noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-43058954038797109272015-11-29T18:17:28.737+02:002015-11-29T18:17:28.737+02:00Moi Jenny! Tässä sulle koodi siihen:
.post-footer ...Moi Jenny! Tässä sulle koodi siihen:<br />.post-footer {<br />border: solid 1px black;<br />padding: 13px;<br />} Ilonahttps://www.blogger.com/profile/11155752030431972752noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-2065646877179808832015-11-27T21:23:37.124+02:002015-11-27T21:23:37.124+02:00Moi!
Mäkin aattelin tulla tänne vanhaan postauksee...Moi!<br />Mäkin aattelin tulla tänne vanhaan postaukseen vielä kysymään että miten tuon kohdan (missä nyt sulla ainakin lukee tuo lähettänyt Ilona ja tunnisteet ) saisi kehystettyä? <br />Kiitos ihan hirmuna jos vastaat (:Jennynoreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-68357703418041250022015-11-11T17:46:11.102+02:002015-11-11T17:46:11.102+02:00Moi1 :)
1. Lisää haluamaasi kehyskoodiin tämä riv...Moi1 :)<br /><br />1. Lisää haluamaasi kehyskoodiin tämä rivi:<br />padding: 10px;<br />kohtaa 10px voi muuttaa :)<br /><br />2. Gadgettien otsikoille taustaväri: <br />.sidebar h2{<br />background: lightgrey;<br />padding: 8px;<br />}<br /><br />3. Viivan saat pois menemällä vain mallin suunnittelutyökaluun -> lisäasetukset -> aksentit ja muuta väri transparentiksi :)<br /><br />Kiitos paljon, Henna!Ilonahttps://www.blogger.com/profile/11155752030431972752noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-26254414186525678772015-11-09T22:55:33.981+02:002015-11-09T22:55:33.981+02:00Yritin yritin ja yritin :D Haluan kehykset sivupal...Yritin yritin ja yritin :D Haluan kehykset sivupalkille. Onnistuin. Mutta ne tulee aivan kiinni tekstiin. Miten saisin niihin vähän väliä niinkuin esim tässä blogissa: http://nellinadjaelisa.blogspot.fi <br />Ja toinen kysymys mihin en löytänyt vastausta, kuinka saan nuo Gadgettien otsikkojen taustat tuommoisiksi (juurikin kuin tuossa linkkaamassani blogissa esimerkiksi? <br />Ja vielä viiminen kysymys, kuinka sitten saan tuon mustan viivan blogini sivupalkin ja itse tekstin väliltä pois jos tuohon muutokseen päädyn :D <br /><br />Tässä blogini linkki http://hennankengissa.blogspot.fi<br /><br />Kiitos paljon vastauksestasi ja ennenkaikkea huipusta blogistasi! <3HENNAhttps://www.blogger.com/profile/14073720353835370204noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-77297416491722154662015-06-09T19:49:10.569+03:002015-06-09T19:49:10.569+03:00Moi! Ei se haittaa, vaikka vanhaan postaukseen kom...Moi! Ei se haittaa, vaikka vanhaan postaukseen kommentoitkin :) Hyvä, että liittyy postauksen aiheeseen!<br />Mutta siis toimiiko sulla mikään CSS-boksiin laittamasi koodi? Kokeilin tuota gadget-koodia äsken, josko koodi olisi vanhentunut mutta eipä ole - mulla toimee moitteettomasti. Mikähän malli sun blogissasi on? Saattaisiko se sotkea?Ilonahttps://www.blogger.com/profile/11155752030431972752noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-16840583308034649522015-06-03T13:58:19.262+03:002015-06-03T13:58:19.262+03:00Moikka! Vähän vanhaan postaukseen nyt kommentoin, ...Moikka! Vähän vanhaan postaukseen nyt kommentoin, mutta kun liitin tuon laittamasi goodin (gadgetin otsikon alle viiva) blogini CSS:sään. Niin viivaa ei silti tullut blogiini:-( Mikä mätää?Anonymoushttps://www.blogger.com/profile/15635234505701330588noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-40292485685754179422015-04-03T21:05:43.580+03:002015-04-03T21:05:43.580+03:00Moikka! Tämän koodin kehysten väriä ja kokoa muokk...Moikka! Tämän koodin kehysten väriä ja kokoa muokkaamalla pääset varmasti pyytämääsi lopputulokseen:<br /><br />.sidebar h2{<br />border-top: solid black 1px;<br />border-bottom: solid black 1px;<br />padding: 5px;<br />}Ilonahttps://www.blogger.com/profile/11155752030431972752noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-18828184500983713442015-03-05T18:00:04.161+02:002015-03-05T18:00:04.161+02:00heippa! miten saisi noiden gadgetien ts. sivupalki...heippa! miten saisi noiden gadgetien ts. sivupalkin otsikoiden ylä ja alapuolelle viivat? siis niin, ettei ne tule postauksen otsikkoon.. sain viivat alapuolelle ja yritin kikkailla itse koodia tuohon yläpuolen juttuunkin, mutta ei se onnistu..? :( Eli siis tässä mun blogi: http://allthelittleroyals.blogspot.fi/ ja tällaiset "kehykset" haluaisin sivupalkin gadgetien otsikoille: http://jonnamaista.com/Pauliina A.https://www.blogger.com/profile/03770037481695379879noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-78463574234154292352015-02-07T12:43:40.641+02:002015-02-07T12:43:40.641+02:00Moi :)! Joo, tässä:
.sidebar h2{
border: dashed #c...Moi :)! Joo, tässä:<br />.sidebar h2{<br />border: dashed #c9c9c9 2px;<br />}<br />Ja noita borderin arvoja sitten vain muokkailet mieleiseksesi tämän postauksen ohjeiden mukaan :)Ilonahttps://www.blogger.com/profile/11155752030431972752noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-42956959450404233162015-02-03T13:36:12.947+02:002015-02-03T13:36:12.947+02:00Heippa! Osaisitk selittää koodin jolla saa tollase...Heippa! Osaisitk selittää koodin jolla saa tollaset reunukset ainoastaan gadgetien otsikoille? :--)Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-85765111237345970372015-02-02T16:02:52.362+02:002015-02-02T16:02:52.362+02:00Moi! Joo, tää ohje ei tosiaan enää toimi. Voin yri...Moi! Joo, tää ohje ei tosiaan enää toimi. Voin yrittää jossain vaiheessa tehdä uuden ohjeen, mutta siihen menee vielä aikaa. Ensiavuksi löysin sulle netistä tän;<br />http://kehvelijehnakas.blogspot.fi/2014/12/valkoinen-youtube-palkki-bloggeriin.htmlIlonahttps://www.blogger.com/profile/11155752030431972752noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-50172273415265737642015-01-28T20:23:56.866+02:002015-01-28T20:23:56.866+02:00Edelleenkään toi ohje ei enään toimi. Kaipaan uutt...Edelleenkään toi ohje ei enään toimi. Kaipaan uutta ohjetta valkoisen youtube palkin tekoon!wenlamariahttps://www.blogger.com/profile/14671234889515159493noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-50684113831497171582015-01-24T21:30:15.559+02:002015-01-24T21:30:15.559+02:00Mmmm... se keskityskoodi jotenkin torpeedoi tota k...Mmmm... se keskityskoodi jotenkin torpeedoi tota kehystämismahdollisuutta, en tiedä, miksi :/ Yritin itsekin, muttei mullakaan onnistunut. No, mä koitan kehitellä jossain vaiheessa (kun mulla aikaa on, ehkä hiihtolomalla?) toimivaa koodia tohon! :)Ilonahttps://www.blogger.com/profile/11155752030431972752noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-6952246394463733582015-01-24T21:28:06.066+02:002015-01-24T21:28:06.066+02:00Moooi! Postauksen ja otsikon väliä saa pienennetty...Moooi! Postauksen ja otsikon väliä saa pienennettyä tällä koodilla (malli->mukauta->lisäasetukset->lisää css:ään alla oleva koodi):<br />.post-body{<br />margin-top: -10px;<br />}<br />Muutat tuota lukua -10 haluamaksesi :)<br /><br />Bannerin saa näkymään mobiiliversiossa tällä koodilla (lisää CSS:ään niin kuin äskeinenkin koodi):<br />.mobile .header-outer{<br />display:block;<br />}<br /><br />Tuosta bannerin näkymisestä kännykän mobiiliversiossa voisin toteutella postausta - olisi varmaan hyödyllinen monelle :DIlonahttps://www.blogger.com/profile/11155752030431972752noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-24188521674695315362015-01-24T21:18:57.195+02:002015-01-24T21:18:57.195+02:00Kiitti Linda :-)! Tarkoitat varmaan marginaaleja? ...Kiitti Linda :-)! Tarkoitat varmaan marginaaleja? Niistä löytyy postausta täältä:<br />http://blogikoodeja.blogspot.fi/2014/12/kehystaminen-gadgetit-alatunniste-jne.htmlIlonahttps://www.blogger.com/profile/11155752030431972752noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-40154333496484953692015-01-24T21:17:01.217+02:002015-01-24T21:17:01.217+02:00Ok, hyvä, ja kiitos :-)Ok, hyvä, ja kiitos :-)Ilonahttps://www.blogger.com/profile/11155752030431972752noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-40170272279004185772015-01-24T21:16:32.084+02:002015-01-24T21:16:32.084+02:00Ok, hyvä :-)Ok, hyvä :-)Ilonahttps://www.blogger.com/profile/11155752030431972752noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-7056751166926299232015-01-24T21:08:52.974+02:002015-01-24T21:08:52.974+02:00Heipsun!
1. Mulla on hiihtolomalla (tai jo koevii...Heipsun!<br /><br />1. Mulla on hiihtolomalla (tai jo koeviikon päätyttyä ensi vklp) ohjepostaus, jossa on ohjeet siihen, miten saadaan sivut bannerin yläpuolelle. En koskaan neuvo tismalleen samanlaisia kuin esimerkkiblogeissa, sillä se on mun mielestä jotenkin väärin. Samantyylistä voin kuitenkin tehdä :) Juttu on aika monimutkainen, siksi en lähde selittämään sitä nyt. <br /><br />2. Tällä koodilla saat viivat gadgetien väliin:<br />.sidebar .widget{<br />border-bottom: solid 1px #A8C7E7;<br />}<br /><br />1px tarkoittaa viivan paksuutta, solid viivan tyyliä ja #-merkin jälkeinen värikoodi väriä, joita löytyy tästä linkistä: http://html-color-codes.info/ Noita voi jokaista muuttaa.<br /><br />Postausten väliin viivat saa tällä koodilla:<br /><br />.post-body{<br />border-bottom: solid 1px #A8C7E7;<br />}<br /><br />Tässäkin sama periaate kuin tuossa aiemmassa koodissa :)<br /><br />Laitan tän kommentin sulle sekä sähköpostiin että jätän tän tähän näkyviin, jos tästä olis myös muille apua. Ilonahttps://www.blogger.com/profile/11155752030431972752noreply@blogger.comtag:blogger.com,1999:blog-2736493711121082622.post-11436965289111461942015-01-24T21:00:37.303+02:002015-01-24T21:00:37.303+02:00Ei se mitään, kantsii aina kysyä, jos joku asia as...Ei se mitään, kantsii aina kysyä, jos joku asia askarruttaa :)! Tässä ei nyt oo mitään transition-efektiä, mutta hover-efekti (=hiiren vie päälle, jotain tapahtuu) on, vähän töksö sellainen :D Malli -> Mukauta -> Lisäasetukset -> Lisää CSS:ään alla oleva koodi:<br />h3.post-title a:hover{<br />color: #000000;<br />text-decoration: overline;<br />width: auto;<br />}<br /><br />Kun mulla on enemmän aikaa, kehittelen vähän hienomman version :)Ilonahttps://www.blogger.com/profile/11155752030431972752noreply@blogger.com