Achtergrond tegen kant aanschuiven.

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Forumregels

LEES: Richtlijnen voor Support. Vul de support template in!
phpBB3.0.x
Verschaf iemand geen servertoegang tenzij het niet anders kan. Maak altijd eerst een volledige backup en verander de inloggevens na afloop. Eigen risico.
Plaats reactie
rowlingwithkelly
Berichten: 1
Lid geworden op: 10 aug 2012, 17:34

Achtergrond tegen kant aanschuiven.

Bericht door rowlingwithkelly » 10 aug 2012, 17:44

http://www.rowlingwithkelly.byethost10.com

Versie: 3.0.10


Ik wil graag dat de achtergrond met de blauwe gradient lijnen (zowel rechts als links) tegen het midden stuk aankomen.. Ik zou het erg waarderen als iemand mij zou kunnen helpen. Ik ben pas begonnen met een forum starten maar ik weet werkelijk waar niets over het in elkaar zetten of bewerken van een lay-out.
Laatst gewijzigd door Pola op 11 aug 2012, 00:05, 1 keer totaal gewijzigd.
Reden: Verplaatst van Support naar Stijlen

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: Achtergrond tegen kant aanschuiven.

Bericht door Theriddler » 13 sep 2012, 22:57

open styles/xandblue/theme/stylesheet.css

zoek:

Code: Selecteer alles

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #444444;
	background-image: url("./images/kellybackground2.png");
	background-repeat: repeat-x;
	background-color: #656565;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
}
vervang met:

Code: Selecteer alles

body {
    background-color: #656565;
    background-image: url("./images/kellybackground2.png");
    background-repeat: no-repeat;
    color: #444444;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 62.5%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    background-position: center top;
    background-color: transparent;
    background-clip: border-box;
    background-origin: padding-box;
    background-attachment: fixed;
}
zoek:

Code: Selecteer alles

#wrapcentre, #wrapheader, #wrapfooter {
   padding: 0 20px;
   width: 978px;
   min-width: 978px;
   margin: 0 auto;
   background-color: #FFFFFF;
}
vervang met:

Code: Selecteer alles

#wrapcentre, #wrapheader, #wrapfooter {
    background-color: #FFFFFF;
    margin-bottom: -11px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
    min-width: 650px;
    padding-bottom: 0;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0;
    width: 1044px;
}
het zal nog niet helemaal perfect zijn maar komt in de buurt

Plaats reactie