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.

Le deal à ne pas rater :
(CDAV) Foire aux vins : -20% dès 99€ d’achat
Voir le deal

    Affaire classée

    A-Lice
    A-Lice
    FémininAge : 29Messages : 4939

    Sam 23 Aoû 2014 - 0:08




    Affaire classée


    Suite à une demande d'Angie Dalton voici une fiche de Pub Affaire classée.

    Je précise que l'arrière plan vert correspond à mon forum.

    Voici donc un aperçu : www


    Et le code :
    HTML :
    Code:
    <!DOCTYPE><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css' /></head><body>
    <div style="width:650px; background-color: firebrick; border:1px solid black; margin:auto;"><div style="border-top-left-radius: 20px; border-top-right-radius: 20px; width:80px; background-color: firebrick; padding:5px; font-size:12px; color:black; border-top:solid 1px black; border-left:solid 1px black; border-right:1px solid black; text-align:center; transform:rotate(-90deg); position:relative; left:-59px; top:40px;">Pub</div><br/><br/>
    <div style="width:93%; background-image:url(http://img15.hostingpics.net/pics/876228papertexturestockbyomg009d4q4wu0.jpg); transform:rotate(-1deg); border: solid 1px black; margin-left:auto; margin-right:auto; margin-top:-50px;"><div style="width:100%; background-image:url(http://img15.hostingpics.net/pics/876228papertexturestockbyomg009d4q4wu0.jpg); transform:rotate(-1deg); border: solid 1px black; margin:auto;"><div style="width:97%; background-image:url(http://img15.hostingpics.net/pics/876228papertexturestockbyomg009d4q4wu0.jpg); margin:auto; padding:10px; transform:rotate(2deg); border: solid 1px black; text-align:center;">
    <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Torchwood_old_logo.svg/275px-Torchwood_old_logo.svg.png" alt="logo" style="width:150px; height:150px;" /><br /><br /><div style="width:90%; text-align:justify; font-size:13px; color:black; padding:10px; margin:auto;"><span style="display:block; text-align:center; font-size:25px; color:black;">Fiche de Pub</span>
      <br/>
      <br/>
      <div style="width:580px; height:200px; margin-left:-25px; overflow:hidden;"><img src="http://img11.hostingpics.net/pics/993999600200.png" /></div>
      <br/>
    <div style="margin:auto; width:90%; padding:10px; text-align:justify; background-color:firebrick; color:white; border:black 1px solid;"><span style="display:block; text-align:center; font-size:25px; color:BurlyWood; font-family: 'Pacifico', cursive; padding:10px;">Nom du forum et/ou lien</span>
        <div style="width:95%; border:2px black dashed;padding:5px; margin:auto;"><span style="display:block; margin:auto; width:50%; border-bottom:2px solid white; text-shadow:0px 0px 2px white; font-size:18px; text-align:center; padding:5px;">Contexte</span><br />
      Blabla du contexte.
        </div> <br />
      <div style="width:95%; border:2px black dashed; text-align:center; padding:5px; margin:auto;"><span style="display:block; margin:auto; width:50%; border-bottom:2px solid white; text-shadow:0px 0px 2px white; font-size:18px; text-align:center; padding:5px;">Staff</span><br />
          <div style="display:inline-block; padding:5px;"><img src="http://img15.hostingpics.net/pics/847387renzoicon03.png" alt="" style="width:100px; height:100px;" /></div> <div style="padding:5px; display:inline-block;"><img src="http://img15.hostingpics.net/pics/847387renzoicon03.png" alt="" style="width:100px; height:100px;" /></div> <div style="display:inline-block; padding:5px;"><img src="http://img15.hostingpics.net/pics/847387renzoicon03.png" alt="" style="width:100px; height:100px;" /></div> <div style="padding:5px; display:inline-block;"><img src="http://img15.hostingpics.net/pics/847387renzoicon03.png" alt="" style="width:100px; height:100px;" /></div>
        </div><br />
        <div style="display:inline-block; margin-left:1%; width:31%; border:2px black dashed;padding:5px;"><span style="display:block; margin:auto; width:50%; border-bottom:2px solid white; text-shadow:0px 0px 2px white; font-size:18px; text-align:center; padding:5px;">Stat's</span><br />
        Blabla.
          </div> <div style="display: inline-block; width:61%; border:2px black dashed;padding:5px;"><span style="display:block; margin:auto; width:50%; border-bottom:2px solid white; text-shadow:0px 0px 2px white; font-size:18px; text-align:center; padding:5px;">Ce que tu veux</span><br />
      Blabla.
        </div> <br /><br />
        <div style="width:95%; border:2px black dashed;padding:5px; margin:auto;"><span style="display:block; margin:auto; width:50%; border-bottom:2px solid white; text-shadow:0px 0px 2px white; font-size:18px; text-align:center; padding:5px;">En savoir plus...</span><br />
          <a href="">Blabla d'un lien</a><br />
          <a href=""><img src="" alt="" /></a>
         
        </div> <br />
      </div>
    </div>
    </div></div></div><a href="http://www.never-utopia.com/" style="text-decoration:none; font-size:12px; color:black; text-align:center; padding:5px; display:block;">© A-Lice | Never-Utopia</a></div></body></html>

    Cette fiche a été codé pour être mise en page HTML (Panneau d'administration -> Modules -> Gestion des pages HTML -> Création en mode avancé (HTML)) Et pour la partager, il faut le faire via iframe.


    Iframe :
    Code:
    <center><iframe src="LIEN DE LA PAGE HTML" border="0" frameborder="0" scrolling="no" style="margin:10px;" width="710px" height="1450px"></iframe></center>

    D'ailleurs, il faut adapter la hauteur (height) de l'iframe à celle de la Pub.


    La suite de l'ensemble se trouve ici :


    Règlement
    Contexte
    Présentation
    Prédéfini
    Liens
    Récapitulatif
    Contenu RP
    Demande de Partenariat
    Pub

    /!\ En cas de problème, c'est ici que ça ce passe.


    Dernière édition par A-Lice le Lun 16 Fév 2015 - 0:02, édité 1 fois

    Anonymous
    Invité

    Sam 23 Aoû 2014 - 12:12

    Merci !
    Kau
    Kau
    FémininAge : 22Messages : 148

    Sam 23 Aoû 2014 - 18:46

    C'est super, j'adore le style, merci beaucoup du partage !
    Pastiche
    Pastiche
    FémininAge : 29Messages : 78

    Dim 24 Aoû 2014 - 19:46

    Merci du partage ! ♥
    Bellovy
    Bellovy
    FémininAge : 27Messages : 16

    Jeu 28 Aoû 2014 - 10:08

    Merchi! C'est super comme fiche!
    Ay.am.e
    Ay.am.e
    FémininAge : 25Messages : 123

    Mar 2 Sep 2014 - 3:34

    Merci !
    Haniwa
    Haniwa
    FémininAge : 29Messages : 206

    Sam 13 Sep 2014 - 17:43

    Merci
    Chocolakato
    Chocolakato
    FémininAge : 33Messages : 837

    Dim 5 Oct 2014 - 20:33

    Hey, merci !



    Cocotawa
    Cocotawa
    FémininAge : 27Messages : 33

    Mer 8 Oct 2014 - 14:33

    Merci ! Very Happy
    Carasama
    Carasama
    FémininAge : 28Messages : 98

    Jeu 13 Nov 2014 - 14:59

    merci *-*
    Araki
    Araki
    MasculinAge : 34Messages : 141

    Sam 6 Déc 2014 - 15:57

    Merci!
    Shanyme Thibolt
    Shanyme Thibolt
    FémininAge : 30Messages : 156

    Dim 18 Jan 2015 - 23:34

    merci *^*
    Anonymous
    Invité

    Dim 22 Fév 2015 - 16:04

    Merci Wink
    Vani
    Vani
    FémininAge : 39Messages : 154

    Lun 30 Mar 2015 - 18:06

    Merci :3
    Christtinne
    Christtinne
    FémininAge : 38Messages : 205

    Ven 3 Avr 2015 - 3:06

    *O* OMG Soo cool Merci!!!
    didi XIV
    didi XIV
    FémininAge : 34Messages : 19

    Mar 7 Avr 2015 - 12:24

    Merci
    Staark
    Staark
    MasculinAge : 28Messages : 49

    Mar 7 Avr 2015 - 12:56

    Merci ^^
    Araik
    Araik
    FémininAge : 28Messages : 250

    Ven 26 Juin 2015 - 18:20

    Je la trouve plus simple que la demande de partenariat. Bien que la demande soit bien aussi.



    Affaire classée Signat15
    Porcelain Detox
    Porcelain Detox
    MasculinAge : 29Messages : 91

    Mer 1 Juil 2015 - 17:39

    Merci :)
    Draly
    Draly
    FémininAge : 31Messages : 119

    Sam 1 Aoû 2015 - 10:23

    Great, thank you. :)
    0smose
    0smose
    FémininAge : 28Messages : 167

    Dim 30 Aoû 2015 - 17:18

    J'aime beaucoup ! Merci pour ce sympathique travail !



    Affaire classée Bannie10

    But I'm only human
    And I bleed when I fall down... I'm only human and I crash and I break down. Your words in my head,
    knives in my heart. You build me up and then I fall apart.
    'Cause I'm only human.
    Anonymous
    Invité

    Dim 30 Aoû 2015 - 18:59

    Merci \(T∇T)/
    Dark-Ice
    Dark-Ice
    FémininAge : 28Messages : 173

    Mar 20 Oct 2015 - 16:27

    merci.



    Affaire classée 113492DarkIcesigna
    Lilynufare
    Lilynufare
    FémininAge : 33Messages : 341

    Mar 10 Nov 2015 - 14:05

    Jolie
    Sighild
    Sighild
    FémininAge : 37Messages : 225

    Dim 3 Jan 2016 - 13:44

    Merci!
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Mar 2024 - 5:23