Hov. Du er ikke logget ind.
DU SKAL VÆRE LOGGET IND, FOR AT INTERAGERE PÅ DENNE SIDE
Log Ind

Hjælp til wrapper/baggrund

Side 1 ud af 1 (6 indlæg)
  • 1
Fra Esbjerg
Tilmeldt 11. Apr 12
Indlæg ialt: 426
Skrevet kl. 16:04
Hvor mange stjerner giver du? :

Hej derude.

Jeg kunne godt tænke mig at få en wrapper eller baggrund på min side, sådan så det ikke bare er gråt og kedeligt ude i siderne.

1. Skal disse laves på en bestemt måde? Tænker her skalaforhold mm.

2. Tak for hjælpen :)

Fra Århus
Tilmeldt 9. Feb 08
Indlæg ialt: 1758
Fra  Boligadvokater.info Connect Media Skrevet kl. 16:11
Hvor mange stjerner giver du? :

Altså nu kommer det jo lidt an på, hvordan det du putter ind i din wrapper er kodet, men typisk er det bare en Div med en farve eller et billede.

18 års erfaring med hardcore SEO / søgemaskineoptimering - Alt fra Tier2 linkbuilding til CTR manipulation - Få en SEO ekspert på dit projekt, Læs om SEO og Connect Media

Tilmeldt 20. Apr 07
Indlæg ialt: 16014
30% af profil udfyldt
Skrevet kl. 16:19
Hvor mange stjerner giver du? :

Hej Jacob,

Hvis jeg forstår det rigtigt, vil du have et baggrundsbillede, som er under dit indhold.

Dette laves i css: body { background: #000 url('images/bg.jpg/png') no-repeat; } <- #000 er baggrundsfarven, images/bg.jpg er stigen til billedet, no-repeat, repeat-x, repeat-y (er måden billedet skal gentage sig på.

Husk at lave et billede, der ikke fylder meget i kb (Dette vil gør dit website langsommere at loade)

Der findes et hav af forskellige tutorials, guidlines og tricks til at lave baggrunde i CSS hvis du googler efter det.

^ Håber det hjalp :)

Hav en fortsat god dag,

Venlig hilsen
Nils Pedersen 
Fra Odense
Tilmeldt 4. Mar 09
Indlæg ialt: 754
Fra  Codemagic (Sitemagic CMS) Skrevet kl. 16:28
Hvor mange stjerner giver du? :

Hej,

Jeg har lavet det cirka således i et par templates til Sitemagic CMS:

HTML (placér det umiddelbart efter <body>):
<div class="Background"></div>

CSS:
body, html
{
    padding: 0px;
    margin: 0px;
} 

div.Background
{
    background-image: url("path/to/image.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
}

Ovenstående giver dig et baggrundsbillede der automatisk skalerer til vinduet. Billedet står fast, selv om du scroller.

På ældre browsere skalerer billedet ikke - her vil du opleve at du i stedet får et udsnit af billedet svarende til den opløsning brugeren kører. Det kan derfor være en god ide at baggrundsbilledet er forholdsvis stort.
Fra København
Tilmeldt 3. Dec 12
Indlæg ialt: 240
Skrevet kl. 16:41
Hvor mange stjerner giver du? :

Jeg har aldrig set background-size: 100% 100%;

Hvis ikke den virker, så kan du bruge denne kode i CSS. Det virker i hvert fald både i firefox, cog chrome. Er lidt usikker om det også virker i IE.

Indsæt i CSS-dokumententet, ELLER i <head><style>indsæt koden her</style></head> i html-filen.

body {
background:url(stien/til/billedet) no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover; 
} 
Fra København
Tilmeldt 3. Dec 12
Indlæg ialt: 240
Skrevet kl. 16:46
Hvor mange stjerner giver du? :
Side 1 ud af 1 (6 indlæg)
Bliv gratis medlem pa Amino