Backgound image on every page

Posted in : BookCard
gioxsi
Participant
4 April 2013 at 19:22
#4997

Hi, I’d like to personalize every internal page, with 3 differtent background (336px x 505px)

I’ve changed cover and retro page, but actually there’s only a background in common for the internals.

Many thanks
Mehmet S.
Keymaster
5 April 2013 at 01:20
#5016
Catch every internal page with its id in CSS.
```
#resume { background-image: url( "put-your-image-url-here" ); }

#portfolio { background-image: url( "put-your-image-url-here" ); }

#contact { background-image: url( "put-your-image-url-here" ); }
```
gioxsi
Participant
5 April 2013 at 08:50
#5028

Done, but the portfolio background can’t be changed this way, but with .rm-wrapper > div > div { background: #eee url(../../../chosenbackground.png) 0 0; }

Now, I’d like to create a brochure effect, so the 3 images have to be fixed dimensions; it’s possible to set the same width and height, for all the pages, without resizing?

Example: cover 336×505, resume 336×505…

Thanks

Mehmet S.
Keymaster
5 April 2013 at 12:37
#5031

Try background-size property.

gioxsi
Participant
5 April 2013 at 13:15
#5034

Sorry for my bad english, with background-size you set the dimension of the image on background, but I want to freeze the dimension of all the bookcard (336 x 505 the cover, 1080 x 505 the open bookcard), so the 3 internal images could create a brochure effect.

Alternatively, resize the height and the width proportionally; this way the template can be used as a paper card.

Thanks.

gioxsi
Participant
5 April 2013 at 13:18
#5035

Cropping a large image in 3 parts, I’d use it to create the 3 internal backgrounds.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item

BookCard - 3D Folded vCard HTML Template

by pixelwars