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 : -47%
CONTINENTAL EDISON – Aspirateur balai et ...
Voir le deal
24.99 €

    Fiche de Nouveautés/Publicité.

    RozenBreizh
    RozenBreizh
    FémininAge : 28Messages : 1407

    le Jeu 28 Mai 2015 - 15:23



    Bien le bonsoir ou bonjour à toute la communauté. :)

    Après mettre cassé la tête, pas bien longtemps, je le reconnais, c'est allé assez vite pour cette fois-ci, je viens vous proposer en LS une nouvelle petite fiche tout en HTML cette fois-ci. Pour la petite info, je m'en sers pour faire mes actualisations de publicités/partenariat, mais cette fiche peut tout aussi bien être utilisé pour une fiche de présentation de votre forum si vous ne souhaitez pas user d'une publicité en iframe. :)

    Html
    Voici un aperçus de la fiche : Fiche de publicité. (screen).
    Un petit merci fera apparaître le code Wink

    /!\ Je rappelle que cette section existe en cas de problème!./!\



       
    Merci de ne pas retirer le crédit à Never Utopia. :)


    Le Code de la fiche:
    Code:
    <div style="background-image: url(URL DE VOTRE FOND EN IMAGE);width:550px;margin:auto;border-top:10px solid #000423;border-bottom:10px solid #000423;border-right:2px solid #000423;border-left:2px solid #000423;"><a href="URL DE VOTRE FORUM"><img src="URL DE VOTRE IMAGE DE PRESENTATION" /></a>
    <div style="color:#000423 ;font-size: 20px; padding-left :15px; ; padding: 4px; margin: auto;"><b>Quêtes et Concours :</b></div>
    <div style="text-align: justify;padding:5px;">Nemo quaeso miretur, si post exsudatos labores itinerum longos congestosque adfatim commeatus fiducia vestri ductante barbaricos pagos adventans velut mutato repente consilio ad placidiora deverti.Nemo quaeso miretur, si post exsudatos labores itinerum longos congestosque adfatim commeatus fiducia vestri ductante barbaricos pagos adventans velut mutato repente consilio ad placidiora deverti.</div>

    <div style="color:#000423 ;font-size: 20px; padding-left :15px; ; padding: 4px; margin: auto;"><b>Les Prédéfinis ou Scénarios disponibles :</b></div>
    <div style="text-align: justify;padding:5px;color:#000423 ;font-size: 12px;">Nemo quaeso miretur, si post exsudatos labores itinerum longos congestosque adfatim commeatus fiducia vestri ductante barbaricos pagos adventans velut mutato repente consilio ad placidiora deverti.Nemo quaeso miretur, si post exsudatos labores itinerum longos congestosque adfatim commeatus fiducia vestri ductante barbaricos pagos adventans velut mutato repente consilio ad placidiora deverti.</div>

    <div style="color:#000423 ;font-size: 20px; padding-left :15px; ; padding: 4px; margin: auto;"><b>Nouveautés du Background :</b></div>
    <div style="text-align: justify;padding:5px;color:#000423 ;font-size: 12px;">Nemo quaeso miretur, si post exsudatos labores itinerum longos congestosque adfatim commeatus fiducia vestri ductante barbaricos pagos adventans velut mutato repente consilio ad placidiora deverti.Nemo quaeso miretur, si post exsudatos labores itinerum longos congestosque adfatim commeatus fiducia vestri ductante barbaricos pagos adventans velut mutato repente consilio ad placidiora deverti.</div>

    <div style="color:#000423 ;font-size: 20px; padding-left :15px; ; padding: 4px; margin: auto;"><b>Nouveautés du Forum en lui-même :</b></div>
    <div style="text-align: justify;padding:5px;color:#000423 ;font-size: 12px;">Nemo quaeso miretur, si post exsudatos labores itinerum longos congestosque adfatim commeatus fiducia vestri ductante barbaricos pagos adventans velut mutato repente consilio ad placidiora deverti.Nemo quaeso miretur, si post exsudatos labores itinerum longos congestosque adfatim commeatus fiducia vestri ductante barbaricos pagos adventans velut mutato repente consilio ad placidiora deverti.</div>

    <table style="margin:auto;">
    <tr><td><span style="font-weight:700;font-size:20px;font-family:Times New Roman;color:#000423;padding-left:5px">Informations Techniques :</span> <div style="display:block;width:255px;height:90px;font-size:11px;overflow:auto;margin:auto;color:#000523;padding:2px;text-align:left">INFORMATIONS TECHNIQUES SUR VOTRE RPG </div></td><td><div style="display:block;width:255px;height:90px;font-size:11px;overflow:auto;margin:auto;color:#000523;padding:2px;text-align:left">INFORMATIONS TECHNIQUES SUR VOTRE RPG</div></td></tr></table>

    <a href="URL DE VOTRE FORUM"><img src="URL DE VOTRE IMAGE DE PARTENARIAT DELA TAILLE VOULUE" /></a>
    (c)Codage par Rozenbrez sur [url=http://www.never-utopia.com/]Never Utopia[/url].</div>

    Personnalisation de la fiche :
    Maintenant que vous avez le code je vais vous expliquer comment la personnaliser, ces explications sont pour les personnes ayant du mal à s'y retrouver dans le charabia du codage. :)

    Le fond de votre fiche (background):
    Code:
    background-image: url(URL DE VOTRE FOND EN IMAGE);
    J'ai choisi de mettre un fond imagé, mais vous pouvez très bien mettre un fond de couleur. Pour cela il vous faut juste changer l'intitulé:
    Code:
    background-color:#VOTRE COULEUR;

    La taille de votre fiche (width et height) :
    Pour changer la taille de votre fiche il faut modifier les nombres suivant :
    - width:550px; (c'est la largeur de votre fiche.)
    - Je n'ai pas mis définit de hauteur propre, ainsi la fiche s'adapte seule à la hauteur par rapport aux informations que vous mettrez dedans.

    Les bordures de votre fiche (border) :
    - border-top:10px solid #000423; (c'est la bordure du haut.)
    - border-bottom:10px solid #000423; (c'est la bordure du bas.)
    - border-right:2px solid #000423; (c'est la bordure de droite.)
    - border-left:2px solid #000423; (c'est la bordure de gauche.)

    - XXpx correspond à la taille de votre bordure, plus le chiffre est grand et plus votre bordure sera grande.
    - Solid est le style de bordure désiré. Vous pouvez très bien en changer avec les propriétés suivantes :

    • dotted (pointillé)
    • dashed (tirets)
    • solid (solide)
    • double (double)
    • groove (rainurée)
    • ridge (relief)
    • inset (relief intérieur)
    • outset (relief extérieur)

    -  #000423 est la couleur que vous donnez à votre bordure.

    L'image de présentation :
    Votre image de présentation doit présenter votre forum (logique!) et peut-être la bannière redimensionnée.
    Code:
    <a href="URL DE VOTRE FORUM"><img src="URL DE VOTRE IMAGE DE PRESENTATION" /></a>

    Pour ma part j'ai fait une image en 550 pixels de largeur sur 300 pixels de hauteur. Sachant que mon image, c'est parfaitement bien adapter à la fiche sans aucun ajout de code pour la redimensionner. Donc à vous d'adapter la largeur de votre image par rapport à la largeur choisie de la fiche.

    Voilà, je pense qu'avec ces informations basiques et les informations complémentaires dans le code en lui-même, vous arriverez à vous y retrouver pour finir la personnalisation. :)

    Bise les enfants et à la prochaine fois.
    Cruelly
    Cruelly
    FémininAge : 27Messages : 2604

    le Mar 25 Aoû 2015 - 4:27

    Magnifique merci beaucoup Very Happy



    :heart: :heart:
    Kelalin
    Kelalin
    FémininAge : 27Messages : 2200

    le Mar 25 Aoû 2015 - 9:03

    Merci ! (´⊙ω⊙`)!
    Glaçou
    Glaçou
    FémininAge : 18Messages : 117

    le Mer 26 Aoû 2015 - 17:37

    Vraiment magnifique!
    Chadot
    Chadot
    FémininAge : 31Messages : 207

    le Jeu 3 Mar 2016 - 18:35

    Merci



    Fiche de Nouveautés/Publicité. 2mo6y5k
    Yumeki
    Yumeki
    FémininAge : 27Messages : 147

    le Jeu 10 Mar 2016 - 20:16

    Merci c'est très beau !
    fraumali
    fraumali
    FémininAge : 40Messages : 127

    le Sam 19 Mar 2016 - 21:32

    Bonjour et merci de ce partage
    Eshon
    Eshon
    FémininAge : 39Messages : 194

    le Dim 15 Mai 2016 - 22:33

    Merci !
    PrincesseÔ
    PrincesseÔ
    FémininAge : 22Messages : 220

    le Ven 3 Juin 2016 - 18:38

    Merci pour ce code elle est très belle :)
    Bilandie
    Bilandie
    FémininAge : 24Messages : 21

    le Lun 20 Juin 2016 - 1:03

    Cette fiche est vraiment trop belle *^* je crois que je vais m'en servir! merci beaucoup pour ça! Very Happy
    phenixia74
    phenixia74
    FémininAge : 41Messages : 59

    le Lun 4 Juil 2016 - 19:22

    Très belle fiche Wink
    Zélya
    Zélya
    FémininAge : 31Messages : 190

    le Jeu 7 Juil 2016 - 15:44

    bonjour merci du partage ^^



    Fiche de Nouveautés/Publicité. 891727signaNanmoue
    Dodolovelove
    Dodolovelove
    FémininAge : 33Messages : 38

    le Lun 11 Juil 2016 - 12:53

    Wouaaah c'est sublime! Merci **
    Sighild
    Sighild
    FémininAge : 33Messages : 223

    le Jeu 18 Aoû 2016 - 14:22

    Merci pour la fiche.
    ptite_perle
    ptite_perle
    FémininAge : 56Messages : 125

    le Ven 19 Aoû 2016 - 10:00

    Merci



    Fiche de Nouveautés/Publicité. Signature
    Whit
    Whit
    FémininAge : 22Messages : 154

    le Lun 29 Aoû 2016 - 21:10

    Merci beaucoup ! ♥
    Yttel
    Yttel
    MasculinAge : 37Messages : 29

    le Mer 7 Sep 2016 - 10:23

    Merci beaucoup ! ♥
    TheDirector
    TheDirector
    MasculinAge : 22Messages : 20

    le Mer 12 Oct 2016 - 20:27

    Merci
    RPG Maker
    RPG Maker
    FémininAge : 25Messages : 47

    le Ven 4 Nov 2016 - 11:48

    J'aime beaucoup et c'est bien qu'on puisse le personnaliser. Merci. ^^
    Louaque
    Louaque
    MasculinAge : 54Messages : 60

    le Ven 11 Nov 2016 - 22:26

    Bonsoir,

    Tres joli!!
    Christtinne
    Christtinne
    FémininAge : 34Messages : 200

    le Dim 13 Nov 2016 - 3:15

    merci :3
    Océ
    Océ
    FémininAge : 45Messages : 323

    le Sam 10 Déc 2016 - 16:04

    merci

    lala zhang
    lala zhang
    FémininAge : 29Messages : 372

    le Sam 10 Déc 2016 - 16:22

    Merci pour la fiche elle est super
    Delena
    Delena
    FémininAge : 36Messages : 100

    le Lun 19 Déc 2016 - 20:22

    Merci !



    Fiche de Nouveautés/Publicité. Fraisy10
    thuncrow
    thuncrow
    MasculinAge : 24Messages : 76

    le Sam 7 Jan 2017 - 10:46

    Merci beaucoup :)
    Contenu sponsorisé


      La date/heure actuelle est Lun 1 Juin 2020 - 14:47