Bonjour à vous,
Voici un code réalisé il y a un bout de temps pour un projet au départ personnel. Le code ne me servira finalement pas, c'est pourquoi je le met en libre service dans l'espoir qu'il fasse votre bonheur!
J'ai fait de mon mieux pour l'aérer, mais il reste assez brouillon. Si un détail vous dérange ou mérite d'être souligné, n'hésitez pas à m'en faire part en postant à la suite ou en m'envoyant un message privé avec le lien du libre service. Un message de remerciement si vous utilisez ce code fera toujours plaisir même si je n'utilise pas la balise hide.
Voici un code réalisé il y a un bout de temps pour un projet au départ personnel. Le code ne me servira finalement pas, c'est pourquoi je le met en libre service dans l'espoir qu'il fasse votre bonheur!
J'ai fait de mon mieux pour l'aérer, mais il reste assez brouillon. Si un détail vous dérange ou mérite d'être souligné, n'hésitez pas à m'en faire part en postant à la suite ou en m'envoyant un message privé avec le lien du libre service. Un message de remerciement si vous utilisez ce code fera toujours plaisir même si je n'utilise pas la balise hide.
J'utilise codepen pour présenter mon code afin que vous puissiez facilement le personnaliser en conservant un aperçu du résultat final.
Cliquez sur les boutons "HTML" et "CSS" pour découvrir l'intégralité du code. Si aucun aperçu n’apparaît, veuillez cliquer sur le bouton "Result".
Si vous n'avez pas accès à la feuille CSS du forum sur lequel sera exposé la fiche, veuillez ajouter ce code à votre message.
Pensez à répéter les mêmes modifications que dans l'onglet CSS.
- Code:
<style>.presentation_bloc { width: 600px; min-height: 300px; margin: auto; border: 1px solid #161b1f; display: flex; flex-wrap: wrap; color: #222; font-family: sans-serif; font-size: 13px; text-align: justify; } .presentation_titre { background-color: #161b1f; color: silver; font-family: 'Merriweather', serif; font-size: 22px; height: 20px; padding: 10px 0px; text-align: center; width: 600px; margin: auto} .presentation_id { background-color: #191e24; color: silver; width: 300px; height: 150px;} .presentation_physique { background: #23272d; color: silver; width: 200px; Height: 150px;} .presentation_liste { border-bottom: 1px solid #333; text-transform: lowercase; color: silver; margin: auto; width: 96%; padding: 0px 2px;} .presentation_contenu { background: silver; width: 590px; min-height: 100px; margin: auto; padding: 5px; line-height: 110%;} .presentation_contenu_titre { font-family: merriweather; font-weight: 550; font-size: 15px;} .presentation_contenu_bloc { background: #23272d; color: silver; width: auto; padding: 5px; margin-bottom: 10px;} .presentation_fin { width: 607px; min-height: 10px; max-height: 110px; margin: auto; overflow: hidden; margin-top: -1px;} .presentation_fin_contenu { background: #949494; border-bottom: 10px solid #161b1f; width: 590px; height: 90px; padding: 5px; margin: auto; border-right: 1px solid #161b1f; border-left: 1px solid #161b1f; line-height: 110%; overflow: auto; transform: translateY(-100px); transition: all 1s ease; color: #222; font-family: sans-serif; font-size: 13px; text-align: justify; } .presentation_fin_contenu:hover { transform: translateY(0px);}</style>
Merci de créditer "Hanns" dans votre liste de crédits si vous êtes administrateur du forum, sinon merci de le faire à la suite de votre présentation.
