Code fiche

2 participants

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

Résolu Code fiche

Message par Cramby' 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 :
Code fiche Blog11

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
avatar

Cramby'
****

Féminin
Messages : 282
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 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é.
avatar

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' 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
avatar

Cramby'
****

Féminin
Messages : 282
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' 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 :
Code fiche Bloggg10
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>
avatar

Cramby'
****

Féminin
Messages : 282
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 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
avatar

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' Jeu 4 Avr 2013 - 16:51

Merci beaucoup, ça fonctionne ! ♥
avatar

Cramby'
****

Féminin
Messages : 282
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

- Sujets similaires

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