Arc En Terre

Delete

(Leave this as-is, it’s a trap!)

To delete this post you must be either the original author or a designated moderator.
The content of the post will be removed but the name and date will remain.

  • The post will be removed completely from the thread, rather than blanked
  • Only posts on the last page of the thread can be removed completely (so as to not break permalinks)

RE[4]: Les images du thème

Flo

Il semblerait que le meilleur lien soit celui-ci :

https://css-tricks.com/perfect-full-page-background-image/

J'ai commencé à intégrer l'image comme suit et ça fonctionne très bien :

%html

<?php include __DIR__.'/header.php'; ?>

    <div class="content">
        <div class="menu">
            <ul>
            <li>Accueil</li>
            <li>Bio'</li>
            <li>Réalisations</li>
            <li>Contact</li>
            </ul>        
        </div>

        <img class="koko-center" src="http://localhost/pluxml/themes/defaut/img/Koko2.png">

    </div>
%
%CSS
html {
  background-color:black;  
  background-image:url('http://localhost/pluxml/themes/defaut/img/fond.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat:no-repeat;
}

.content{
    margin-top:30em;
}

.menu {
    border:3px solid white;
    color:white;
    background:black;
    font-size:3em;
    width:50%;
    margin:auto;
    text-align:center;
}

.menu li{
    display:inline-block;
    width:300px;
}

.koko-center {
    width:800px;
    height:auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
%

Bien sûr c'est un peu du bricolage,on peut faire mieux avec flexbox niveau propreté du code mais c'est une piste de début. J'uploade l'image de fond.

:: @Flo added on 01 Jul ’20 · 20:58

A noter le fichier header.php doit être vidé de ses références à la feuile de style plucss.css.
Je travaille sur le template home.php.

Your friendly neighbourhood moderators: Jin