Sivu 1/3

Miten foorumin voi hieman kaventaa

Lähetetty: 14 Joulu 2007, 00:13
Kirjoittaja Mokkeli
Missä paikassa foorumin leveyttä voi kaventaa, taustaväriä muuttaa...siis kavennetun foorumin valkoista taustaväriä.

Vielä jos innostuu taustakuvan laittamaan, niin mihin se tällätään, jos vielä stattinen taustakuva niin mihin ja millä
komennoilla?

Kiitos avusta

Re: Miten foorumin voi hieman kaventaa

Lähetetty: 14 Joulu 2007, 08:36
Kirjoittaja zazu
A) Leveyttä voi muokata theme/common.css:ssä
B) Taustaväriä samassa paikassa
C) Kait taustakuvan saa normaalilla tagilisäyksellä tuohon overall_header.html:ssä olevan <body> -tagin sisään.

Jos jäi kysyttävää niin kysy.

Re: Miten foorumin voi hieman kaventaa

Lähetetty: 14 Joulu 2007, 13:07
Kirjoittaja Mokkeli
Kiitos neuvosta!

Osaatko sano mikä kohta common.css tiedostossa, siellä kun on kohtia tuhottoman paljon?

Miten esim 80% sinne lisätään tai muu mitta leveydelle? Mihin kohtaan?

Re: Miten foorumin voi hieman kaventaa

Lähetetty: 14 Joulu 2007, 15:10
Kirjoittaja Karjala
zazu kirjoitti: C) Kait taustakuvan saa normaalilla tagilisäyksellä tuohon overall_header.html:ssä olevan <body> -tagin sisään.
Tuo on taustakuva overall_header:iin, mutta mites, jos sitä taustakuvaa sovittaisi koko foorumin taustakuvaksi? Mitä silloin pitää muokata?

Re: Miten foorumin voi hieman kaventaa

Lähetetty: 14 Joulu 2007, 17:10
Kirjoittaja zazu
Karjala kirjoitti:
zazu kirjoitti: C) Kait taustakuvan saa normaalilla tagilisäyksellä tuohon overall_header.html:ssä olevan <body> -tagin sisään.
Tuo on taustakuva overall_header:iin, mutta mites, jos sitä taustakuvaa sovittaisi koko foorumin taustakuvaksi? Mitä silloin pitää muokata?
overall_headerista saa säädettyä jokaisella sivulla näkyvän taustakuvan. overall_header muuten näkyy jokaisella sivulla btw.

Re: Miten foorumin voi hieman kaventaa

Lähetetty: 14 Joulu 2007, 17:15
Kirjoittaja zazu
Lurttinen ennätti vastata paremmin

Re: Miten foorumin voi hieman kaventaa

Lähetetty: 14 Joulu 2007, 17:24
Kirjoittaja Lurttinen
Kavennus:

Avaa common.css

Etsi

Koodi: Valitse kaikki

#wrap {  
    padding: 0 20px;  
    min-width: 650px;  
}  
Korvaa tällä

Koodi: Valitse kaikki

 #wrap {  
    padding: 0 20px;  
    min-width: 650px;  
    width: 800px;  
   margin: 0 auto;  
}  
Sulje ja tallenna tiedosto

Avaa tweaks.css ja poista sieltä

Koodi: Valitse kaikki

* html #search-box {  
    margin-right: 35px;  
}  

Taustakuvan laitto koko foorumin taustaksi.
Avaa common.css
etsi (ihan heti alussa pitäs olla...)

Koodi: Valitse kaikki

body {
Lisää ennen "}"-merkkiä seuraavat rivit

Koodi: Valitse kaikki

	background-image: url("{T_THEME_PATH}/images/kuva.gif");
	background-repeat: no-repeat;
	background-position:  top center; 
	background-attachment: scroll
Tämä laittaa keskitetysti yläreunaan yhden kuvan, joka rullaa sivun mukana.
Eri CSS määrityksiä laittamalla tuon kuvan voi laittaa esimerkiksi kiinteäksi, jonkä "päällä" foorumi rullaa, kopioida useamman kerran saman, jne...
Hyvä paikka lukea lisätietoja http://www.w3schools.com/css/css_background.asp

Prosilver tyyli on CSS pohjainen tyyli, joten teeman muokkauksella pääsee jo pitkälle. Common.css, colour.css ja /imageset-hakemiston kuvia muokkaamalla saa jo paljon aikaiseksi.
Sitten vasta, jos pitää lisätä elementtejä tai poistaa "turhia", niin sitten vasta templaatin kimppuun.

Jos vaikka halutaan käyttää headerina erillistä kuvaa ja laskea foorumi alkamaan hieman alempaa sivua, niin lisää common.css tiedostoon #wrap kohtaan margin-top

Re: Miten foorumin voi hieman kaventaa

Lähetetty: 14 Joulu 2007, 18:04
Kirjoittaja Karjala
Btw. Thanks! :lol:

Mutta, missä on tuo common.css ? :lol: common.php:n löydän kyllä..

Re: Miten foorumin voi hieman kaventaa

Lähetetty: 14 Joulu 2007, 18:07
Kirjoittaja zazu
.../styles/prosilver/theme/common.css

Re: Miten foorumin voi hieman kaventaa

Lähetetty: 14 Joulu 2007, 18:11
Kirjoittaja Karjala
Kiitos! Tosin mulla on käytössä subsilver2 ja sen kansiosta ei löydy tuota.

Re: Miten foorumin voi hieman kaventaa

Lähetetty: 14 Joulu 2007, 18:58
Kirjoittaja zazu
Joku muu saa neuvoo siin, itse en ole tutustunut siihen rumaan tyyliin.

Re: Miten foorumin voi hieman kaventaa

Lähetetty: 14 Joulu 2007, 19:22
Kirjoittaja Karjala
Tähän kohtaan kuuluu se agressiivi :lol:

Ittu se mikään ruma ole! :mrgreen:

Re: Miten foorumin voi hieman kaventaa

Lähetetty: 15 Joulu 2007, 00:55
Kirjoittaja Mokkeli
Minulla lukee tweaks.css tiedostossa näin

Koodi: Valitse kaikki

* html #search-box {
	width: 25%;
}
Kohtaa jota neuvot ei löydy, mutta poistan tuon ylläolevan.

Kiitos avusta :)

Re: Miten foorumin voi hieman kaventaa

Lähetetty: 27 Helmi 2008, 20:04
Kirjoittaja jaantox
Lurttinen kirjoitti:Kavennus:

Avaa common.css

Etsi

Koodi: Valitse kaikki

#wrap {  
    padding: 0 20px;  
    min-width: 650px;  
}  
Korvaa tällä

Koodi: Valitse kaikki

 #wrap {  
    padding: 0 20px;  
    min-width: 650px;  
    width: 800px;  
   margin: 0 auto;  
}  
Sulje ja tallenna tiedosto

Avaa tweaks.css ja poista sieltä

Koodi: Valitse kaikki

* html #search-box {  
    margin-right: 35px;  
}  

Taustakuvan laitto koko foorumin taustaksi.
Avaa common.css
etsi (ihan heti alussa pitäs olla...)

Koodi: Valitse kaikki

body {
Lisää ennen "}"-merkkiä seuraavat rivit

Koodi: Valitse kaikki

	background-image: url("{T_THEME_PATH}/images/kuva.gif");
	background-repeat: no-repeat;
	background-position:  top center; 
	background-attachment: scroll
Tämä laittaa keskitetysti yläreunaan yhden kuvan, joka rullaa sivun mukana.
Eri CSS määrityksiä laittamalla tuon kuvan voi laittaa esimerkiksi kiinteäksi, jonkä "päällä" foorumi rullaa, kopioida useamman kerran saman, jne...
Hyvä paikka lukea lisätietoja http://www.w3schools.com/css/css_background.asp

Prosilver tyyli on CSS pohjainen tyyli, joten teeman muokkauksella pääsee jo pitkälle. Common.css, colour.css ja /imageset-hakemiston kuvia muokkaamalla saa jo paljon aikaiseksi.
Sitten vasta, jos pitää lisätä elementtejä tai poistaa "turhia", niin sitten vasta templaatin kimppuun.

Jos vaikka halutaan käyttää headerina erillistä kuvaa ja laskea foorumi alkamaan hieman alempaa sivua, niin lisää common.css tiedostoon #wrap kohtaan margin-top
Tein tämän mukaasti, ei tapahtunut mitään. Leveys on vielä samaa 100% :geek:

Re: Miten foorumin voi hieman kaventaa

Lähetetty: 27 Helmi 2008, 20:55
Kirjoittaja Lurttinen
Virkistä välimuistit tyylit-valikon alta.