Code PA

Page 2 sur 2 Précédent  1, 2

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

Résolu Code PA

Message par carlotta88 le Sam 1 Oct 2011 - 22:53

Rappel du premier message :

Bonjour ou bonsoir.

J'ai cherché sur le forum le moyen de faire une présentation pour la page d'accueil sans grand résultat. Je demande donc de l'aide pour créer cette présentation en question représenter par l'image ci-dessous mais aussi apprendre comment la faire si cela est possible.

Voici à quoi j'aimerai que ça ressemble :

J'espère trouver de l'aide ^^


Dernière édition par carlotta88 le Dim 2 Oct 2011 - 16:53, édité 1 fois

carlotta88
**

Féminin
Messages : 56
Inscrit(e) le : 25/06/2011

http://zhorse.forumgratuit.org/
carlotta88 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code PA

Message par carlotta88 le Dim 2 Oct 2011 - 12:48

Aw, ok ^^ Merci quand même.

carlotta88
**

Féminin
Messages : 56
Inscrit(e) le : 25/06/2011

http://zhorse.forumgratuit.org/
carlotta88 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code PA

Message par Invité le Dim 2 Oct 2011 - 13:03

On efface tout et on recommence?
Allez, on essai, Razz !

Votre message d'accueil peut-être simplifié, de cette façon, vous pourrez mettre plus de texte ou d'image si nécessaire, car il en faut pas oublier que le nombre de caractères est limité dans le message d'accueil. La limite est très haute, mais on ne sait jamais. Pour cela on va se servir de la feuille CSS, et créer plusieurs identifiants pour les différents éléments.
Code:
/*contexte pa*/
.contexte {
   color:#707070;
   font-style:italic;
   height:70px;
   width:100%;
   overflow-y:auto;
   border:2px solid #000;
   padding:5px;}

/*staff pa*/
.pastaff {
   border:2px solid #000;
   width:100%;
   padding:5px;}

/*liens pa*/
.paliens {
   border:2px solid #000;
   font-style:italic;
   width:60%;
   padding:5px;
   margin:auto;
   font-size:20px;
   font-Trebuchet MS:ballpark;
   letter-spacing:-3px;
   text-shadow:2px 2px 5px #000000;
   text-align:center;}

.paliens a {
   color:#332920 !important;}

/*titres pa*/
.patitle {
   font-style:italic;
   font-size:20px;
   font-Trebuchet MS:ballpark;
   letter-spacing:-3px;
   text-shadow:2px 2px 5px #000000;
   color:#332920;
   text-align: center;}
Ce sont juste les éléments de votre code, mis dans la feuille CSS. Vous pouvez tout à fait changer les noms Wink mais attention à bien les modifier dans le code du message d'accueil.

Dans le code html, on supprime les <font> et </font> le <p>et </p> les <i> et </i> qui ne sont plus utiles. On place les identifiants dans les div correspondantes ou dans les cellules (pour le staff) . on ajoute au tableau contenant l'ensemble des éléments cellspacing="5" pour espacer les cellules entre elles. Plus le chiffre est grand, plus l'espace est grand.
Code:
<div style="margin:auto;text-align:center;width:100%"><img src="http://i47.servimg.com/u/f47/16/67/34/80/sans_t18.jpg" border="0" alt="" /><br />
<a href="http://browse.deviantart.com/?q=fantasy%20city&order=9&offset=24#/d2quauf" class="postlink" target="_blank" rel="nofollow"> Source de l'image </a>
</div>
<br /><br />
<table width="100%" cellspacing="5">
   <tr>
      <td colspan="2">
         <div class="patitle"'> Contexte</div>
         <br />
         <div class="contexte">Tout était beau, tout était bien, tout se passait à merveille. Du moins, en apparence. Mais comme tous savons, les apparences sont trompeuses. Certains scientifiques avaient découvert une nouvelle matière, c'était une erreur qui avait donné un genre d'uranium mais en mieux et ceci avait donné une pierre noire comme l'ébène. Après plusieurs années de maintes recherches, les scientifiques conclurent que la pierre avait les mêmes fonctions que l'uranium mais que les radiations n'étaient plus. Ils entreprirent alors de l'utiliser comme de l'uranium. Au moment où l'arrange pierre d'ébène commença son travail, une terrible explosion eu lieu. L'explosion ravageât un pays, puis un continent, puis une terre entière. Les radiations sois disant inexistante apparurent alors, donnant d'étranges pouvoirs ou mutations aux êtres vivants. Les éléments commencèrent à se déchaînait sur la terre à cause d'une dame que chaque être humain pensait inexistante, Dame Nature. Des orages que personnes n'avait jamais vue, ils étaient impressionnant, dans le ciel noir on ne voyait que des éclairs qui écorchait la terre. Puis, des tremblements de terre incroyable et d'une magnitude impressionnante. Terre et mer était secoué dans tous les sens, maisons et immeubles s'écroulaient un à un, les continents se fissuraient et les volcans entraient en éruptions, même ceux qui semblaient éteint.
         Dame Nature rendait la monnaie de sa pièce, après tant d'année de « maltraitance » elle réagit sur un coup de tête. Mais pourquoi maintenant ? Personne ne pouvait le savoir, personne à part elle.
         Ce temps apocalyptique a durer 31 journées et nuits.
         Certaines personnes, certains animaux, certaines plantes avaient survécus. Les démons et les sorciers, qui n'étaient pour les humains que des créatures imaginaires, firent surface.
         Le temps passa alors, un an précisément. Que va-t-il se passais maintenant ?
         </div>
      </td>
   </tr>
   <tr>
      <td width="50%">
         <div class="paliens"><a href="http://after.forums-rpg.com/f1-rules?tid=578abd56de5198269bca9196705bcee6" class="postlink">Rules</a></div>
         <br />
         <div class="paliens"><a href="http://after.forums-rpg.com/f4-inconnu?tid=578abd56de5198269bca9196705bcee6" class="postlink">Inconnu</i></a></div>
         <br />
         <div class="paliens"> <a href="http://after.forums-rpg.com/?tid=578abd56de5198269bca9196705bcee6" class="postlink">...</a></div>
         <br />
      </td>
 
      <td class="pastaff">
         <div class="patitle">  Staff </div>
         <br />
         <table border="0" width="100%">
         <tr>
         <td><img src="http://img11.hostingpics.net/pics/510129Sanstitre5.png" / ><br/> Avril ; Fondatrice.<br/>Contact</td>
         </tr>
         </table>
      </td>
   </tr>
</table>

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code PA

Message par carlotta88 le Dim 2 Oct 2011 - 13:09

J'ai un peu de mal à tout comprendre, mais c'est tout à fait ce que j'attendais. Merci ! Mais, vous ne savez pas comment on fait pour mettre les angles arrondis par hasard ? À une époque, j'avais le code mais aujourd'hui je ne l'ai plus.

carlotta88
**

Féminin
Messages : 56
Inscrit(e) le : 25/06/2011

http://zhorse.forumgratuit.org/
carlotta88 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code PA

Message par Invité le Dim 2 Oct 2011 - 13:17

Pour arrondir, ajoutez ce code dans les paragraphes CSS concernés:
Code:
-moz-border-radius: 21px;
-webkit-border-radius: 21px;
border-radius: 21px;
Modifiez le 21 pour modifier l'arrondi Wink.

Exemple:
.contexte {
color:#707070;
font-style:italic;
height:70px;
width:100%;
overflow-y:auto;
border:2px solid #000;
padding:5px;
-moz-border-radius: 21px;
-webkit-border-radius: 21px;
border-radius: 21px;
}

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code PA

Message par carlotta88 le Dim 2 Oct 2011 - 13:18

Merci, ce sujet peut-être envoyé aux archives à présent ^^
Edit : J'ai parlé trop vite. Le cadre du staff à disparus =/

carlotta88
**

Féminin
Messages : 56
Inscrit(e) le : 25/06/2011

http://zhorse.forumgratuit.org/
carlotta88 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code PA

Message par Invité le Dim 2 Oct 2011 - 16:13

C'est sûrement rien de grave, avez-vous ajouté quelque chose dans la partie staff? Un guillemet manquant, une balise mal fermée et pffft! le cadre s'évapore Razz .

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code PA

Message par carlotta88 le Dim 2 Oct 2011 - 16:21

Mis à part le code pour les coins arrondis dans le CSS, rien de rien. Et même quand j'enlève ce code le cadre ne revient pas. Cadre farceur ! victoire

carlotta88
**

Féminin
Messages : 56
Inscrit(e) le : 25/06/2011

http://zhorse.forumgratuit.org/
carlotta88 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code PA

Message par Invité le Dim 2 Oct 2011 - 16:25

reflexion Pourriez-vous me donner le contenu de votre feuille CSS?

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code PA

Message par carlotta88 le Dim 2 Oct 2011 - 16:27

Le voici :
Code:
/*contexte pa*/
.contexte {
  color:#707070;
  font-style:italic;
  height:70px;
  width:100%;
  overflow-y:auto;
  border:2px solid #947575;
  padding:5px;}
  -moz-border-radius: 21px;
  -webkit-border-radius: 21px;
  border-radius: 21px;
 
/*staff pa*/
.pastaff {
  border:2px solid #947575;
  width:100%;
  padding:5px;}
 
/*liens pa*/
.paliens {
  border:2px solid #947575;
  font-style:italic;
  width:60%;
  padding:5px;
  margin:auto;
  font-size:20px;
  font-Trebuchet MS:ballpark;
  letter-spacing:-3px;
  text-shadow:2px 2px 5px #000000;
  text-align:center;
  -moz-border-radius: 21px;
  -webkit-border-radius: 21px;
  border-radius: 21px;}
 
.paliens a {
  color:#332920 !important;}
 
/*titres pa*/
.patitle {
  font-style:italic;
  font-size:20px;
  font-Trebuchet MS:ballpark;
  letter-spacing:-3px;
  text-shadow:2px 2px 5px #000000;
  color:#332920;
  text-align: center;
  -moz-border-radius: 21px;
  -webkit-border-radius: 21px;
  border-radius: 21px;}

carlotta88
**

Féminin
Messages : 56
Inscrit(e) le : 25/06/2011

http://zhorse.forumgratuit.org/
carlotta88 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code PA

Message par Invité le Dim 2 Oct 2011 - 16:35

Very Happy Vous avez des propriétés en dehors des paragraphes, donc ça marche moins bien Razz .

Le CSS se construit toujours de la même manière:un point+ un nom, puis une accolade, ensuite les propriétés avec un point virgule à la fin de chacune, et une accolade pour fermer le paragraphe:
.nom{propriété:valeur; propriété:valeur; propriété:valeur;}

Votre partie contexte est fausse Wink, corrigez-la et le cadre sera là.

Cordialement.



Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code PA

Message par carlotta88 le Dim 2 Oct 2011 - 16:45

Oki oki ^^

carlotta88
**

Féminin
Messages : 56
Inscrit(e) le : 25/06/2011

http://zhorse.forumgratuit.org/
carlotta88 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code PA

Message par carlotta88 le Dim 2 Oct 2011 - 16:52

Effectivement, il y avait une erreur. Un crochet placé au mauvais endroit, méchant crochet ! Razz
Tout fonctionne maintenant. Merci beaucoup !
Sujet enfin à déplacer ;D

carlotta88
**

Féminin
Messages : 56
Inscrit(e) le : 25/06/2011

http://zhorse.forumgratuit.org/
carlotta88 a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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