[Opgelost] Achtergondafbeelding op 404 eror pagina?

[Weit]

Als je een pagina aanmaakt kun je er afbeeldingen bij plaatsen, maar kan ik ook een achtergrond afbeelding plaatsen en daar vervolgens de tekst overheen typen?
Ik heb al gezocht in het forum, maar kom er niet uit.

Groet,
Weit

[deactivated010521]

----------

[Weit]

Ik weet niet of dat de bedoeling is.. ik wil dus alleen op de pagina een achtergrond waar ik de tekst overheen kan typen, zie http://www.dorpsfeestureterp.nl/index.php?page=voorbereidngen-dorpsfeest-2011

De afbeelding wil ik alleen op die content als achtergrond... Ander bewerk ik die afbeelding met tekst...

Je kunt voor een standaard achtergrond kiezen:

Code: Select all

body {
	background-image: url('/images/standaard.jpg');
	background-repeat: repeat-x;
}

Onder /admin content -> pages [options] vind je extra page attributes waar je bijvoorbeeld de naam van het plaatje kunt invullen: (niet_standaard_achtergrond.jpg)

In je template laat je altijd de standaard achtergrond zien tenzij attribute 1 is ingevuld.

Code: Select all

{capture assign='body_image'}{page_attr key="extra1"}{/capture}
{if $body_image != ''}
</__body style="background-image:url('/images/{$body_image}');">
{else}
</__body>
{/if}

[deactivated010521]

----------

[Weit]

Mijn kennis is maar beperkt... het duizelt me al......

Mijn foutpagina heet 404eror en de image: images/Plaatjes/error404.jpg
Hoe vul ik dat in?

Code: Select all

                    <div class="content">
                        <div class="Post">
                            <div class="Post-tl"></div>
                            <div class="Post-tr"><div></div></div>
                            <div class="Post-bl"><div></div></div>
                            <div class="Post-br"><div></div></div>
                            <div class="Post-tc"><div></div></div>
                            <div class="Post-bc"><div></div></div>
                            <div class="Post-cl"><div></div></div>
                            <div class="Post-cr"><div></div></div>
                            <div class="Post-cc"></div>
                            <div class="Post-body">
                       <div class="Post-inner">
                           <h2 class="PostHeaderIcon-wrapper"> <span
 class="PostHeader">{title}</span> </h2>
<div class="PostContent"> <br />
{content}
</div>

Mijn voorbeeld is illustratief. Je kunt op iedere willekeurig element een background-image plaatsen.

Als ik jouw template zo bekijk is : een mooie plek. (.Post-inner is de div die precies tussen de ronde hoeken in je content vlak staat).

Code: Select all

{capture assign='body_image'}{page_attr key="extra1"}{/capture}
{if $body_image != ''}
<div class="Post-inner" style="background-image:url('/images/{$body_image}');">
{else}
<div class="Post-inner">
{/if}

{content}

</div><!-- /.Post-inner einde div -->

[deactivated010521]

----------

[Weit]

Ik heb het er nu zo tussen gezet, maar het enige wat gebeurd is dat de achetrgrond kleur op alle bladzijden veranderd. alleen klopt dit wel? {if $page_alias == 'error404'}

Code: Select all

                   <div class="content">
                        <div class="Post">
                            <div class="Post-tl"></div>
                            <div class="Post-tr"><div></div></div>
                            <div class="Post-bl"><div></div></div>
                            <div class="Post-br"><div></div></div>
                            <div class="Post-tc"><div></div></div>
                            <div class="Post-bc"><div></div></div>
                            <div class="Post-cl"><div></div></div>
                            <div class="Post-cr"><div></div></div>
                            <div class="Post-cc"></div>
                            <div class="Post-body">
{if $page_alias == '404error'}
          <div class="Post-inner" style="background: #FFFFFF url('/images/Plaatjes/error404.jpg') no-repeat top left";>
{else}
          <div class="Post-inner">
{/if}
                           <h2 class="PostHeaderIcon-wrapper"> <span
 class="PostHeader">{title}</span> </h2>
<div class="PostContent"> <br />
{content} 
</div>

Code: Select all

{if $page_alias == 'error404'}
          <div class="Post-inner" style="background: #FFFFFF url('/images/Plaatjes/error404.jpg') no-repeat top left";>
{else}
          <div class="Post-inner">
{/if}
                           <h2 class="PostHeaderIcon-wrapper"> <span
 class="PostHeader">{title}</span> </h2>
<div class="PostContent"> <br />
{content}

[deactivated010521]

----------

[deactivated010521]

----------

[Weit]

Hey Arnoud,

Bedankt voor je hulp...ik zat al wat met die dubbele == had er enkele van gemaakt... dom dus...

Maar het werkt.! Perfect

Voor de meelezer..hier de juiste code

Code: Select all

{if $page_alias == 'error404'}
          <div class="Post-body" style="overflow: auto; width: 516px; height: 342px; padding:5px 5px 5px 5px; background-image: url('/uploads/images/Plaatjes/error404.jpg'); background-repeat: repeat-y;">
{else}
          <div class="Post-body">
{/if}

Groet, Weit

Er stond een kleine typo in de template. Het lijkt nu te werken: http://www.dorpsfeestureterp.nl/index.php?page=xx

@Weit zie: PM