Miten foorumin voi hieman kaventaa

Mokkeli · Viesti Kirjoittaja **Mokkeli** » 14 Joulu 2007, 00:13

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

zazu · Viesti Kirjoittaja **zazu** » 14 Joulu 2007, 08:36

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.

Mokkeli · Viesti Kirjoittaja **Mokkeli** » 14 Joulu 2007, 13:07

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?

Karjala · Viesti Kirjoittaja **Karjala** » 14 Joulu 2007, 15:10

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?

zazu · Viesti Kirjoittaja **zazu** » 14 Joulu 2007, 17:10

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.

zazu · Viesti Kirjoittaja **zazu** » 14 Joulu 2007, 17:15

Lurttinen ennätti vastata paremmin

Viesti Kirjoittaja **Lurttinen** » 14 Joulu 2007, 17:24

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

Karjala · Viesti Kirjoittaja **Karjala** » 14 Joulu 2007, 18:04

Btw. Thanks!

Mutta, missä on tuo common.css ?

common.php:n löydän kyllä..

zazu · Viesti Kirjoittaja **zazu** » 14 Joulu 2007, 18:07

.../styles/prosilver/theme/common.css

Karjala · Viesti Kirjoittaja **Karjala** » 14 Joulu 2007, 18:11

Kiitos! Tosin mulla on käytössä subsilver2 ja sen kansiosta ei löydy tuota.

zazu · Viesti Kirjoittaja **zazu** » 14 Joulu 2007, 18:58

Joku muu saa neuvoo siin, itse en ole tutustunut siihen rumaan tyyliin.

Karjala · Viesti Kirjoittaja **Karjala** » 14 Joulu 2007, 19:22

Tähän kohtaan kuuluu se agressiivi

Ittu se mikään ruma ole!

Mokkeli · Viesti Kirjoittaja **Mokkeli** » 15 Joulu 2007, 00:55

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

jaantox · Viesti Kirjoittaja **jaantox** » 27 Helmi 2008, 20:04

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%

Viesti Kirjoittaja **Lurttinen** » 27 Helmi 2008, 20:55

Virkistä välimuistit tyylit-valikon alta.

phpBB Suomi

Miten foorumin voi hieman kaventaa

Re: Miten foorumin voi hieman kaventaa

Re: Miten foorumin voi hieman kaventaa

Re: Miten foorumin voi hieman kaventaa

Re: Miten foorumin voi hieman kaventaa

Re: Miten foorumin voi hieman kaventaa

Re: Miten foorumin voi hieman kaventaa

Re: Miten foorumin voi hieman kaventaa

Re: Miten foorumin voi hieman kaventaa

Re: Miten foorumin voi hieman kaventaa

Re: Miten foorumin voi hieman kaventaa

Re: Miten foorumin voi hieman kaventaa

Re: Miten foorumin voi hieman kaventaa

Re: Miten foorumin voi hieman kaventaa

Re: Miten foorumin voi hieman kaventaa

Paikallaolijat