Bonjour j'ai fait mon menu de mon site et je voudrais faire plein de demi-cercle sur ce menu comme le montre le menu de ce site

8 réponses


bon photoshop je vois pas trop mais css oui, j'imagin que c'est pour intégréer sur un design apres dons si tu crée une image avec un seul arc puis que tu fais dans le css backgroune-repeat: repeat-y; ca devrait le faire ;)

je crois pas que cela va tres bien marche

moi je pense que si ;) essaye et tu nous donnes les retours :)

Je suis d'accord avec l'idée de flohw.

Flohw a parfaitement raison. Et si on regarde le site que tu as mis en exemple, il fait exactement ça:

Dans son html, il englobe le menu dans un div "container"

<div class="container"> 
    <div class="top"> 
        <div class="wrap"> 
            <div class="nav"> 
                <ul> 
                    <li class="on"><a href="./">Accueil</a></li> 
                    <li><a href="./redirect.php">S'identifier</a></li> 
                    <li><a href="./leconcept.php">Le concept</a></li> 
                    <li><a href="./partenaires.php">Nos partenaires</a></li> 
                    <li><a href="./contact.php">Contactez-nous</a></li> 
                    <li class="english"><a href="./en/"></a></li> 
                </ul> 
            </div> 
        </div> 
    </div>

Si on regarde son CSS, il met bien une seule fois l'arc de cercle et le repète en X.

.container{background: url(img/bg-top.png) repeat-x;height: 424px;}

cqfd !

au pire tu peux trouver sur intenet toutes les écritures html nécessaires. mais Mousse est right ;)

pour complété il est possible d'utilisé le principe de motif comme ici : http://www.grafikart.fr/tutoriels/photoshop/motifs-270

apres en css il y a le background repeat voir ici : http://www.w3schools.com/cssref/css3\_pr\_background.asp

ou le border-image voir ici : http://www.w3schools.com/cssref/css3\_pr\_border-image.asp