Ilmainen responsiivinen Shape5:n Vertex

  • Antti
  • Antti hahmo Aiheen kirjoittaja
  • Poissa
  • Tulokas
  • Tulokas
Lisää
13.03.2013 15:39 - 13.03.2013 15:39 #4801 : Antti
Antti loi aiheen: Ilmainen responsiivinen Shape5:n Vertex
Nappasin käyttööni Shape5:n tekemän ilmaisen Vertex templaten (tattista vinkistä jkwebdesign).

Kyseisessä templatessa on todella laajat sisään rakennetut säätömahdollisudet, googlen fontit ja paljon muuta kivaa. Hallintapaneeli on todella laaja, mutta ei mitenkään mahdoton tutustua. Lisäksi mukana tulee tyhjä custom.css tiedosto, johon voi naputella omat säädöt ilman että muihin tiedostoihin tarvitsee koskea. Näppärää varsinkin päivitystä ajatellen :)

Yksi pieni ongelma kyseisen sivupohjan kanssa kuitenkin on. En ole onnistunut muuttamaan fontin oletuskokoa niin, että sivupohjassa mukana oleva javascriptillä toteutettu fontin koon muuttaminen toimisi. Fontin koon määritteleminen custon.css:ään kyllä toimii, mutta sen jälkeen fontin koon muuttaminen sivuston puolella ei enää toimi. Firebug näyttää html riville 382 kooodattua element.style kohtaa, mutta eipä löydy ainakaan index.php:stä. js -kansiossa on selkeästi nimetty s5_font_adjuster, mutta eipä sielläkään fontin oletuskokoa löytänyt :unsure:

Muutoin voi sanoa, että kyseessä on hyvä vaihtoehto. Sain templatesta oman näköisen alle 200 rivillä CSS:ää, siinä kun tyhjään joutuu helposti naputtelemaan lähemmäs tuhat :)

Admata nimimerkillä tuli joskus vanhalle Joomlaportalille kommentoitua.
Last Edit: 13.03.2013 15:39 : Antti.

Kirjaudu tai Rekisteröidy liittyäksesi keskusteluun.

  • sarvinen
  • sarvinen hahmo
  • Vieras
  • Vieras
19.03.2013 17:12 - 19.03.2013 17:40 #4820 : sarvinen
sarvinen vastasi aiheeseen: Ilmainen responsiivinen Shape5:n Vertex
Kiitos! ;) Erittäin hyvä template, runsailla säätömahdollisuuksilla. Tuohon ongelmaasi en osaa mitään sanoa. Omana ongelmanani on, että kun asetan haku moduulin, sille asetetulle paikalle tuonne ylös, ei se oikein tahdo siitä näkyä.

Saakohan tuota "shape" logoa ottaa pois? -jos saa, niin mistä se otetaan pois?
Last Edit: 19.03.2013 17:40 : sarvinen.

Kirjaudu tai Rekisteröidy liittyäksesi keskusteluun.

Lisää
19.03.2013 21:44 - 19.03.2013 21:50 #4821 : jkwebdesign
jkwebdesign vastasi aiheeseen: Ilmainen responsiivinen Shape5:n Vertex
Jos muistan oikein niin fonttikoko määritellään sivupohjan asetuksissa taustahallinnassa. Fontithan pitää antaa css:ään prosentteina jotta koon muutos onnistuu. Minulla tuo ainaskin toimii hyvin.

Shape logon saa poistaa (tai näin olen ymmärtänyt. Footer tekstit löytyy footer.php tiedostosta (en pääse tarkastamaan nyt, mutta näin muistelisin ja tuossa topicissakin kerrotaan, tuskin muuttunut vaikka onkin vanha aihe). Lähde: www.shape5.com/component/option,com_smf/Itemid,75/topic,11562.0/

Miten haku ei oikein näy?

Asiakaslähtöisesti suunniteltuja internet- sekä graafisia palveluita: www.sutjakka.fi
Last Edit: 19.03.2013 21:50 : jkwebdesign.

Kirjaudu tai Rekisteröidy liittyäksesi keskusteluun.

Lisää
20.03.2013 12:17 - 20.03.2013 12:19 #4823 : jkwebdesign
jkwebdesign vastasi aiheeseen: Ilmainen responsiivinen Shape5:n Vertex
Tarkennus vielä, eli tuo shape5 logo löytyy index.php tiedostosta ihan alhaalta.
<a title="shape5.com" href="http://www.shape5.com" target="blank" id="s5_shape5_logo"></a>

Ja sen saa poistaa: www.shape5.com/component/option,com_smf/Itemid,75/topic,27568.0/

Asiakaslähtöisesti suunniteltuja internet- sekä graafisia palveluita: www.sutjakka.fi
Last Edit: 20.03.2013 12:19 : jkwebdesign. Syy: Täydennys

Kirjaudu tai Rekisteröidy liittyäksesi keskusteluun.

  • sarvinen
  • sarvinen hahmo
  • Vieras
  • Vieras
20.03.2013 20:44 #4834 : sarvinen
sarvinen vastasi aiheeseen: Ilmainen responsiivinen Shape5:n Vertex
Shape logon sain poistettua helposti.
Haun näkymättömyydellä tarkoitin sitä, että hakua on vaikea erottaa tuosta tummasta pohjasta. En usko että edes huomaisin sitä mikäli en tietäisi sen olevan siinä. Esimerkin tästä haun näkymättömyydestä näet kyseisen templaten demo sivulla.

Kirjaudu tai Rekisteröidy liittyäksesi keskusteluun.

Lisää
20.03.2013 21:15 #4835 : jkwebdesign
jkwebdesign vastasi aiheeseen: Ilmainen responsiivinen Shape5:n Vertex
Tuota väritystä voi muuttaa template.css tiedostosta (/templates/shape5_vertex/css/template.css) riviltä 481, esimerkiksi seuraavalla tavalla, jolloin haun tausta on valkoinen ja siinä on musta teksti:
#s5_search input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 18px 2px rgba(0, 0, 0, 0.5) inset;
    color: #000000;
    font-size: 0.8em;
    margin-right: 22px;
    margin-top: 12px;
    padding: 8px 14px;
    width: 140px;
}

Asiakaslähtöisesti suunniteltuja internet- sekä graafisia palveluita: www.sutjakka.fi

Kirjaudu tai Rekisteröidy liittyäksesi keskusteluun.

  • sarvinen
  • sarvinen hahmo
  • Vieras
  • Vieras
30.03.2013 20:02 #4869 : sarvinen
sarvinen vastasi aiheeseen: Ilmainen responsiivinen Shape5:n Vertex
Kiitos, sain ohjeellasi haun näkymään. Paria asiaa haluaisin muuttaa. Moduulien taustaväriä tummemmaksi. Taustan sain vaihdettua, mutta moduulien taustan säätömahdollisuutta en löytänyt.

Lisäksi haluaisin poistaa footter moduulin kokonaan käytöstä, liekkö mahdollista?

On kyllä mahtava template! Isoin yllätys tuli kun avasin sivustoni puhelimella ;)

Kirjaudu tai Rekisteröidy liittyäksesi keskusteluun.

  • Antti
  • Antti hahmo Aiheen kirjoittaja
  • Poissa
  • Tulokas
  • Tulokas
Lisää
30.03.2013 23:49 - 30.03.2013 23:50 #4870 : Antti
Antti vastasi aiheeseen: Ilmainen responsiivinen Shape5:n Vertex

sarvinen kirjoitti: Taustan sain vaihdettua, mutta moduulien taustan säätömahdollisuutta en löytänyt.

Siihen ei taida olla kenttää sivupohjassa, mutta ylipäänsä tuossa sivupohjassa on hienoa se että siinä on mukana tyhjä custom.css

Kannattaa katsella firebugilla mitä haluaa muuttaa ja heittää muutokset sitten tuonne custom.css:ään. Esim tuo moduulien taustaväri:
.module_round_box {
    background:#tähän haluamasi hex värikoodi ;
}
Moduulien otsikko on sitten tehty CSS liukuvärjäyksellä:

.module_round_box .s5_mod_h3 {
background:-moz-linear-gradient(center top , #FFFFFF 0%, #F9F9F9 100%) repeat scroll 0 0 transparent;
}

Tuossa kohta #FFFFFF = valkoinen yläreuna ja #F9F9F9 = vähän tummempi alareuna. Muuta nuo haluamiksesi ja kopsaa custom.css tiedostoon.

Footer on sivupohjassa määritelty paikaksi, johon voi laittaa tilalle myös oman html-moduulin. Olen itse tehnyt niin. Nyt en varmuudella muista, että kommentoinko jotain pois sivupohjasta, mutta kannattaa katsella Joomlan moduulihallinnasta tuohon paikkaan kohdennettuja moduuleja ;)

Admata nimimerkillä tuli joskus vanhalle Joomlaportalille kommentoitua.
Last Edit: 30.03.2013 23:50 : Antti.
Seuraavat käyttäjät sanoivat kiitos: sarvinen

Kirjaudu tai Rekisteröidy liittyäksesi keskusteluun.

Valvojat: jkwebdesignGamossJiiKoo
Sivu luotiin ajassa: 0.120 sekuntia