En poursuivant votre navigation sur notre site, vous acceptez l’utilisation de cookies afin d’améliorer votre navigation. En savoir plus Réduire
Plan du site  ·  Mentions Légales  ·  Statistiques  ·  Contact PatMax Web ·  PatMax Annuaire · 
FAQ
Connexion · M’enregistrer
Afin de bénéficier de l'intégralité des fonctions de ce forum il est conseillé de vous connecter
PatMax Scripts va fermer définitivement au mois d'avril 2024

Index du forum » ENTRAIDE » TUTORIELS - HTML - BBCODE - PHP - LIENS UTILES » Commande HTML

 
Poster un nouveau sujet Répondre au sujet
Message Auteur
Message Posté: Sam 1 Déc 2012 17:57 

Peut-on créé un code personnaliser pour l'Arche de Noé



Voici le code

<center>
<div class="prese">
<div class="pseudo">Fiche de " L'Arche de Noé "</div>
<table>
<tr>
<td><div class="avat"><img src=http://www.patmax.eu/I15/121201103529.jpg /></div></td>
<td><div class="ecrit">[b]Prénom: Thierry[/b] : <br>[b]Origine de ton pseudo: Le titre de mon forum[/b] : <br>[b]Age: 48ans[/b] : <br>[b]De quel région es-tu: Meuse (55)[/b] : <br>[b]Que fais-tu dans la vie: Métalier soudeur[/b] : <br>[b]Quelles sont tes passions:Le magnétisme Curatif (venir en aide à un maximum d'animaux et de personnes)[/b] : <br>[b]Comment as-tu connu le forum: Par Optimalus forum informatique[/b] : <br>[b]Quelles sont tes premières impressions:Compliqué pour arrivé jusqu'ici.[/b] : <br>[b]Aimerais-tu rejoindre notre staff: Pourquoi pas.[/b] :  <br>[b]Si oui, à quel poste(s) ?[/b] [b]:à vous ve voir, au fil du temps ? poste(s) ?[/b] : <br>[b]Autre chose à nous dire sur toi ?Pas pour le moment[/b] : </div></td>
</tr>
</table>
<span style=color:#000000;">Fiche by ©Brigitte</span>
</div>
</center>


Une fois le code instaler sur mon forum ne donne plus les même résultats

Image

Merci pour vos réponses

_________________
Quand tu bois l'eau pense à sa source.


Avatar de l’utilisateur
Hors ligne

Enregistré le:
Sam 17 Déc 2011 00:38
Messages: 151
Localisation: Lorraine (Meuse) Tronville en Barrois

Profil  Site InternetPas de position géographique communiquée
Répondre en citant le message  
Haut  
Message Posté: Sam 1 Déc 2012 21:13 

C'est tout à fait normal Titus. Tout d'abord je vais t'expliquer pourquoi, histoire que tu puisses comprendre.

L'affichage sur le web est géré par deux langages principalement: le HTML et le CSS.

Le code HTML (celui que tu as posté plus haut) sert à dire à ton navigateur ce qu'il doit afficher(texte, liens etc...)
Le code CSS, lui, sert à dire au navigateur comment il doit s'afficher(taille, emplacement, couleur etc...)

C'est en combinant les deux que tu peux avoir un résultat comme sur ton image. Or ici, tu n'as visiblement que le code HTML, donc ton navigateur sait ce qu'il doit afficher mais pas comment. Il prend donc les valeurs CSS par défaut.

Il faut donc que tu récupères la portion de code CSS associé à cette portion de code HTML et que tu l'insères dans le fichier approprié.
Si tu ne sais pas comment récupérer ce code ni où. Donne-moi juste le lien qui mène à la version originale et de là j'essayerai de te trouver le code. :)


Avatar de l’utilisateur
Hors ligne

Enregistré le:
Sam 1 Déc 2012 17:59
Messages: 18
Répondre en citant le message  
Haut  
Message Posté: Sam 1 Déc 2012 22:07 

Je te remercie pour tes explications BickyBik, voici le lien :wink:

http://mermaidpub.lebonforum.com/t8-for ... alcultatif

_________________
Quand tu bois l'eau pense à sa source.


Avatar de l’utilisateur
Hors ligne

Enregistré le:
Sam 17 Déc 2011 00:38
Messages: 151
Localisation: Lorraine (Meuse) Tronville en Barrois

Profil  Site InternetPas de position géographique communiquée
Répondre en citant le message  
Haut  
Message Posté: Dim 2 Déc 2012 13:58 

Bonjour Titus,

Je me suis occupé de ton problème. Je me suis aussi permis de proposer une alternative à l'autre apparence, histoire que ça soit plus perso. Tu choisis ce que tu veux.

Voilà comment ça rend:

Image


Tu peux te rendre sur cette page pour récupérer les codes

En éspérant t'avoir aidé ;)


Avatar de l’utilisateur
Hors ligne

Enregistré le:
Sam 1 Déc 2012 17:59
Messages: 18
Répondre en citant le message  
Haut  
Message Posté: Dim 2 Déc 2012 14:32 

Whouaaaaa Merciiiiii pour ton aide BickyBik, et tu me conseil html ou css ?

_________________
Quand tu bois l'eau pense à sa source.


Avatar de l’utilisateur
Hors ligne

Enregistré le:
Sam 17 Déc 2011 00:38
Messages: 151
Localisation: Lorraine (Meuse) Tronville en Barrois

Profil  Site InternetPas de position géographique communiquée
Répondre en citant le message  
Haut  
Message Posté: Dim 2 Déc 2012 14:43 

Tu as besoin des deux :) Le code html c'est ce que tu vas mettre dans ton message par exemple, à l'endroit où tu vas l'afficher. Mais le css lui doit aller dans un fichier CSS. ;) Je ne connais pas vraiment forumactif donc je ne sais pas trop où ça se trouve mais normalement tu devrais avoir la possibilité d'ajouter et de modifier du code CSS quelque part dans ton administration. Jete-y un oeil ;)

Pour le deuxième exemple, quand je dis "uniquement ajouter le css" ça veut dire que ton code html de départ ne change pas (celui de ton premier message). Mais tu dois quand même le taper pour le faire apparaître :p

Sinon y'a pas réellement de conseil, tu peux prendre mon style ou celui de Brigitte. Ce qui est bien avec le mien c'est que je ne te mets pas de coyright, c'est vite envahissant. Le code CSS est plus long pour mon style aussi, mais ça ce n'est pas bien grave, copier/coller et c'est réglé.


Avatar de l’utilisateur
Hors ligne

Enregistré le:
Sam 1 Déc 2012 17:59
Messages: 18
Répondre en citant le message  
Haut  
Message Posté: Dim 2 Déc 2012 15:13 

Bon j'installe le css et je reviens :wink:

_________________
Quand tu bois l'eau pense à sa source.


Avatar de l’utilisateur
Hors ligne

Enregistré le:
Sam 17 Déc 2011 00:38
Messages: 151
Localisation: Lorraine (Meuse) Tronville en Barrois

Profil  Site InternetPas de position géographique communiquée
Répondre en citant le message  
Haut  
Message Posté: Dim 2 Déc 2012 15:34 

Voici un exemple une fois les modifications opérées: http://sampledesign.creation-forum.com/t2-test-arche#2


Avatar de l’utilisateur
Hors ligne

Enregistré le:
Sam 1 Déc 2012 17:59
Messages: 18
Répondre en citant le message  
Haut  
Message Posté: Dim 2 Déc 2012 18:19 

Il doit y avoir un loupé de mon côté


_________________
Quand tu bois l'eau pense à sa source.


Avatar de l’utilisateur
Hors ligne

Enregistré le:
Sam 17 Déc 2011 00:38
Messages: 151
Localisation: Lorraine (Meuse) Tronville en Barrois

Profil  Site InternetPas de position géographique communiquée
Répondre en citant le message  
Haut  
Message Posté: Dim 2 Déc 2012 18:52 

Reprenons. Pour avoir exactement le même rendu que le mien, il faut insérer ce code dans le message:

<center>
 <div class="conteneur_arche">
  <div class="nom_de_fiche">Fiche de <span class="petit">«</span>L'Arche de Noé<span class="petit">»</span></div>
    <table>
      <tbody><tr>
       <td><div class="arche_img"><img src="http://img.myzupics.com/ab/i41.PNG"></div></td>
       <td>
         <div id="conteneur_description"> <div class="arche_description">
            <span class="fiche_fields">Prénom:</span> Thierry<br>
            <span class="fiche_fields">Origine de ton pseudo:</span> Le titre de mon forum<br>
            <span class="fiche_fields">Age:</span> 48ans<br>
            <span class="fiche_fields">De quel région es-tu:</span> Meuse (55)<br>
            <span class="fiche_fields">Que fais-tu dans la vie:</span> Métalier soudeur<br>
            <span class="fiche_fields">Quelles sont tes passions:</span> Le magnétisme Curatif (venir en aide à un maximum d'animaux et de personnes)<br>
            <span class="fiche_fields">Comment as-tu connu le forum:</span> Par Optimalus forum informatique<br>
            <span class="fiche_fields">Quelles sont tes premières impressions:</span> Compliqué pour arrivé jusqu'ici.<br>
            <span class="fiche_fields">Aimerais-tu rejoindre notre staff:</span> Pourquoi pas.<br>
            <span class="fiche_fields">Si oui, à quel poste(s) ?</span> à vous ve voir, au fil du temps ? poste(s) ?<br>
            <span class="fiche_fields">Autre chose à nous dire sur toi ?</span> Pas pour le moment
         </div> </div>
       </td>
      </tr>
    </tbody></table>
  </div>
</center>


Et ce code dans Administration > Affichage > Couleurs > Feuilles de style CSS:

 .conteneur_arche {
   min-height: 350px;
   width: 650px;
   background-image: url('http://img.myzupics.com/ab/6c5.png'); /* IMAGE DE FOND DU CADRE */
   color: #6c6cc8;
   border: 2px dashed #dadadb;
   border-radius: 30px 30px 30px 30px;
   margin: 20px;
     -webkit-transition: color 1s;
  -webkit-transition-property: background, color;
  -webkit-transition-duration: 0.1s;
  -webkit-box-shadow:1px 1px 6px #cfb9fd;
   border: 2px solid #cfb9fd;
 }
 
 
.nom_de_fiche {
   font-family: homestead_regularregular, arial;
   text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
   font-size: 30px;
   margin: 22px;
   color: #ffffff;
}
 
#conteneur_description {border-top: 2px dashed #ffffff; border-bottom: 2px dashed #ffffff}
 
.fiche_fields {
   font-family: homestead_regularregular, arial;
   text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
   color: #ffffff;
   font-size: 15px;   
}
 
.arche_description {
  margin: 8px;
  color: #f6f6fe;
  font-family: compassmedium, sans-serifs;
  height: 150px;
  overflow: auto;
  font-size: 12px;
   
}
 
 
.arche_img {
   margin-left: 10px;
   margin-right: 10px;
   border: 2px dashed #ffffff;
   padding: 5px; 
}
 
.petit {
 
   font-size: 21px;
 
}
 
::-webkit-scrollbar {
                width: 10px;
                height: 10px;
            }
            ::-webkit-scrollbar-button:start:decrement,
            ::-webkit-scrollbar-button:end:increment  {
                display: none;
            }
             
            ::-webkit-scrollbar-track-piece  {
                background-color: #b5b5fe;
                -webkit-border-radius: 6px;
                border: 1xp dashed #ffffff;
            }
             
            ::-webkit-scrollbar-thumb:vertical {
                -webkit-border-radius: 6px;
                background: #ffffff url("http://img.myzupics.com/ab/ozf.png") no-repeat center;
                width: 25px;
            }
 
 
 
@font-face {
    font-family: 'homestead_regularregular';
    src: url('http://fastdesign.ch/fonts/homestead-regular-webfont.eot');
    src: url('http://fastdesign.ch/fonts/homestead-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://fastdesign.ch/fonts/homestead-regular-webfont.woff') format('woff'),
         url('http://fastdesign.ch/fonts/homestead-regular-webfont.ttf') format('truetype'),
         url('http://fastdesign.ch/fonts/homestead-regular-webfont.svg#homestead_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@font-face {
    font-family: 'compassmedium';
    src: url('http://fastdesign.ch/fonts/compass-webfont.eot');
    src: url('http://fastdesign.ch/fonts/compass-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://fastdesign.ch/fonts/compass-webfont.woff') format('woff'),
         url('http://fastdesign.ch/fonts/compass-webfont.ttf') format('truetype'),
         url('http://fastdesign.ch/fonts/compass-webfont.svg#compassmedium') format('svg');
    font-weight: normal;
    font-style: normal;
 
}


Image



Et bien sûr ne pas oublier d'enregistrer les modifications. :)


Avatar de l’utilisateur
Hors ligne

Enregistré le:
Sam 1 Déc 2012 17:59
Messages: 18
Répondre en citant le message  
Haut  
Message Posté: Dim 2 Déc 2012 19:02 

voila chose faite merci pour ton aide

-- Dim 2 Déc 12 18:13 --

super résultat impecable :wink:

tu crois qu'il est possible de ce servir de cette fiche en la modifiant, pour autre chose (comme par exemple une fiche pour des demandes d'aide pour nos animaux) ?

_________________
Quand tu bois l'eau pense à sa source.


Avatar de l’utilisateur
Hors ligne

Enregistré le:
Sam 17 Déc 2011 00:38
Messages: 151
Localisation: Lorraine (Meuse) Tronville en Barrois

Profil  Site InternetPas de position géographique communiquée
Répondre en citant le message  
Haut  
 
Poster un nouveau sujet Répondre au sujet



Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité


Afficher les messages postés depuis:   Trier par  
Aller à:  

Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas modifier vos messages
Vous ne pouvez pas supprimer vos messages
Vous ne pouvez pas joindre des fichiers

Index du forum » ENTRAIDE » TUTORIELS - HTML - BBCODE - PHP - LIENS UTILES » Commande HTML


Votre site ici

Inscrire votre site        Voir plus de boutons
 

Reproduction strictement interdite sans l'autorisation de l'administrateur.

PatMax © 2006 - 2008
Développé par phpBB® Forum Software © phpBB Group    
Traduit par phpBB-fr.com
Thème graphique par PatMax ©