faire un menu comme des nuages

Par ronytexasranger, il y a 15 ans

Photoshop

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

Flohw, il y a 15 ans

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 ;)

ronytexasranger, il y a 15 ans

je crois pas que cela va tres bien marche

Flohw, il y a 15 ans

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

palmer08, il y a 15 ans

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

Mousse, il y a 15 ans

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;}
Mench59, il y a 14 ans

cqfd !

Grafiker33, il y a 14 ans

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