La page d'erreur 404.php m'a été assignée. Je viens de commencer à tout apprendre et cette tâche est assez difficile. Jusqu'à présent, j'ai successuflly:Éléments d'image d'arrière-plan en haut
- mis en place github + atome
- clone le référentiel contenant un code
- mis en place MAMP + Wordpress et a obtenu la base de données de travail
- essayant d'organiser tous les termes et essayer pour ne pas les confondre
Cela fait seulement 4 jours que je suis parti de zéro avec pratiquement tout.
j'ai réussi à obtenir ce code dans le 404.php:
> <?php
/**
* The template for displaying 404 pages (Not Found).
**/
get_header(); ?>
<div id="bg">
<img src="<?php echo get_bloginfo('template_directory'); ?> \img\Free-Chalkboard-Backgrounds.jpg" alt="background">
</div>
<header class="entry-header">
<center>
<h1 class="entry-title">404 - Not found</h1>
</center>
</header>
<article id="post-0" class="post error404 no-results not-found">
<div class="entry-content">
<p><big>404 - Die Seite konnte nicht gefunden werden.</big></p>
<?php get_search_form(); ?>
<!-- <img class="img-responsive" src="<?php echo $logoUrl; ?>" alt="Logo - <?php echo get_bloginfo('name'); ?>"> -->
<center><img src="<?php echo get_bloginfo('template_directory'); ?> \img\internet-error-404-file-not-found.jpg" alt="404 not-found" />
</center>
</div>
<!-- .entry-content -->
</article>
<!-- #post-0 -->
<footer>
<ul class="list-inline Impressum">
<li> <a href="https://www.th-nuernberg.de/seitenbaum/impressum/page.html" target="blank">
<alt=>Impressum</a> </li>
<li> |
</li>
<li> <a href="https://www.th-nuernberg.de/institutionen/hochschulkommunikation/ohm-shop/agb/page.html" target="blank">
<alt=>AGB</a> </li>
<li> |
</li>
<li> <a href="https://www.th-nuernberg.de/institutionen/language-center/ueber-uns/page.html" target="blank">
<alt=>Über uns</a> </li>
</ul>
</footer>
<?php get_footer(); ?>
Et ceci est le css:
#bg {
position: fixed;
top: -64%;
left: -55%;
width: 200%;
height: 200%;
}
#bg img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 55%;
min-height: 55%;
}
Il ressemble à ceci sur la page localhost:
Comment puis-je faire en sorte que les autres éléments soient sur l'arrière-plan? J'ai lu plusieurs réponses, mais je suis tellement confus en ce moment que j'ai besoin d'un indice spécifique pour mon cas. Merci d'avance pour votre aide!
simplement ajouter ce style dans votre css pour le fond "background-position: centre supérieur;" –
en note: les étiquettes '
Merci pour le conseil, que dois-je utiliser à la place? –