Nederlands Ondersteuningsforum :
Welkom op het Nederlandse Ondersteuningsforum van ActieForum.


Om ondersteuning te vragen of om in één van onze andere forumsecties te kunnen posten dien je een account te hebben, bedankt voor het inloggen als je al geregistreerd bent, of registreer direct een account op ons ondersteuningsforum als je dit nog niet gedaan hebt.

Achtergrond voor iedereen 100% zichtbaar

Vorige onderwerp Volgende onderwerp Go down

Achtergrond voor iedereen 100% zichtbaar

Bericht van CCDragon op wo 17 jul 2013 - 19:09

Ben ik weer Razz

Ik heb een vraagje wat volgens mij vrij simpel moet zijn, alleen ken ik de code ervoor niet. Ik heb een plaatje op mijn achtergrond van 1600x1000 pixels, zodat bijna iedereen geen herhaling ziet in de achtergrond, maar op kleiner schermen zie je niet de gehele achtergrond. Wat best jammer is.

Dus, mijn vraag: Is er een code waarbij de achtergrond voor iedereen 100% te zien is? Dus dat de achtergrond zich aanpast aan de grootte van het scherm. Hoop dat ik een beetje duidelijk ben xD


Laatst aangepast door CCDragon op ma 22 jul 2013 - 11:54; in totaal 1 keer bewerkt

CCDragon
Medaille Forumlid
Medaille Forumlid

Oud Support Moderator Vrouw Aantal berichten : 384
Leeftijd : 23
Locatie : Drenthe/Groningen
Registratiedatum : 24-12-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://kanto-experience.actieforum.com
CCDragon is bedankt door de starter van dit topic.

Re: Achtergrond voor iedereen 100% zichtbaar

Bericht van 10spetter10 op wo 17 jul 2013 - 21:49

Ik weet wel hoe ik dit zou doen met css maar het probleem is dat je achtergrond rechtstreeks in je body is gezet. Hierdoor wordt de css toegepast op je body en niet op zijn background-image.

Je kan het oplossen door een nieuwe image in te voegen via de templates en die een id te geven.




Plak deze code vlak onder van de template overall_header. Je mag {T_BODY_BACKGROUND} laten staan, dan past het zich automatisch aan aan jouw gekozen background.
Code:
<img id="achtergrond" src="{T_BODY_BACKGROUND}">

Dan plak je ook nog deze bij je css:
Code:
img#achtergrond{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}


Het nadeel hiervan is wel dat je een afbeelding gaat laten uitrekken of indrukken.
Neem bijvoorbeeld deze afbeelding:


Als deze op mijn scherm zou komen wordt die volledig misvormd:


10spetter10
Beheerder
Beheerder

Man Aantal berichten : 1282
Leeftijd : 19
Taal : Nederlands
Locatie : België
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.

Re: Achtergrond voor iedereen 100% zichtbaar

Bericht van CCDragon op wo 17 jul 2013 - 22:21

De code werkt niet :/ Misschien heb ik hem verkeerd ingevoerd..? In elk geval resized hij de achtergrond niet en er komt links bovenaan mijn index pagina een code te staan:
Spoiler:

CCDragon
Medaille Forumlid
Medaille Forumlid

Oud Support Moderator Vrouw Aantal berichten : 384
Leeftijd : 23
Locatie : Drenthe/Groningen
Registratiedatum : 24-12-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://kanto-experience.actieforum.com
CCDragon is bedankt door de starter van dit topic.

Re: Achtergrond voor iedereen 100% zichtbaar

Bericht van 10spetter10 op wo 17 jul 2013 - 22:29

hmm raar :/

Hij moet werken hoor want het heeft al op het forum van oussi gestaan. Razz
http://ondersteun.actieforum.com/t4346-background

Dits taat er normaal bij overall_header he?
Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->

Maak er eens dit van:

Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <img id="achtergrond" src="{T_BODY_BACKGROUND}">
      <!-- BEGIN hitskin_preview -->

10spetter10
Beheerder
Beheerder

Man Aantal berichten : 1282
Leeftijd : 19
Taal : Nederlands
Locatie : België
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.

Re: Achtergrond voor iedereen 100% zichtbaar

Bericht van CCDragon op ma 22 jul 2013 - 11:54

Sorry voor de late reactie!

Oke, dat deed wat heel raars. Hij zette een kopie van de achtergrond boven de header.
Spoiler:

maar ik heb even je aanwijzingen van het vorige topic opgevolgd en het is gelukt! Heel erg bedankt voor je hulp.



       Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM |  TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

CCDragon
Medaille Forumlid
Medaille Forumlid

Oud Support Moderator Vrouw Aantal berichten : 384
Leeftijd : 23
Locatie : Drenthe/Groningen
Registratiedatum : 24-12-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://kanto-experience.actieforum.com
CCDragon is bedankt door de starter van dit topic.

Re: Achtergrond voor iedereen 100% zichtbaar

Bericht van Joost op za 27 jul 2013 - 12:49

Aanvraag opgelost en gesloten.



   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM |  TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

Joost
Beheerder
Beheerder

Man Aantal berichten : 4070
Leeftijd : 24
Taal : Nederlands
Locatie : Nederland
Registratiedatum : 31-08-07
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://hpmagicworld.actieforum.com/ http://ondersteun.actieforum.com/
Joost is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum