AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-55%
Le deal à ne pas rater :
Friteuse sans huile – PHILIPS – Airfryer HD9200/90 Série 3000
49.99 € 109.99 €
Voir le deal

    PA Forum Naruto S.V.P

    Marion-san
    Marion-san
    FémininAge : 27Messages : 89

    Sam 16 Juil 2011 - 23:39

    Bonsoir a tous les membres de Never Utopia Voici ma commande :

    Commande
    Adresse du forum : [http://narutoshinobi.forumgratuit.org/forum]
    Description des éléments : https://2img.net/r/hpimg11/pics/11770330pa.png
    Couleurs ou tons :J'aimerais s'il vous plait que les carrée soit gris claire
    Images : [liste et/ou tailles des images présentes dans la fiche (motifs de fond, emplacement d'avatar (staff par exemple) ou de logos)]
    Je le ferrais moi même ^^
    Autres précisions : [si vous avez quelque chose de plus à indiquer...]/


    Merci d'avance :rerte:
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Dim 17 Juil 2011 - 22:28

    Hey!!

    Voila un essai en espérant que sa te convienne ^^.


    Bonne soirée.



    Merci beaucoup Woo pour ce kit *-*
    PA  Forum Naruto  S.V.P  657955SignatureSuicopie
    Sui' Art's
    Marion-san
    Marion-san
    FémininAge : 27Messages : 89

    Dim 17 Juil 2011 - 23:27

    Salut Sui j'adore ses exactement se que je voulais je te remercie 100 fois !!

    Tu va trouver cette question on peut bête ^^' mais je vois pas le code ses normal ?
    :lol!:
    Merci encore et bonne soiré
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Lun 18 Juil 2011 - 9:50

    Oui c'est normal je les avait pas mis ^^, je les poste toujours après.



    Si tu as des questions n'hésite pas Wink.



    Merci beaucoup Woo pour ce kit *-*
    PA  Forum Naruto  S.V.P  657955SignatureSuicopie
    Sui' Art's
    Marion-san
    Marion-san
    FémininAge : 27Messages : 89

    Lun 18 Juil 2011 - 11:11

    Ah D'accord Merci sa marche super bien je vous rere merci
    Bonne Journée :)
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Lun 18 Juil 2011 - 11:14

    Y'a pas de quoi =D.



    Merci beaucoup Woo pour ce kit *-*
    PA  Forum Naruto  S.V.P  657955SignatureSuicopie
    Sui' Art's
    Marion-san
    Marion-san
    FémininAge : 27Messages : 89

    Lun 18 Juil 2011 - 21:27

    Re boujour :) J'ai une petite question ^^

    comment faire pour que quand on passe la sourie sur une photo, un cadre apparaisse avec un texte a l’intérieur ?

    Je sais pas si vous comprenez bien ..^^'



    PA  Forum Naruto  S.V.P  Tumblr_m6drlqJB9O1qbd8iro1_500
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Lun 18 Juil 2011 - 21:32

    Si je comprend c'est le système d'infobulle tu peux tenter de le faire avec ce tutoriel sinon je te les rajouterais mais il faudra des précision de ce que tu veux.

    Tuto infobulle



    Merci beaucoup Woo pour ce kit *-*
    PA  Forum Naruto  S.V.P  657955SignatureSuicopie
    Sui' Art's
    Marion-san
    Marion-san
    FémininAge : 27Messages : 89

    Lun 18 Juil 2011 - 21:38

    Bah si tu a du temps Libre Sa serait super cool que tu me le fasse sinon je me débrouillerais ^^
    Sinon si tu me le fait j'aimerais sa sur les image du staff uniquement :

    .Le Nom du personnage
    .Le rang (fondateur , Modo..)
    .et Mp?



    PA  Forum Naruto  S.V.P  Tumblr_m6drlqJB9O1qbd8iro1_500
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Lun 18 Juil 2011 - 21:41

    Pas de problème je te ferais sa demain ou après demain selon ma journée ^^.



    Merci beaucoup Woo pour ce kit *-*
    PA  Forum Naruto  S.V.P  657955SignatureSuicopie
    Sui' Art's
    Marion-san
    Marion-san
    FémininAge : 27Messages : 89

    Lun 18 Juil 2011 - 21:46

    D’accord Super sympa Mercii Very Happy



    PA  Forum Naruto  S.V.P  Tumblr_m6drlqJB9O1qbd8iro1_500
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Jeu 21 Juil 2011 - 17:58

    Hey!

    Il me faudrait le code de ta page d'accueil vu que tu à fais les modifications sa t'évitera de tout refaire ^^, je t'inclus directement les infobulles dedans tu n'auras qu'à rajouter le css que je te passerais après.



    Merci beaucoup Woo pour ce kit *-*
    PA  Forum Naruto  S.V.P  657955SignatureSuicopie
    Sui' Art's
    Marion-san
    Marion-san
    FémininAge : 27Messages : 89

    Jeu 21 Juil 2011 - 19:06

    Salut OK pas de probleme je te passe le code

    Code:
    top: -3px"> Top site </div> Penser à voter toutes les 2 heures<br><a href="http://www.root-top.com/topsite/nacimem/in.php?ID=4743" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/672698topsite.png" border="0" alt="" /></a><br><a href="http://www.root-top.com/topsite/azzare34/in.php?ID=6868" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/999941topsites.png" border="0" alt="" /></a><br><a href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=5202" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/721163topsite.png" border="0" alt="" /></a><br><img<br><a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=2630" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/733676toopsite.png" border="0" alt="" /></a><br><a href="http://www.root-top.com/topsite/killer_man/in.php?ID=1412" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/695354.png" border="0" alt="" /></a><br><div class="topsite">Site</div><br>
    <marquee direction="up" height="90px" scrollamount="3"><a href="http://www.never-utopia.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/742104logo5.jpg" border="0" alt="" /></a><br><a href="http://www.naruto-one.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://www.naruto-one.com/images/bannieres/88x31.png" border="0" alt="" /></a><br><a href="http://www.captainaruto.com/"><img
     src="http://www.captainaruto.com/images/boutons/bouton_cn2.jpg" alt="Naruto" />
    </a></marquee></div><div class="positioncontextestaff"><div class="contexte"><div style="
    height: 120px; overflow-y: auto; padding: 2px; margin: 2px">.<font color="red"><span style="font-size: 18px; line-height: normal"><strong>N</strong></span></font>otre histoire se situe après la quatrième guerre des shinobi... Se qui c'est passé alors personne ne s'en rappelle. Mais tout les villages on durement était touché et on perdue de nombreux hommes lors de cette guerre. L'alliance shinobi dès la fin de cette guerre à était dissoute et la plupart des chef sont retourner à leurs rôle de Kage ou bien d'autres puissant shinobi qui se sont illustrés durant cette guerres ont monté de grade.Konoha à vu sa force comme à la fin de chaque guerre augmenter grandement et à aussi vue naître un nouveau et puissant Kage du nom de Kakashi Hatake. Suna à perdut de nombreux effectifs lors de cette bataille et à était grandement affectés par la perte de puissant de leurs ninja. Mais très récemment ils ont élut un nouveau Kazekage du nom de JirayaSenin qui montre un grand semblant d'espoir. Et tiens toujours son alliance avec Konoha.Kiri quand à lui à aussi beaucoup bénéficier de cette guerre et son Mizukage est toujours la ravissante et séduisant Mei Terumi. Kumo et Iwa quand à eux sorte assez affaiblis de cette guerre et non plus de Kage. Mais de nouveau talentueux ninja sont apparut et peu à peu font parler d'eux.Mais les villages ne sont pas les seul à renaître peu à peu, l'Akatsuki toujours qui ont à leur tête Madara Uchiwa renaît lui aussi petit à petit ramenant avec lui d'ancien et de nouveau membres terrifiant et près a conquérir se monde. Toutefois ils ont de nouveau objectifs encore inconnu et sont très discret sur leurs action. Maintenant a vous de choisir votre destin...</div></div><div style="padding: 2px; background-color: #3C3C3C; margin-top: -2px"> Contexte</div><div style="padding: 2px; background-color: #3C3C3C; margin-bottom: -2px; border-top: 1px solid #FFF"> Staff</div><div class="staff"><div style="
    height: 120px; overflow-y: auto; padding: 2px; margin: 2px"><a href="http://narutoshinobi.forumgratuit.org/u1" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/897628kkakakshi.png" border="0" alt="" /></a>
    <a href="http://narutoshinobi.forumgratuit.org/u10" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/736886tsuna.png" border="0" alt="" /></a>
    <a href="http://narutoshinobi.forumgratuit.org/u29" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/627957hayuu.png" border="0" alt="" /></a></div></div></div><div class="topposteur"> <div style="margin-top: -16px; font-size: 11px; font-weight: bold; font-variant: small-caps; color: #fff"> Top Posteurs</div><br><a href="http://narutoshinobi.forumgratuit.org/u2" class="postlink" target="_blank" rel="nofollow"><img src="http://www.hostingpics.net/thumbs/36/82/38/mini_368238335.png" border="0" alt="" /></a>
    <br><a href="http://narutoshinobi.forumgratuit.org/u17" class="postlink" target="_blank" rel="nofollow"><img src="http://www.hostingpics.net/thumbs/98/00/34/mini_98003485.png" border="0" alt="" /></a>
    <br><a href="http://narutoshinobi.forumgratuit.org/u19" class="postlink" target="_blank" rel="nofollow"><img src="http://www.hostingpics.net/thumbs/28/52/02/mini_285202dd.png" border="0" alt="" /></a>
    <br><a href="http://narutoshinobi.forumgratuit.org/u3" class="postlink" target="_blank" rel="nofollow"><img src="http://www.hostingpics.net/thumbs/31/93/78/mini_319378tema.png" border="0" alt="" /></a> </div><div class="navigation"><a href="http://narutoshinobi.forumgratuit.org/c1-l-acceuil"> Accueil</a><a href="http://narutoshinobi.forumgratuit.org/c3-naruto?tid=cc7585071465bc36eef2c6007fcafba0"> Naruto</a><a href="http://narutoshinobi.forumgratuit.org/c2-divertissement?tid=101b2f567b3ea35feef2c6007fcafba0"> Divertissement</a><a href="http://narutoshinobi.forumgratuit.org/c4-rpg?tid=101b2f567b3ea35feef2c6007fcafba0"> RPG</a>
    </div><div class="partenaire"><div style="margin-top: -15px; font-size: 11px; font-weight: bold; font-variant: small-caps; color: #fff"> <a href="http://www.hostingpics.net/thumbs/27/86/38/mini_278638forum.jpg">Nous lier?</a></div>
    <marquee direction="left" scrollamount="3" style="margin: 2px"><a href="http://ryokunobankai.forumgratuit.org/"><img src="http://img4.hostingpics.net/pics/908804rnb.png"></a></marquee><br></div>

    Voila Et Merci d'avance Very Happy
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Ven 22 Juil 2011 - 18:22

    Désoler du retard ^^ voila les codes avec les infobulles.




    Merci beaucoup Woo pour ce kit *-*
    PA  Forum Naruto  S.V.P  657955SignatureSuicopie
    Sui' Art's
    Marion-san
    Marion-san
    FémininAge : 27Messages : 89

    Sam 23 Juil 2011 - 2:45

    Biensoir,
    je vous remerci met j'ai un probleme voila quand je met le code css
    on me dit Erreur détectée
    Nous avons compté un nombre impaire de guillemets donc une chaine est mal fermée. Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

    Nous vous conseillons de relire votre code.

    j'ai regarder je voit pas =S

    voici mon code

    Code:
    .positiontopsite{
    float: left;
    position: relative;
    width: 20%;
    height: 420px;
    border-left: 2px solid #777777;
    border-right: 2px solid #777777;
    padding: 3px;
    margin: -1px 5px;
    text-align: center;}

    .topsite{
    background-color: #777777;
    margin: 2px -3px;
    padding: 2px;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 2px 2px 2px #000;
    -moz-text-shadow: 2px 2px 2px #000;}

    .positioncontextestaff{
    float: left;
    width: 50%;
    padding: 3px;
    margin: 10px;
    height: 260px;}

    .contexte{
    margin: 2px;
    padding: 3px;
    height: 135px;
    color: #fff;
    background-color: #777777;
    text-align: justify;
    border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    }

    .staff{
    margin: 2px;
    padding: 3px;
    color: #fff;
    background-color: #777777;
    text-align: center;
    border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    }

    .staff img{
    margin: 2px 10px;
    }

    .topposteur{
    float: left;
    position: relative;
    width: 20%;
    height: 270px;
    background-color: #777777;
    border-top: 15px solid #3C3C3C;
    border-bottom: 15px solid #3C3C3C;
    border-left: 4px solid #3C3C3C;
    border-right: 4px solid #3C3C3C;
    text-align: center;
    border-radius: 15px;
    -moz-border-radius: 15px;
    padding: 3px;
    margin: 10px 7px;}

    .topposteur img{
    margin-top: 20px;}

    .navigation{
    float: left;
    position: relative;
    width: 25%;
    height: 70px;
    background-color: #777777;
    border-top: 15px solid #3C3C3C;
    border-bottom: 15px solid #3C3C3C;
    border-left: 4px solid #3C3C3C;
    border-right: 4px solid #3C3C3C;
    text-align: center;
    border-radius: 15px;
    -moz-border-radius: 15px;
    margin: 10px;}

    .navigation a{
    display: block;
    font-size: 9px;
    color: #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    background-color: #3C3C3C;
    padding: 1px;
    margin-top: 2px;}


    .partenaire{
    float: left;
    position: relative;
    width: 45%;
    height: 70px;
    background-color: #777777;
    border-top: 15px solid #3C3C3C;
    border-bottom: 15px solid #3C3C3C;
    border-left: 4px solid #3C3C3C;
    border-right: 4px solid #3C3C3C;
    text-align: center;
    border-radius: 15px;
    -moz-border-radius: 15px;
    margin-top: 10px;}

    .partenaire img{
    margin: 2px;}.infobulle span
    {                       
        position : absolute;
        top : auto;
        left : auto;
        width : 136px;
        height : 136px;
        background-color: #9C7049;
        display : none;
    } .infobulle:hover span{
        display:block;
        top        :  auto;
        left      :  auto;
        width      :  136px;
        height    : 136px;
        overflow  :  visible;
        background-color: #9C7049;
    }
    .statistiques{
    border:0px;
    background-image: url("[color=green]LIEN IMAGE DU HAUT[/color]");
    background-repeat: no-repeat;
    background-position: center;
    height:270px;}

    .groupes{
    background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
    -moz-border-radius : 5px 5px 5px 5px;
    height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
    font-size:15px;font-weight: bold;text-align:center;
    text-decoration: none !important;}
    div.infobulle span
    {                         
        position      :  absolute;
        top            :  -2000em;
        left          :  -2000em;
        width          :  1px;
        height        :  1px;
        overflow      :  hidden;
        background    :  #DDEEFF;
    }  div.infobulle span
    {                         
        position      :  absolute;
        top            :  -2000em;
        left          :  -2000em;
        width          :  1px;
        height        :  1px;
        overflow      :  hidden;
        background    :  #DDEEFF;
    }       
    div.infobulle
    {           
      color: #fff;
      font-size: 1.2em;
      text-decoration : none;
      padding: 2px 12px 2px 2px;
    }     

    div.infobulle:hover span, a.info_bulle:focus span, a.info_bulle:active span
    {z-index: 999;
        top        :  auto;
        left      :  auto;
        width      :  100px;
        height    : 100px;
        overflow  :  visible;
    border-top: 15px solid #3C3C3C;
    border-bottom: 15px solid #3C3C3C;
    border-left: 4px solid #3C3C3C;
    border-right: 4px solid #3C3C3C;
        border-radius: 15px;
        -moz-border-radius:15px;
    background-color: #777777;
    }                     

    div.infobulle:hover
    {
      border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
    }   

    Merci encore



    PA  Forum Naruto  S.V.P  Tumblr_m6drlqJB9O1qbd8iro1_500
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Sam 23 Juil 2011 - 10:57

    Il te faut retirer cet phrase ^^"

    /* ligne qui corrige le bug d'IE6 et inférieur */



    Merci beaucoup Woo pour ce kit *-*
    PA  Forum Naruto  S.V.P  657955SignatureSuicopie
    Sui' Art's
    Marion-san
    Marion-san
    FémininAge : 27Messages : 89

    Sam 23 Juil 2011 - 21:52

    Ah Merci Sa Marche Very Happy




    PA  Forum Naruto  S.V.P  Tumblr_m6drlqJB9O1qbd8iro1_500
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Dim 24 Juil 2011 - 11:29

    je déplace.



    PA  Forum Naruto  S.V.P  376864signichigo
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 4:20