AccueilRechercherS'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.

Le Deal du moment : -53%
GACHI Batterie Externe 26800mAh
Voir le deal
24.94 €

    Fiche de pub futuriste

    Akina-chan
    Akina-chan
    FémininAge : 26Messages : 140

    le Jeu 11 Déc 2014 - 13:57



    Coucou ! Je vous propose une fiche de pub :)

    Un p'tit aperçu de celle-ci en image :
    Fiche de pub futuriste 8bw1

    Elle te plaît ? Les codes sont à toi :)
    Code:
    <style type="text/css">.fond {width: 650px; background-image: url('http://zupimages.net/up/14/23/x35y.jpg'); border: 3px solid #ffffff; color: #ffffff; font-size: 20px; margin: auto;} .nom_forum {font-family: 'Audiowide', cursive; font-size: 40px; color: #ffffff; text-align: center; display: block;  margin-right: auto; margin-left: auto; margin-top: -10px;} .conteneur {margin: auto; position: relative; height: 100px; width: 100px; overflow: visible; display: inline-block;} .contenu_bulle {width: 100px; height: 102px; background: #004d50; opacity: 0; overflow: auto; -webkit-transition: 0.5s all linear; transition: 0.5s all linear; font-family: Unica One; font-size: 12px; text-align: justify; position: absolute; top: 0em;} .contenu_bulle:hover {opacity: 0.7;} .contenu_bulle a {color: #000000;}</style>
    <div class="fond"><img style="width: 650px;" alt="image" src="http://zupimages.net/up/14/50/0p5m.png" />
      <span class="nom_forum">Atlantis Insurrection</span>
    <table style="position: relative; top: -4em;"><tr><td style="width: 30%; font-family: 'Iceland', cursive;"><img alt="" border="0" src="http://image.noelshack.com/fichiers/2014/48/1416995936-722407chevronbis.png" />AI, c'est :
      <div style="border: 2px solid #004d50;"><img src="http://image.noelshack.com/fichiers/2014/20/1400069736-minicat-new.png" />Bientôt 2 ans de RP ;<br /><img src="http://image.noelshack.com/fichiers/2014/20/1400069736-minicat-new.png" />103 Héros;<br /><img src="http://image.noelshack.com/fichiers/2014/20/1400069736-minicat-new.png" />Le forum où vous créez votre Héros;<br /><img src="http://image.noelshack.com/fichiers/2014/20/1400069736-minicat-new.png" />Un Univers sombre et dangereux;<br /><img src="http://image.noelshack.com/fichiers/2014/20/1400069736-minicat-new.png" />Des Missions (MJ) et Intrigues;<br /><img src="http://image.noelshack.com/fichiers/2014/20/1400069736-minicat-new.png" />Un Système de compétences;<br /><img src="http://image.noelshack.com/fichiers/2014/20/1400069736-minicat-new.png" />Une gestion du gène ATA.</div><br /></td>
    <td colspan="2" style="width: 70%; font-family: 'Iceland', cursive;"><img src="http://image.noelshack.com/fichiers/2014/48/1416995936-722407chevronbis.png" />Contexte :   
      <div style="border: 2px solid #004d50; height: 168px; overflow: auto;"> « Chacun d'entre vous s'est proposé pour cette mission et vous représentez une douzaine de pays. Vous êtes les les meilleurs et les plus brillants du monde et à la vue de cette aventure dans laquelle nous allons nous embarquer, vous êtes aussi les plus courageux.<br />J'espère que nous reviendrons tous un jour en ayant découvert un tout nouveau domaine à explorer pour l'Humanité, mais comme vous le savez tous, nous pourrions ne jamais revenir chez nous.<br />Je vous offre à tous une chance de retirer votre participation...<br />...<br />Commencez la séquence d'ouverture ! »</div>
    <img src="http://image.noelshack.com/fichiers/2014/48/1416995936-722407chevronbis.png" />Actuellement sur AI :   
      <div style="border: 2px solid #004d50;"><img src="http://image.noelshack.com/fichiers/2014/20/1400069736-minicat-new.png" /> nouveauté; <img src="http://image.noelshack.com/fichiers/2014/20/1400069736-minicat-new.png" /> nouveauté; <img src="http://image.noelshack.com/fichiers/2014/20/1400069736-minicat-new.png" /> nouveauté; <img src="http://image.noelshack.com/fichiers/2014/20/1400069736-minicat-new.png" /> nouveauté.</div></td></tr>

    <tr><td style="font-family: 'Iceland', cursive;" colspan="3"><img src="http://image.noelshack.com/fichiers/2014/48/1416995936-722407chevronbis.png" />Nous recherchons :
         
    <div class="conteneur"><img style="border: 2px solid #004d50;" src="http://www.myfconline.com/character_avatars/9050_22528.gif" /> <div class="contenu_bulle">Nom Prénom<br />Rôle<br /><a href="#">Voir</a></div></div><div class="conteneur"><img style="border: 2px solid #004d50;" src="http://staceyuk.chaotic-creative.com/coppermine/cpg1416/albums/wpw-20080214/thumb_mckay_plain.png" /> <div class="contenu_bulle">Nom Prénom<br />Rôle<br /><a href="#">Voir</a></div></div><div class="conteneur"><img style="border: 2px solid #004d50;" src="http://img.photobucket.com/albums/v17/LoveEmpress/MyIcons3/lizabethdaily_2weekch_10.png" /> <div class="contenu_bulle">Nom Prénom<br />Rôle<br /><a href="#">Voir</a></div></div><div class="conteneur"><img style="border: 2px solid #004d50;" src="http://kaisa12.bloxode.com/images/miniature/113588688139.jpg" /> <div class="contenu_bulle">Nom Prénom<br />Rôle<br /><a href="#">Voir</a></div></div><div class="conteneur"><img style="border: 2px solid #004d50;" src="http://www.dreamwidth.org/userpic/164424/168770" /> <div class="contenu_bulle">Nom Prénom<br />Rôle<br /><a href="#">Voir</a></div></div><div class="conteneur"><img style="border: 2px solid #004d50;" src="http://www.hollow-art.com/files/bases/2014/08/20140810/19720/Rhona%20Mitra%20in%20Strike%20back-2517880.png" /> <div class="contenu_bulle">Nom Prénom<br />Rôle<br /><a href="#">Voir</a></div></div></td></tr>



    <tr><td colspan="3" style="font-family: 'Iceland', cursive;"><img src="http://image.noelshack.com/fichiers/2014/48/1416995936-722407chevronbis.png" />Quelques liens :

    <img src="http://image.noelshack.com/fichiers/2014/20/1400069736-minicat-new.png" /><a rel="nofollow" target="_blank" class="postlink" href="#">Contrat de confidentialité</a> <img src="http://image.noelshack.com/fichiers/2014/20/1400069736-minicat-new.png" /><a rel="nofollow" target="_blank" class="postlink" href="#">Contexte</a> <img src="http://image.noelshack.com/fichiers/2014/20/1400069736-minicat-new.png" /><a rel="nofollow" target="_blank" class="postlink" href="#"></a><a rel="nofollow" target="_blank" class="postlink" href="#"><span style="color: red;"> Se porter candidat </span></a><img src="http://image.noelshack.com/fichiers/2014/20/1400069736-minicat-new.png" /><a rel="nofollow" target="_blank" class="postlink" href="#">Poser une question</a> <img src="http://image.noelshack.com/fichiers/2014/20/1400069736-minicat-new.png" /><a rel="nofollow" target="_blank" class="postlink" href="#">Persos vacants</a>

    <div style="text-align: center;"><a href="http://www.never-utopia.com/">Never Utopia</a></td></tr></table></div>
    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Audiowide|Iceland" />

    Voilà ! Profitez bien <3


    Dernière édition par Akina-chan le Dim 14 Déc 2014 - 9:00, édité 1 fois
    Anonymous
    Invité

    le Sam 13 Déc 2014 - 17:56

    Hey !

    Merci du partage Akina :3

    Par contre il faudrait ajouter toi-même le crédit vers NU : les gens ne le feront pas autrement :/

    Et je te demanderai de corriger quelques petites choses pour que je puisse valider : tout d'abord dans ton CSS, il ne faut pas d'espace entre les "{" ou "}" et les caractéristiques. Par exemple au lieu d'avoir :
    Code:
    .lenzo:hover{ opacity:0.7; }

    Donne :
    Code:
    .lenzo:hover{opacity:0.7;}

    Il faut en revanche un après le nom de ta balise, toujours avec le même exemple ça donne :
    Code:
    .lenzo:hover {opacity:0.7;}

    Et il faut TOUJOURS finir tes caractéristiques par un point virgule. Il est absent ici par exemple :
    Code:
    .conteneur { position: relative; height: 100px; width: 100px; overflow: visible; display: inline-block }

    De même dans ton code HTML d'ailleurs :
    Code:
    <span style="font-family: 'Audiowide', cursive; font-size: 40px; color: #ffffff; text-align: center; display: block;  margin-right: auto; margin-left: auto; margin-top: -10px">

    Enfin, il ne faut jamais mélanger l'HTML et le BBcode, c'est-à-dire qu'ici :
    Code:
    <p style="font-size: 12px;">Nom Prénom<br />Rôle<br />[url=#]Voir[/url]</p>

    Tu ne dois pas avoir le "URL" mais :
    Code:
    <a href="#">Voir</a>

    Je te demanderai aussi de remplacer les liens d'Atlantis par des "#" s'il te plait.

    Ca ne devrait pas te prendre beaucoup de temps et ça évitera les possibles beugs Wink Si tu as des questions ou besoin d'aide, n'hésites pas !

    Encore merci ! Very Happy
    Akina-chan
    Akina-chan
    FémininAge : 26Messages : 140

    le Dim 21 Déc 2014 - 7:50

    Coucou :)
    Juste pour dire que j'ai vu ton message. Mais je pars demain pour les fêtes et je reste dans ma famille... 3 semaines. Résultat, je ne sais pas si je pourrai changer tout ça bientôt :/
    Anonymous
    Invité

    le Dim 21 Déc 2014 - 9:24

    Hello !

    Merci de prévenir :) Et bien soit le LS attend 3 semaines, soit je peux corriger avec ton accord, à toi de voir ^^

    Bonnes fêtes :)
    Akina-chan
    Akina-chan
    FémininAge : 26Messages : 140

    le Dim 21 Déc 2014 - 12:22

    Tu as le droit de corriger si tu le souhaite :)
    Bonnes fêtes à toi aussi
    catinaphone
    catinaphone
    FémininAge : 28Messages : 93

    le Mer 14 Jan 2015 - 13:15

    Jolie fiche !
    Arisu
    Arisu
    FémininAge : 31Messages : 109

    le Mar 20 Jan 2015 - 2:48

    Merci !
    Iguolta
    Iguolta
    MasculinAge : 20Messages : 198

    le Mar 20 Jan 2015 - 20:00

    Merci ^^



    Asuman
    Asuman
    MasculinAge : 24Messages : 20

    le Ven 23 Jan 2015 - 21:00

    merci :)
    Dastan
    Dastan
    MasculinAge : 36Messages : 111

    le Dim 1 Fév 2015 - 9:56

    une très belle fiche , merci !
    Dark Fairy
    Dark Fairy
    FémininAge : 22Messages : 241

    le Dim 1 Mar 2015 - 22:58

    Merci!
    Yogi Nakagawa
    Yogi Nakagawa
    MasculinAge : 19Messages : 93

    le Mer 29 Avr 2015 - 20:17

    Merci (de la part d'un ami é_è Perce que c'est pas pour moi)
    Fame
    Fame
    MasculinAge : 30Messages : 240

    le Sam 15 Aoû 2015 - 21:43

    merci :)
    Kelalin
    Kelalin
    FémininAge : 27Messages : 2200

    le Dim 16 Aoû 2015 - 20:50

    Merci beaucoup du partage ! (*^▽^*)
    Inoue Musaki
    Inoue Musaki
    FémininAge : 30Messages : 147

    le Sam 14 Nov 2015 - 14:53

    merci
    Zealanders
    Zealanders
    MasculinAge : 24Messages : 42

    le Mer 9 Déc 2015 - 13:49

    Merci Wink
    Mystigri
    Mystigri
    FémininAge : 17Messages : 97

    le Mar 19 Avr 2016 - 16:02

    J'aime l'écriture !



    ninouee
    ninouee
    FémininAge : 39Messages : 140

    le Mer 22 Avr 2020 - 11:22

    Merci pour ce partage.



    Fiche de pub futuriste Robert12
    Contenu sponsorisé


      La date/heure actuelle est Dim 7 Juin 2020 - 8:13