bannière aléatoire (Créer un compte)

  • Statut : non résolu
9 sujets de 1 à 9 (sur un total de 9)
  • Auteur
    Messages
  • #465136
    brunochp
    Participant
    Padawan WordPress
    61 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.6.3
    – Thème utilisé : Natural essence modifié
    – Plugins en place :
    – Nom de l’hebergeur : nuxit
    – Adresse du site : http://www.marcpradier.com/okil (provisoire)

    Problème(s) rencontré(s) :

    Bonsoir, j’aimerai sur mon thème natural essence qui est là :

    http://www.marcpradier.com/okil/

    modifié de façon aléatoire le header, depuis 10 h j’ai tout essayé et rien à faire :

    je vous met la partie : style.css :

    }

    .header {
    border-top: 2px solid #663;

    }

    et la partie header.php

    si quelqu’un pourrait m’aider ce serait très gentil, je deviens fou

    Cordialement

    Bruno

#652990
lepski98
Membre
Chevalier WordPress
193 contributions
#652991
brunochp
Participant
Padawan WordPress
61 contributions

Merci beaucoup mais, je le place où dans mon header ?

Cordialement

Bruno

#652992
lepski98
Membre
Chevalier WordPress
193 contributions


<div id="wrapper">
<div id="container">

<div class="title">

    
    
    <h1></h1>

</div>
<?php
$result_random=rand(1, 99);

if($result_random
    <div class="header">
<?php }

elseif($result_random
    <div class="header">
<?php }

elseif($result_random
    <div class="header">


<!-- Header code goes here -->
</div>
<div class="navigation">

    <ul>
        
    
    </ul>

    <div class="clearer"></div>

</div>

Je te conseil de mettre des ID sur les éléments de structure plutot que des class (header, navigation, footer…)

Cordialement,

#652993
brunochp
Participant
Padawan WordPress
61 contributions

Merci mais ça ne marche tjs pas :

voici mon style.css

}

.header {
border-top: 2px solid #663;
background: #DAD7C5 url(img/header.jpg) no-repeat left bottom;
height: 220px;
}

et le header en entier

/*
Theme Name: Natural Essence
Theme URI: http://templates.arcsin.se/
Version: 1.0
Description: Soft and natural
Author: Bruno PRADIER

*/

/* default elements */
* {margin: 0; padding: 0;}

body {
background: #141414 url(img/bg.jpg);
color: #141414;
font: normal 62.5% Arial,sans-serif;
padding: 2% 0;
}

a {color: #642;}
a:hover {color: #963;}

big {font-size: 1.1em;}

h1,h2,h3 {color: #442; padding: 8px 0 2px;}

h1 {font: normal 2em Arial,sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.6em Arial,sans-serif;}
h3 {font: bold 1.2em Arial,sans-serif;}

blockquote {
background: url(‘img/quote.gif’) no-repeat;
display: block;
font: normal 1.1em Arial,serif;
padding-left: 26px
}

form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em sans-serif;}
ul,ol {padding: 0 2em 1.2em;}

/* structure */
#wrapper {
background: #634 no-repeat left bottom;
margin: 0 auto;
width: 762px;
}
#container {
border-top: 6px solid #634;
font-size: 1.3em;
line-height: 1.3em;
margin: 0 auto; background: #FBF9F4;
width: 750px;
}

/*header*/
.title {
background: #E2DED5;
border-top: 1px solid #996;
}
.title h1 {
font: normal 2em Arial,”Arial”,sans-serif;
padding: 10px 0 10px 18px;

}

.header {
border-top: 2px solid #663;
background: #DAD7C5 url(img/header.jpg) no-repeat left bottom;
height: 220px;
}

/* navigation */
.navigation {
background: #EAE7DF url(img/nav.gif) repeat-x; height: 41px;
border-top: 1px solid #996;
}
.navigation ul {padding: 0; margin: 0;}
.navigation li {float: left; list-style: none;}
.navigation li a {
background: #FFF url(img/nav.gif) repeat-x;
border-right: 1px solid #C9C6B3;
color: #553;
display: block;
font: bold 1em Tahoma,sans-serif;
line-height: 41px;
padding: 0 14px;
text-align: center;
text-decoration: none;
}
.navigation a:hover {
background-position: left bottom;
color: #221;
}
.navigation .current_page_item a {color: #331;}

/* main */
.main {background: #FFF url(img/main.gif) repeat-y;}

/* posts */
.post .descr {
color: #630;
font-size: 0.9em;
margin: 2px 0 4px;
}
.post .info{
border-top: 1px dashed #AAAA9A;
color: #222;
font-size: 0.9em;
font-weight: bold;
margin: 4px 0 8px;
padding: 8px 0;
}
.post img {border: 2px solid #CCB; margin: 4px 0;}
.post a img {border: 2px solid #CCB;}
.post a:hover img {border-color: #AA9;}

/* bottom */
.bottom {
background: #DCDAC9 url(img/bottom.gif) no-repeat left bottom;
border-top: 1px solid #332;
color: #444;
padding: 14px 20px;
}
.bottom .left,.bottom .right {width: 0%;}

/* footer */
.footer {
background: #634;
color: #996;
padding: 10px;
}
.footer .left {width: 100%;text-align: center}

.footer a {
color: #996;
text-decoration: none;
}
.footer a:hover {
color: #996;
text-decoration: underline;
}

/* misc */
.content {padding: 18px 20px;}
.right .content {padding: 12px 10px;}
.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;}
.clearer {font-size: 0;}
.col2 .left {width: 64%;}
.col2 .right {width: 33%;}

/* block list */
ul.block, .block ul {
border-top: 1px dashed #BCBAAC;
margin: 4px 0;
padding: 0;
width: 90%;
}
.block li {
border-bottom: 1px dashed #BCBAAC;
list-style: none;
}
.block li a,.block li em {
color: #553;
display: block;
}
.block li em {
font-size: 0.9em;
font-style: normal;
}
.block li a {
padding: 4px 3%;
text-decoration: none;
width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
color: #553;
background: #D2D0C0;
}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}

/* comments */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}
#commentform {
margin: 1em 0;
width: 280px;
}

textarea.styled {width: 280px;}

.styled {
font-size: 1.1em;
background: #FCFCFC;
border: 1px solid #C6C3C3;
padding: 2px;
}
.styled:hover {
background: #FFF;
border: 1px solid #C6C3C3;
}
.styled:focus {
background: #FFF;
border: 1px solid #939793;
}
#commentform input {margin-bottom: 3px;}
.commentmetadata a {font-size: 1em; color: #666;}

/* calendar */
#wp-calendar {color: #A0A0A0;}

.col2 .right table caption {border-bottom-color:#000;}
.col2 .right table thead tr {
border-bottom-color: #000;
color: #A53512;
}
.col2 .right table th {border-bottom-color:#000;}
.col2 .right table td#today {
border-color: #000;
color: #A53512;
}
.col2 .right table td a {
border-bottom-color: #000;
background-color: #EDF3DE;
}

.col2 .right table tfoot {border-top-color: #000;}
.col2 .right table tfoot a {background: none;}

/* calendar


*/
#wp-calendar {
display: inline-table;
border-collapse: collapse;
width: 185px;
margin: 0px 10px 0 10px;
text-align: center;
}

.col2 .right table caption {
margin: -5px 10px 0 10px;
padding-bottom: 5px;
border-bottom: 1px solid;
letter-spacing: 0.1em;
}

.col2 .right table thead tr {border-bottom:1px solid;}

.col2 .right table th {border-bottom:1px solid;}

.col2 .right table td {
width: 225px; /* maximaize width; honestly, I don’t know much about tables… */
padding: 1px;
font-size: 0.9em;
}

.col2 .right table td#today {
padding: 0;
border: 1px solid;
font-size: 1em;
font-weight: bold;
}

.col2 .right table td a {
display: block;
border-bottom: 1px solid;
font-weight: bold;
font-size: 1.15em;
}

.col2 .right table tfoot {border-top:1px solid;}
.col2 .right table tfoot a {
border: none;
font-weight: bold;
}
.col2 .right table tfoot #prev a {text-align:left;}
.col2 .right table tfoot #next a {text-align:center;}

#searchform {padding:10px;}

Merci de ton aide

Cordialement

Bruno

#652994
lepski98
Membre
Chevalier WordPress
193 contributions

En faites avec le code, il faut que tu fasses 3 images de Fond différentes que tu places dans le dossier images/ ensuite tu appelles directement les images sans css.

if($result_random
<div class="header" style="background:transparent url(/images/header1.png) no-repeat top left;”>
<?php }

essaye avec ceci….

#652995
brunochp
Participant
Padawan WordPress
61 contributions

D’accord, est ce que mon header est bon comme ceci sachant que j’ai crée 3 images dans img :

<meta http-equiv="Content-Type" content="; charset=” />

» Blog Archive

<meta name="generator" content="WordPress ” />

<link rel="stylesheet" href="” type=”text/css” media=”screen” />

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="” />

<link rel="alternate" type="text/xml" title="RSS .92" href="” />

<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="” />

<link rel="pingback" href="” />

<?php
$result_random=rand(1, 99);

if($result_random
<div class="header" style="background:transparent url(/(img/header1.jpg) no-repeat top left;”>
<?php }

elseif($result_random
<div class="header" style="background:transparent url(/(img/header2.jpg) no-repeat top left;”>
<?php }

elseif($result_random
<div class="header" style="background:transparent url(/(img/header3.jpg) no-repeat top left;”>

Merci d’avance

Cordialement

#652996
lepski98
Membre
Chevalier WordPress
193 contributions

<?php
$result_random=rand(1, 99);

if($result_random
<div class="header" style="background:transparent url(/img/header1.jpg) no-repeat top left;”>
<?php }

elseif($result_random
<div class="header" style="background:transparent url(/img/header2.jpg) no-repeat top left;”>
<?php }

elseif($result_random
<div class="header" style="background:transparent url(/img/header3.jpg) no-repeat top left;”>

enleve la parenthese avant img….., j’ai corrigé la…. essaye

#652997
brunochp
Participant
Padawan WordPress
61 contributions

Ca marche merci beaucoup.

Bonne soirée

Cordialement

Buno

9 sujets de 1 à 9 (sur un total de 9)
  • Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.