Simstarinoitsijoiden ja -bloggaajien sekä niistä kiinnostuneiden oma foorumi!
 
PääsivuPortaaliFAQHakuKäyttäjälistaRekisteröidyKirjaudu sisään

Jaa | 
 

 Blogger -koodiapua

Siirry alas 
KirjoittajaViesti
Vierailija
Vierailija



ViestiAihe: Blogger -koodiapua   Ke Huhti 15, 2015 1:20 pm

En oikein tiennyt, mihin tää topikki pitäisi pistää mutta eiköhän tämä ole oikea paikka Very Happy

Eli jakakaamme tässä topikissa tietoamme simsblogien ja simstarinablogien ulkoasukoodeihin liittyen! Saa myös kysyä kysymyksiä, että miten teet tuon tai tuon. Mä sain ehdotuksen simsblogiini, että jakaisin tietämystäni koodien parissa blogeissa, mutta pelkään liikaa että sitten niitä kysymyksiä alkaa tulla 10 päivässä ja kohta simsblogini on koodien puutarha Very Happy + En edes kai saa jaella muiden rakentamia koodeja omassa blogissani (viimeksikin joku tuli valittamaan siitä, tosin en tiedä halusiko se vain trollata mutta mutta). Ja sitä paitsi, millaisen koodiapublogin nimi on Jennin Simsnurkkaus? Very Happy

Voisin itse sanoa olevani aika hyvä koodeissa, olen tehnyt De Luca Trilogylle (Irvikissa) ja Sims With Me:lle (banssu) ulkoasun.

Neuvon tässä aloituksessa muutaman perusjutun, eli koodien sijoittaminen, koodien etsiminen ja blogitekstin ja päivämäärän keskittäminen:

Koodeja ei laiteta Bloggerissa mallin suunnittelutyökalun CSS -osaan, vaikka puhuisinkin jotain "laita tää koodisi CSS -osaan... syynä tähän on se, että mallin suunnittelutyökalussa ei välttämättä TOIMI kaikki koodit, osa voi jopa sekoittaa koko blogin. Koodit laitetaan HTML-koodiin, eli malli --> muokkaa HTML-koodia.

Koodeja etsitään painamalla CTRL+F / Cmd+F, kun olet ensin painanut HTML -koodista ensimmäisen nuolen auki (eli klikkaa nuolta).

Blogitekstin otsikon & päivämäärän + gadettien otsikon keskittäminen

BLOGITEKSTIN OTSIKKO:
Etsi koodi (painamalla CTRL + F /Cmd + F), ja kirjoita koodilaatikon yläreunaan tulevaan hakukenttään h3. Paina enteriä kerran, jotta pääset 2. hakutulokseen. Siinä pitäisi olla tämmöinen:

h3.post-title, .comments h4 {
 font: $(post.title.font);
 margin: .75em 0 0;
}

Opetan otsikon kustomointia lisää HTML -koodin kautta jos joku niin pyytää, mutta nyt tarvitsee vain lisätä tuon margin: .75em 0 0; alle, mutta yläpuolelle } -merkkiä määre text-align: center;

Esikatsele ja tallenna.

PÄIVÄMÄÄRÄ + GADGETTIEN OTSIKOT:
Etsi koodia h2 (se on taas se toinen hakutulos), koodin pitäisi ensin näyttää tältä:

h2 {
 margin: 0 0 1em 0;

Lisää taas noiden alle määre text-align: center;

Esikatsele ja tallenna, voilá! Very Happy
Takaisin alkuun Siirry alas
JulyEdith

avatar

Viestien lukumäärä : 79
Liittynyt : 16.02.2015
Ikä : 17
Paikkakunta : Turku

ViestiAihe: Vs: Blogger -koodiapua   La Toukokuu 30, 2015 8:43 pm

Jenni, apuaaa! Very Happy

Eli, mun ulkoasun "X kommenttia" kohdasta painaessa se näyttää kommentit (mindblowing) mutta myös sen "x kommenttia" sellasena mitä oon koodannu sen (?) joskus vuonna nakki. Mutta miks se sama keskitys ja fontti ei näy ennen kun painan siitä?

ennen:


ja linkistä painettaessa:


(^lisäksi tossa näkyy toi mitääntekemätön harmaa laatikko jossa on yleensä ne "kirjoittanut, kellonaika, jakonapit jne, saako sitä mitenkään pois? D:)

Kiitos jos viitit auttaa C:

_________________
Takaisin alkuun Siirry alas
Näytä käyttäjän tiedot http://simstarinoitani.blogspot.fi
Vierailija
Vierailija



ViestiAihe: Vs: Blogger -koodiapua   La Toukokuu 30, 2015 9:16 pm

Neuvon helpomman ensin; eli jakonapit ja sellaiset saat pois, kun meet ulkoasu (eli sinne josta voit lisätä widgettejä), ja painaa sitä isointa "blogitekstit"-laatikkoa, ja siellä otat ruksit pois noista kaikista joita et halua Very Happy Voit jättää vaikka pelkät kommentit jos haluat niin. Smile

Ja oletan, että oot koodannut vaan tuon toisen. Etkä varmaan ole myöskään erottanut kommentteja (h4) ja postauksen otsikkoa (h3) toisistaan? No, neuvon sen tässä samalla.

1. Mee muokkaamaan sun HTML-koodia.
2. Sun blogissa pitäisi olla koodi
   h3.post-title, .comments h4 {
3. Etsi mainittu koodi, ja erota koodi niin, että ne ovat kaksi eri koodia, tähän tapaan:

h3.post-title {
font-family: (fonttisi);
font-size: (fontin koko, esim 20px);
color: (fontin väri heksakoodina)
text-align: center;
}

.comments h4 {
color: (fontin väri englanniksi);
background-color: (jos et halua taustaväriä, kirjoita tähän "white" tai "transparent";
font-family: (fontin nimi);
font-size: (fontin koko prosentteina);
text-align: center;
}

(Ja siis sun tapauksessa fontin nimi on vissiin Courier New)

Ja sitten, neuvotaan se ENNEN kuin painat kommenttinappia:

1. Etsi koodistasi kohta post-footer, ja poista kaikki mitä sen ja seuraavan koodin välissä on (eli jos et ole sörkkinyt sitä, koodin alla on luultavasti tämä):

 margin: 20px -2px 0;
 padding: 5px 10px;

 color: $(post.footer.text.color);
 background-color: $(post.footer.background.color);
 border-bottom: 1px solid $(post.footer.border.color);

 line-height: 1.6;
 font-size: 90%;
}

2. Kun olet poistanut sen, lisää sama koodi mikä sulla on .comments h4-koodissa, ja jos haluat niin voit toki isontaa fonttia laittamalla prosenttilukua suuremmaksi Smile

Esikatsele ja tallenna, siinä se! Kysy jos ei onnistu/ohjeissa oli jotain epäselvyyttä, oon nimittäin aika väsynyt.
Takaisin alkuun Siirry alas
JulyEdith

avatar

Viestien lukumäärä : 79
Liittynyt : 16.02.2015
Ikä : 17
Paikkakunta : Turku

ViestiAihe: Vs: Blogger -koodiapua   Ke Kesä 03, 2015 5:59 pm

Siis tarkoitat varmaan tätä paikkaa tolla html-koodilla, jos oikein tajusin?



mitään noista sun neuvomista koodijutuista ei löydy :l ei löydy tota h3 post title juttua, eikä post footeria. O:

_________________
Takaisin alkuun Siirry alas
Näytä käyttäjän tiedot http://simstarinoitani.blogspot.fi
Arya
Admin
Admin
avatar

Viestien lukumäärä : 408
Liittynyt : 05.02.2015
Ikä : 20
Paikkakunta : Joensuu

ViestiAihe: Vs: Blogger -koodiapua   Ke Kesä 03, 2015 6:01 pm

July ootko klikannut ne ... tai >> tms auki?

//Ei näyttänyt heti kuvaa, mutta klikkaa nuo siniset ... auki.

_________________
Takaisin alkuun Siirry alas
Näytä käyttäjän tiedot http://valhetotuudesta.blogspot.com
Sponsored content




ViestiAihe: Vs: Blogger -koodiapua   

Takaisin alkuun Siirry alas
 
Blogger -koodiapua
Takaisin alkuun 
Sivu 1 / 1

Oikeudet tällä foorumilla:Et voi vastata viesteihin tässä foorumissa
SIMSTA :: Simskeskustelu :: Läheltä liippaavat-
Siirry: