Code fiche

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code fiche

Message par Cramby' le Mar 2 Avr 2013 - 22:35

Bonjour, bonsoir !

Je croyais avoir déjà poster le sujet mais apparemment non, si c'est le cas désoler :s

Je voudrait créer une fiche essentiel pour mon forum RPG. Voila le résultat souhaiter :


Ce que je voudrais savoir, c'est comment mettre une image de fond à cette fiche et comment faire trois colonnes ?

Merci d'avance !


Dernière édition par Cramby' le Jeu 4 Avr 2013 - 16:52, édité 1 fois

Cramby'
****

Féminin
Messages : 279
Inscrit(e) le : 27/06/2012

http://amesvagabondes.forumactif.org
Cramby' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code fiche

Message par Brodette le Mar 2 Avr 2013 - 23:26

Bonsoir,

J'ai trouvé un p'tit tuto sur Never Utopia qui pourrait te servir. Mais pour voir, il faut être inscrit.
Rien de bien compliqué.

Brodette
Nouveau membre

Messages : 16
Inscrit(e) le : 02/04/2013

http://tandf.forumactif.org/
Brodette a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code fiche

Message par Cramby' le Mar 2 Avr 2013 - 23:45

Merci de votre réponse ! =)
Malheureusement je ne suis pas inscrite :/ Pouvez vous me donner le lien quand même ? :3

Cramby'
****

Féminin
Messages : 279
Inscrit(e) le : 27/06/2012

http://amesvagabondes.forumactif.org
Cramby' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code fiche

Message par Cramby' le Mer 3 Avr 2013 - 12:43

Bonjour !

Désoler du double post mais j'ai réussi ! Par contre j'ai un petit soucis :/
Voila donc le résultat :

Ce que je voudrait, c'est que les 3 colonnes restent à la même hauteur. Comme on peut le voir sur le screen, les 3 colonnes ne le sont pas :/

Code:
<link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>

<center><DIV STYLE="width: 800px; background-image: url(http://i72.servimg.com/u/f72/14/07/30/96/fond_f10.jpg); overflow: hidden; font-family: Archivo Narrow; font-size: 15px; color: #535353">

<div style="font-family:Julius sans one; font-size: 50px; color: #EDD67F;"><center>Dirty Little Secrets </center></div>
<table><center> <td><div class="cadreaa";>  colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne </div></td><td>

<div class="cadreab";><center>colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2</center></div></td> <td>

<div class="cadreac";> <center>colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne </center></div> </td> </center></table>
Code by Mady'
</DIV></center>

Cramby'
****

Féminin
Messages : 279
Inscrit(e) le : 27/06/2012

http://amesvagabondes.forumactif.org
Cramby' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code fiche

Message par Brodette le Mer 3 Avr 2013 - 20:35

Hey, désolée pour le lien je croyais l'avoir mis.

J'ai modifié ton code (un problème de saut de ligne) et voila ! Tout est à la même auteur. Du coup je me suis permis d'enlever le crédit en bas de page (code by 'Madiv).

Normalement tout marche. J'ai aussi enlever des "2colonne" car il y en avait trop et je n'arrivait rien à voir.



Code:
<link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>

<center><DIV STYLE="width: 800px; background-image: url(http://i72.servimg.com/u/f72/14/07/30/96/fond_f10.jpg); overflow: hidden; font-family: Archivo Narrow; font-size: 15px; color: #535353">

<div style="font-family:Julius sans one; font-size: 50px; color: #EDD67F;">
<center>Dirty Little Secrets </center></div>

<table><center> <td>

<div class="cadreaa";width: 200px;>2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2 </div></td><td>

<div class="cadreab";width: 200px;><center>2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2</center></div></td> <td>

<div class="cadreac";width: 200px;> <center>2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne 2colonne </center></div> </td> </center></table>

</DIV></center>

En espérant t'avoir aidé BYE

Brodette
Nouveau membre

Messages : 16
Inscrit(e) le : 02/04/2013

http://tandf.forumactif.org/
Brodette a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code fiche

Message par Cramby' le Jeu 4 Avr 2013 - 16:51

Merci beaucoup, ça fonctionne ! ♥

Cramby'
****

Féminin
Messages : 279
Inscrit(e) le : 27/06/2012

http://amesvagabondes.forumactif.org
Cramby' a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum