SOLVED: Achtergrond afbeelding per pagina

Nederlandse ondersteuning voor CMS Made Simple

Moderator: velden

Adheera
Forum Members
Forum Members
Posts: 212
Joined: Sat Dec 10, 2011 12:19 pm

SOLVED: Achtergrond afbeelding per pagina

Post by Adheera »

Hoe kun je per pagina een ander achtergrond afbeelding instellen?
Ik las ergens:
You can put a smarty tag in the "Page Specific Metadata" field of a page, like {cms_stylesheet name='myspecialstylesheet'}

Dus een stylesheet gemaakt - bg01 - met alleen onderstaande regels erin. En {cms_stylesheet name='bg01'} in "Page Specific Metadata"
Maar dat werkt niet.
Wat doe ik fout?
***********
Waar is trouwens die Miniatuur en Afbeelding voor op de pagina -> Opties.
***********
body {
background: url(........bg01.jpg) no-repeat fixed center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Last edited by Adheera on Tue Nov 27, 2012 9:06 am, edited 3 times in total.
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3483
Joined: Mon Nov 28, 2011 9:29 am
Location: The Netherlands

Re: Achtergrond afbeelding per pagina

Post by velden »

Deze vraag is al meerdere malen aan de orde geweest.

Ik zou persoonlijk eens even kijken naar de {content_image} tag. Die is waarschijnlijk perfect geschikt voor jouw doel. Geen gedoe met losse stylesheets en makkelijk te selecteren afbeelding per pagina.
Adheera
Forum Members
Forum Members
Posts: 212
Joined: Sat Dec 10, 2011 12:19 pm

Re: Achtergrond afbeelding per pagina

Post by Adheera »

{content_image block='afbeelding1' class='body'}
Maar hij pakt de class niet.
De afbeelding komt links bovenaan, boven de hele content... die zkt naar beneden.
na </__body> komt
<img class="body" alt="http://www.praktijkbewust-zijn.nl/uploa ... e-roos.jpg" name="afbeelding1" src="http://www.praktijkbewust-zijn.nl/uploa ... e-roos.jpg">

De style pakt ie niet.

Sorry als dit eerder gepost is. Ik ben al uren aan het zoeken, kan het niet vinden.
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3483
Joined: Mon Nov 28, 2011 9:29 am
Location: The Netherlands

Re: Achtergrond afbeelding per pagina

Post by velden »

Voorbeeld:

Ergens in de head-sectie van het template (tussen <head> en </head> dus):

Code: Select all

{content_image block='page_image' label='Pagina achtergrond' urlonly=1 dir='images/achtergrond' assign='page_image'}
<style type="text\css">
  {literal}
    body {
       background-image : url('{/literal}{$page_image}{literal}');
    }
  {/literal}
</style>

Denk dat het zo wel ongeveer klopt.
Adheera
Forum Members
Forum Members
Posts: 212
Joined: Sat Dec 10, 2011 12:19 pm

Re: Achtergrond afbeelding per pagina

Post by Adheera »

YES, het werkt..
ook zonder {literal} in de style.
Werkte eerst niet, alles geprobeerd.... stond de slash verkeerd in <style type="text/css">
Tja, dan kun je lang puzzelen

Dank je wel, echt heel fijn.

{content_image block='page_image' label='Pagina achtergrond' urlonly=1 assign='page_image'}
<style type="text/css">
body {
background-image : url('{$page_image}');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
Adheera
Forum Members
Forum Members
Posts: 212
Joined: Sat Dec 10, 2011 12:19 pm

Re: SOLVED: Achtergrond afbeelding per pagina

Post by Adheera »

Echt heel blij mee.
TOP, dank je wel
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3483
Joined: Mon Nov 28, 2011 9:29 am
Location: The Netherlands

Re: SOLVED: Achtergrond afbeelding per pagina

Post by velden »

Je kunt nu natuurlijk nog checken op de waarde van $page_image. Als die leeg is kun je ervoor kiezen een default achtergrond te tonen.

Code: Select all

background-image : url('{if $page_image}{$page_image}{else}{uploads_url}/template/defaultbackground.jpg{/if}';
als voorbeeld natuurlijk
Adheera
Forum Members
Forum Members
Posts: 212
Joined: Sat Dec 10, 2011 12:19 pm

Re: Achtergrond afbeelding per pagina

Post by Adheera »

Helaas... werkt alleen in FF en dan nog... hij rekt 'm heel raar uit.
Chrome, Opera en Safari snappen het niet.
Last edited by Adheera on Mon Nov 26, 2012 3:54 pm, edited 1 time in total.
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3483
Joined: Mon Nov 28, 2011 9:29 am
Location: The Netherlands

Re: Achtergrond afbeelding per pagina

Post by velden »

Adheera wrote:Helaas... werkt alleen in FF
Chrome, Opera en Safari snappen het niet.
Dat kan natuurlijk niet. Dan staat er een fout in de stylesheet ofzo. De output van cmsms is niet afhankelijk van de browser.

Het je een voorbeeld-link?
Adheera
Forum Members
Forum Members
Posts: 212
Joined: Sat Dec 10, 2011 12:19 pm

Re: Achtergrond afbeelding per pagina

Post by Adheera »

http://www.praktijkbewust-zijn.nl/index.php
http://www.praktijkbewust-zijn.nl/voorstellen.html

Ik zie de hele style niet staan in de source van Chrome, in FF wel.
Met en zonder {literal}
deactivated010521

Re: Achtergrond afbeelding per pagina

Post by deactivated010521 »

----------
Last edited by deactivated010521 on Tue Mar 12, 2013 3:03 pm, edited 1 time in total.
Adheera
Forum Members
Forum Members
Posts: 212
Joined: Sat Dec 10, 2011 12:19 pm

Re: Achtergrond afbeelding per pagina

Post by Adheera »

Alleen niet in IE, de andere browsers snappen het wel.
http://www.praktijkbewust-zijn.nl/ die staat buiten de CMS.
En dit was de 1e opzet, met dezelfde style in de head. Doet het ook overal.
http://adheera.nl/roos/index8.html
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3483
Joined: Mon Nov 28, 2011 9:29 am
Location: The Netherlands

Re: Achtergrond afbeelding per pagina

Post by velden »

De code staat (natuurlijk) wél in de source van beide browsers (Chrome en FF). In beide gevallen is overigens de url leeg.

Ik zie ook dat de quotes ontbreken binnen de url() maar weet niet of dat per se verplicht is.

Code: Select all

<style type="text/css">
 
    body {
       background-image : url();
	-webkit-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
    }

</style>
Denk eraan dat je je browser goed refresht als je iets wijzigt in het template.
Adheera
Forum Members
Forum Members
Posts: 212
Joined: Sat Dec 10, 2011 12:19 pm

Re: Achtergrond afbeelding per pagina

Post by Adheera »

Ah die kl.... cache...
Met of zonder quotes werkt het niet, die is ook leeg url() in alle browsers behalve FF.
Quotes zijn volgens mij ook niet verplicht.
velden wrote:De code staat (natuurlijk) wél in de source van beide browsers (Chrome en FF). In beide gevallen is overigens de url leeg.

Ik zie ook dat de quotes ontbreken binnen de url() maar weet niet of dat per se verplicht is.

Code: Select all

<style type="text/css">
 
    body {
       background-image : url();
	-webkit-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
    }

</style>
Denk eraan dat je je browser goed refresht als je iets wijzigt in het template.
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3483
Joined: Mon Nov 28, 2011 9:29 am
Location: The Netherlands

Re: Achtergrond afbeelding per pagina

Post by velden »

Even voor de duidelijkheid in géén enkele browser verschijnt er een achtergrond op die pagina!

Tenzij je expliciet browser-specifieke code inbouwt (en die kans lijkt me klein) zal de output ook in alle gevallen hetzelfde zijn.

Er gaat dus duidelijk iets niet goed m.b.t. je implementatie van de {content_image} tag.

Wellicht kun je het betreffende deel van je template hier posten?
Het is natuurlijk ook wel belangrijk dat er daadwerkelijk een afbeelding is geselecteerd.
Post Reply

Return to “Dutch - Nederlands”