MävenRâleuse (Admin)- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4099 
Fiche multifonction (Pub, règlement, présentation, etc...)
Sam 8 Juin 2019 - 10:13
Fiche multifonction (Pub, règlement, présentation, etc...)
Hello !
Je viens te proposer aujourd'hui une petit fiche qui peut te servir pour la pub, pour la mise en page de tes sujets importants, etc... Je te met 2 exemples ci-dessous
Petit aperçu
(bien entendu, les couleurs sont personnalisables)Dans le cadre d'une pub :
- Spoiler:
- Titre de la fiche
Lorem ipsum dolor Je suis un lien sit amet, consectetur adipiscing elit. Aenean vel elit id arcu fermentum vestibulum. Aenean consectetur vulputate accumsan. Pellentesque nec nisl nibh. Aliquam erat volutpat. Suspendisse ultricies ultrices purus, id rhoncus nisl suscipit non. Suspendisse lacus elit, congue eget mollis nec, vehicula eget justo. Integer interdum vehicula orci sed sodales. Nullam mollis pharetra augue, sed aliquet magna pulvinar non. Integer pellentesque, tortor vel elementum porttitor, orci risus malesuada ex, id rhoncus dolor sapien mollis ante. Aenean leo turpis, tincidunt in eros imperdiet, commodo mattis turpis. Morbi et purus id lorem gravida tristique. Donec semper leo et augue iaculis imperdiet.
Rejoins-nous sur Nom du Forum
Fiche proposée par © Mäven
Dans le cadre d'un règlement (Merci à Flitzz pour l'autorisation d'utiliser son règlement) :
- Spoiler:
- Objet du forum et ses règles
cher/chère membre ou futur(e) membreJ'écris ce sujet un peu explicatif de l'objet du forum, parce que parfois cela s'avère nécessaire pirat et ensuite j'énoncerai quelques règles à respecter sur celui ci.
Je pense ne pas voir beaucoup de choses à vous dire en plus, car je sais que tout se passera bien, pourquoi faire plus long inutilement.
Fiche proposée par © Mäven
Les codes
Ne pas supprimer les commentaires (- Code:
<!-- -->
merci de laisser le © à la fin de la fiche Dans tous les cas, pour ajouter un texte centré, tu peux utiliser ceci :
- Code:
<p class="centrer">Ton texte</p>
Pour ajouter / supprimer un bloc tu peux ajouter / supprimer cette partie :
- Code:
<fieldset><!--
--><legend>Titre du bloc</legend><!--
--><p>paragraphe</p><!--
--></fieldset>
Pour utiliser la fiche sur ton forum (règlement, présentation, mise en page de sujets lambda)
Pour ajouter la police des premières lettre et des titres à ton forum, [tu peux te référer à ce tutoriel].
L'ajout se fera avec ceci pour utiliser la même police que moi :
- Code:
<link href="https://fonts.googleapis.com/css?family=Courgette&display=swap" rel="stylesheet">
- Code:
.mvn-fiche-2 {
background: #a49260;
border: 2px #fff solid;
padding: 8px;
box-shadow: 2px 2px 12px #000;
text-align: justify;
width: 700px;
margin: auto;
border-radius: 10px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
font-size: 12px;
font-family: arial !important;
font-size: 12px !important;
color: #000;
}
.mvn-fiche-2 fieldset {
border: solid 3px #fff;
background-color: #ddcda2;
box-shadow: 2px 2px 12px #000;
color: #000;
margin: 10px;
padding: 10px;
border-radius: 10px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
font-family: arial !important;
font-size: 12px !important;
}
.mvn-fiche-2 fieldset legend {
color: #2e2409;
font-size: 25px;
margin: auto;
font-family: courgette, cursive;
text-shadow: 1px 1px #fff, -1px 1px #fff, -1px -1px #fff, 1px -1px #fff, 2px 2px 8px #000
}
.mvn-fiche-2 fieldset legend::before,
.mvn-fiche-2 fieldset legend::after {
content: " ~ "
}
.mvn-fiche-2 .grand_titre {
color: #2e2409;
font-size: 36px;
line-height: 40px;
text-align: center;
text-shadow: 1px 1px #fff, -1px 1px #fff, -1px -1px #fff, 1px -1px #fff, 2px 2px 8px #000;
margin: 0;
padding: 0;
font-family: courgette, cursive
}
.mvn-fiche-2 .grand_titre::first-letter {
font-size: 55px;
}
.mvn-fiche-2 p {
text-indent: 15px;
line-height: 20px
}
.mvn-fiche-2 p::first-letter {
font-size: 20px;
font-family: courgette, cursive
}
.mvn-fiche-2 a {
color: #fff;
text-decoration: none;
font-weight: 700
}
.mvn-fiche-2 a:hover {
color: #2e2409;
font-weight: 400
}
.mvn-fiche-2 fieldset a {
color: #2e2409;
font-weight: 700
}
.mvn-fiche-2 fieldset a:hover {
color: #000;
font-weight: 400
}
.centrer {
text-align: center
}
.mvn-fiche-2 .cp {
color: #ddcda2;
font-size: 10px;
margin-bottom: 0;
text-align: center
}
Dans le sujet que tu souhaites mettre en forme, colles ceci (et remplace mes textes et logo par les tiens
)- Code:
<div class="mvn-fiche-2"><!--
--><div class="grand_titre">Titre de la fiche</div><!--
--><p class="centrer"><!--
--><a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a> <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a> <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a><!--
--></p><!--
--><p> Lorem ipsum dolor <a href="#"> Je suis un lien </a>sit amet, consectetur adipiscing elit. Aenean vel elit id arcu fermentum vestibulum. Aenean consectetur vulputate accumsan. Pellentesque nec nisl nibh. Aliquam erat volutpat. Suspendisse ultricies ultrices purus, id rhoncus nisl suscipit non. Suspendisse lacus elit, congue eget mollis nec, vehicula eget justo. Integer interdum vehicula orci sed sodales. Nullam mollis pharetra augue, sed aliquet magna pulvinar non. Integer pellentesque, tortor vel elementum porttitor, orci risus malesuada ex, id rhoncus dolor sapien mollis ante. Aenean leo turpis, tincidunt in eros imperdiet, commodo mattis turpis. Morbi et purus id lorem gravida tristique. Donec semper leo et augue iaculis imperdiet.</p><!--
--><fieldset><!--
--><legend>Je suis le titre du bloc</legend><!--
--><p> <a href="#"> Je suis un lien </a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel elit id arcu fermentum vestibulum. Aenean consectetur vulputate accumsan. Pellentesque nec nisl nibh. Aliquam erat volutpat. Suspendisse ultricies ultrices purus, id rhoncus nisl suscipit non. Suspendisse lacus elit, congue eget mollis nec, vehicula eget justo. Integer interdum vehicula orci sed sodales. Nullam mollis pharetra augue, sed aliquet magna pulvinar non. Integer pellentesque, tortor vel elementum porttitor, orci risus malesuada ex, id rhoncus dolor sapien mollis ante. Aenean leo turpis, tincidunt in eros imperdiet, commodo mattis turpis. Morbi et purus id lorem gravida tristique. Donec semper leo et augue iaculis imperdiet.<!--
--></p><!--
--></fieldset><!--
--><fieldset><!--
--><legend>Je suis le titre du bloc</legend><!--
--><p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel elit id arcu fermentum vestibulum. Aenean consectetur vulputate accumsan. Pellentesque nec nisl nibh. Aliquam erat volutpat. Suspendisse ultricies ultrices purus, id rhoncus nisl suscipit non. Suspendisse lacus elit, congue eget mollis nec, vehicula eget justo. Integer interdum vehicula orci sed sodales. </p><!--
--><p>In imperdiet neque vel nisi suscipit consectetur. Phasellus ut mollis tortor. Suspendisse eget massa convallis quam blandit ultrices. Maecenas tincidunt finibus nunc, ac porttitor metus dapibus a. Vivamus consectetur luctus nunc, aliquet lacinia nunc congue at. Morbi porttitor turpis id sodales lobortis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut metus tortor, mattis at tincidunt et, facilisis vitae nisi. </p><!--
--></fieldset>
<p class="centrer"> Rejoins-nous sur <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations.">Nom du Forum</a>
<!--
--><a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="https://i.servimg.com/u/f71/20/05/19/39/468x6010.png" alt="Mini-bannière 468x60 - La Tambouille des Râleuses" /></a><!--
--></p><!--
--><p class="cp">Fiche proposée par <a href="http://tambouille-raleuses.forumactif.com">© Mäven</a></p><!--
--></div>
Pour utiliser la fiche sur un autre forum (pub, mise en page d'un sujet lambda)
- Code:
<link href="https://fonts.googleapis.com/css?family=Courgette&display=swap" rel="stylesheet"><style>.mvn-fiche-2{background:#a49260;border:2px #fff solid;padding:8px;box-shadow:2px 2px 12px #000;text-align:justify;width:700px;margin:auto;border-radius:10px;border-top-right-radius:50px;border-bottom-left-radius:50px;font-size:12px;font-family:arial!important;font-size:12px!important;color:#000}.mvn-fiche-2 fieldset{border:solid 3px #fff;background-color:#ddcda2;box-shadow:2px 2px 12px #000;color:#000;margin:10px;padding:10px;border-radius:10px;border-top-left-radius:50px;border-bottom-right-radius:50px;font-family:arial!important;font-size:12px!important}.mvn-fiche-2 fieldset legend{color:#2e2409;font-size:25px;margin:auto;font-family:courgette,cursive;text-shadow:1px 1px #fff,-1px 1px #fff,-1px -1px #fff,1px -1px #fff,2px 2px 8px #000}.mvn-fiche-2 fieldset legend::before, .mvn-fiche-2 fieldset legend::after{content:" ~ "}.mvn-fiche-2 .grand_titre{color:#2e2409;font-size:36px;line-height:40px;text-align:center;text-shadow:1px 1px #fff,-1px 1px #fff,-1px -1px #fff,1px -1px #fff,2px 2px 8px #000;margin:0;padding:0;font-family:courgette,cursive}.mvn-fiche-2 .grand_titre::first-letter{font-size:55px}.mvn-fiche-2 p{text-indent:15px;line-height:20px}.mvn-fiche-2 p::first-letter{font-size:20px;font-family:courgette,cursive}.mvn-fiche-2 a{color:#fff !important;text-decoration:none;font-weight:700}.mvn-fiche-2 a:hover{color:#2e2409;font-weight:400}.mvn-fiche-2 fieldset a{color:#2e2409 !important;font-weight:700}.mvn-fiche-2 fieldset a:hover{color:#000;font-weight:400}.centrer{text-align:center}.mvn-fiche-2 .cp{color:#ddcda2;font-size:10px;margin-bottom:0;text-align:center}</style>
<div class="mvn-fiche-2"><!--
--><div class="grand_titre">Titre de la fiche</div><!--
--><p class="centrer"><!--
--><a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a> <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a> <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a><!--
--></p><!--
--><p> Lorem ipsum dolor <a href="#"> Je suis un lien </a>sit amet, consectetur adipiscing elit. Aenean vel elit id arcu fermentum vestibulum. Aenean consectetur vulputate accumsan. Pellentesque nec nisl nibh. Aliquam erat volutpat. Suspendisse ultricies ultrices purus, id rhoncus nisl suscipit non. Suspendisse lacus elit, congue eget mollis nec, vehicula eget justo. Integer interdum vehicula orci sed sodales. Nullam mollis pharetra augue, sed aliquet magna pulvinar non. Integer pellentesque, tortor vel elementum porttitor, orci risus malesuada ex, id rhoncus dolor sapien mollis ante. Aenean leo turpis, tincidunt in eros imperdiet, commodo mattis turpis. Morbi et purus id lorem gravida tristique. Donec semper leo et augue iaculis imperdiet.</p><!--
--><fieldset><!--
--><legend>Je suis le titre du bloc</legend><!--
--><p> <a href="#"> Je suis un lien </a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel elit id arcu fermentum vestibulum. Aenean consectetur vulputate accumsan. Pellentesque nec nisl nibh. Aliquam erat volutpat. Suspendisse ultricies ultrices purus, id rhoncus nisl suscipit non. Suspendisse lacus elit, congue eget mollis nec, vehicula eget justo. Integer interdum vehicula orci sed sodales. Nullam mollis pharetra augue, sed aliquet magna pulvinar non. Integer pellentesque, tortor vel elementum porttitor, orci risus malesuada ex, id rhoncus dolor sapien mollis ante. Aenean leo turpis, tincidunt in eros imperdiet, commodo mattis turpis. Morbi et purus id lorem gravida tristique. Donec semper leo et augue iaculis imperdiet.<!--
--></p><!--
--></fieldset><!--
--><fieldset><!--
--><legend>Je suis le titre du bloc</legend><!--
--><p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel elit id arcu fermentum vestibulum. Aenean consectetur vulputate accumsan. Pellentesque nec nisl nibh. Aliquam erat volutpat. Suspendisse ultricies ultrices purus, id rhoncus nisl suscipit non. Suspendisse lacus elit, congue eget mollis nec, vehicula eget justo. Integer interdum vehicula orci sed sodales. </p><!--
--><p>In imperdiet neque vel nisi suscipit consectetur. Phasellus ut mollis tortor. Suspendisse eget massa convallis quam blandit ultrices. Maecenas tincidunt finibus nunc, ac porttitor metus dapibus a. Vivamus consectetur luctus nunc, aliquet lacinia nunc congue at. Morbi porttitor turpis id sodales lobortis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut metus tortor, mattis at tincidunt et, facilisis vitae nisi. </p><!--
--></fieldset><!--
--><fieldset><!--
--><legend>Je suis le titre du bloc</legend><!--
--><p> <a href="#"> Je suis un lien </a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel elit id arcu fermentum vestibulum. Aenean consectetur vulputate accumsan. Pellentesque nec nisl nibh. Aliquam erat volutpat. Suspendisse ultricies ultrices purus, id rhoncus nisl suscipit non. Suspendisse lacus elit, congue eget mollis nec, vehicula eget justo. Integer interdum vehicula orci sed sodales. Nullam mollis pharetra augue, sed aliquet magna pulvinar non. Integer pellentesque, tortor vel elementum porttitor, orci risus malesuada ex, id rhoncus dolor sapien mollis ante. Aenean leo turpis, tincidunt in eros imperdiet, commodo mattis turpis. Morbi et purus id lorem gravida tristique. Donec semper leo et augue iaculis imperdiet.<!--
--></p><!--
--></fieldset><!--
--><p class="centrer"> Rejoins-nous sur <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations.">Nom du Forum</a>
<!--
--><a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="https://i.servimg.com/u/f71/20/05/19/39/468x6010.png" alt="Mini-bannière 468x60 - La Tambouille des Râleuses" /></a><!--
--></p><!--
--><p class="cp">Fiche proposée par <a href="http://tambouille-raleuses.forumactif.com">© Mäven</a></p><!--
--></div>
Je reste disponible si tu as la moindre question, pour la personnalisation ou la compréhension du code
Bonne journée à toi
Flitzz- Pseudo Discord : TicTac
Messages : 774
Re: Fiche multifonction (Pub, règlement, présentation, etc...)
Sam 8 Juin 2019 - 10:41
Salut Mäven/Maryje tiens à te remercier pour ce LS,
du coup il est clair que dans quelques temps on va voir mon règlement partout !!!!!
Hihihihihi je suis dingue de cette présentation comme ça et de ces couleurs bien choisies
merci.
Fleur'- Informations : J'essaie de passer une fois par semaine
Messages : 381
Re: Fiche multifonction (Pub, règlement, présentation, etc...)
Sam 8 Juin 2019 - 10:46
Ah oui c'est joli aussi pour un règlement
- MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4099
Re: Fiche multifonction (Pub, règlement, présentation, etc...)
Sam 8 Juin 2019 - 10:53
Merci
J'suis contente qu'elle vous plaise
@Flitzz, si tu préfères que je retire ton règlement tu peux encore changer d'avis hein
Bises
J'suis contente qu'elle vous plaise
@Flitzz, si tu préfères que je retire ton règlement tu peux encore changer d'avis hein
Bises
- Flitzz
- Pseudo Discord : TicTac
Messages : 774
Re: Fiche multifonction (Pub, règlement, présentation, etc...)
Sam 8 Juin 2019 - 11:15
re, Mary, surtout pas,
c'était une blague !!!
bisous
c'était une blague !!!
bisous
PêpêcheMascotte- Messages : 4428
Re: Fiche multifonction (Pub, règlement, présentation, etc...)
Sam 8 Juin 2019 - 21:03
Coucou
Rolala !!! Je trouve la mise en page de ces fiches hyper sympa !!
Rolala !!! Je trouve la mise en page de ces fiches hyper sympa !!
- MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4099
Re: Fiche multifonction (Pub, règlement, présentation, etc...)
Sam 8 Juin 2019 - 21:21
Merci =)
Permission de ce forum:
Vous pouvez répondre aux sujets dans ce forum