pHpFusion Nederlands (BE|NL) » Ondersteuning, Themas, Infusies, Modificaties en Installatie

Posted by Tommy on 26 februari 2012, 13:05

Quote

vince schreef:

achtergrond afbeelding verkleind en linkertekst in afbeelding aangepast.
achtergrond laad nu stuk sneller.
ben nu aan het kijken of ik op de 1 of andere manier een transparante kleur kan maken voor mijn menu's,want ik vind het niet zo mooi als het een solid kleur is.

Nee maar dat was ik ook al aan gaf he, transparant is goed, zolang er maar een achtergrond in de panelen zit.

Je moet juist zorgen dat je met een transparante kleur werkt, omdat je anders weer niks meer ziet van je achtergrond, en dat zou dan ook weer zonde zijn natuurlijk.

Posted by vince on 26 februari 2012, 13:22

wat is eigenlijk de aanbevolen maximale grootte voor een bg.png
de mijne is nu 163kB

eventuele tips om laadtijd te versnellen zijn welkom

heb ook even de afbeelding aangepast zodat bij de meeste resoluties de afbeelding maximaal is.
kwam op de laptop van vriendin niet mooi uit.

Edited by vince on 01 januari 1970, 01:00

Posted by vince on 26 februari 2012, 14:13

ik heb nu het volgende probleem.
als ik opacity toevoeg,dan wordt de tekst ook transparant.
hoe kan ik dit voorkomen.
regels die ik gebruik:

Code

.side-border-left {

   color : #FFF;

        filter:alpha(opacity=25);

        -moz-opacity:.25;

        opacity:.25;

   background-image: url(images/side_left.jpg);

   background-repeat: repeat-y;

   border:1px #dddddd solid;

   padding : 10px 5px 10px 10px;

   width: 175px;

}

achtergrond van linkerpaneel wordt mooi doorzichtig,maar de tekst dus ook

Edited by vince on 01 januari 1970, 01:00

Posted by Tommy on 26 februari 2012, 14:16

Als je afbeelding nu 163kb is, dan is dat voor een achtergrond afbeelding nog helemaal niet zo slecht.
Je moet natuurlijk zo zien, hoe meer je de grootte van je afbeelding nog gaat verkleinen, hoe slechter de afbeelding in kwaliteit wordt.

163kb is overigens al niet slecht hoor.

Posted by Tommy on 26 februari 2012, 14:17

Quote

vince schreef:

ik heb nu het volgende probleem.
als ik opacity toevoeg,dan wordt de tekst ook transparant.
hoe kan ik dit voorkomen.
regels die ik gebruik:

Code

.side-border-left {

   color : #FFF;

        filter:alpha(opacity=25);

        -moz-opacity:.25;

        opacity:.25;

   background-image: url(images/side_left.jpg);

   background-repeat: repeat-y;

   border:1px #dddddd solid;

   padding : 10px 5px 10px 10px;

   width: 175px;

}

achtergrond van linkerpaneel wordt mooi doorzichtig,maar de tekst dus ook

Doorzichtige achtergrond afbeelding gebruiken wellicht?
Dit doe ik ook altijd, en dat werkt goed.
Dan is je tekst nooit doorzichtig.

Posted by vince on 26 februari 2012, 14:29

haha idd, niet aan gedacht.
afbeelding wordt nu wel wat groter,maar die probeer ik dan maar wat te schalen.
thx vriend

Posted by Tommy on 26 februari 2012, 14:33

Quote

vince schreef:

haha idd, niet aan gedacht.
afbeelding wordt nu wel wat groter,maar die probeer ik dan maar wat te schalen.
thx vriend

Ik bedoel dus eigenlijk een doorzichtige achtergrond afbeelding voor je panelen he.
Niet de afbeelding van je achtergrond, die gewoon laten staan zoals die is.

Probeer eens een achtergrond afbeelding te definiëren voor je panelen, en daar maak je dan een afbeelding met ocapacity effect van.
Niet vergeten op te slaan als png file, en ook naar deze file in je css te verwijzen.

Afbeelding hoef ook helemaal niet groot te zijn, 5 x 5 px zou al voldoende zijn, je site plakt deze toch over de hele achtergrond verdeeld uit.

Posted by vince on 26 februari 2012, 16:47

nou, ben benieuwd wat je ervan vind.
heb ervoor gekozen om het minimalistisch te houden.
kan eventueel nog wat donkerder,maar ben zelf tevreden zo

Posted by Tommy on 26 februari 2012, 23:22

Quote

vince schreef:

nou, ben benieuwd wat je ervan vind.
heb ervoor gekozen om het minimalistisch te houden.
kan eventueel nog wat donkerder,maar ben zelf tevreden zo

Nee is veel beter zo, net dat beetje achtergrond verduistering is genoeg om de tekst beter leesbaar te maken.
Zou er niks meer aan doen, is echt zo veel beter zo.