Andrea
Dim 10 Déc 2023 - 16:33
Le code Linéaire est accordé avec :
Sa fiche de présentation
Sa fiche de recap' rp
Sa fiche de lien (avec descriptions liens)
Sa fiche de bottin
Sa fiche de scénario
Sa fiche de pré-lien
Sa fiche de réponse rp
HTML:
CSS:
Si vous voulez pas mettre le CSS dans celui du Forum, voici le code juste copier/coller:
Les couleurs / images / contenus sont bien évidement modifiables! N'oubliez pas de laisser le crédit
Sa fiche de présentation
Sa fiche de recap' rp
Sa fiche de lien (avec descriptions liens)
Sa fiche de bottin
Sa fiche de scénario
Sa fiche de pré-lien
Sa fiche de réponse rp
Le Titre La
1
Le Sous Titre La
A
Le Sous Titre La
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla posuere sollicitudin aliquam ultrices sagittis. Id cursus metus aliquam eleifend mi in. Tristique magna sit amet purus gravida quis blandit turpis. Fames ac turpis egestas sed tempus urna et pharetra pharetra.
B
Le Sous Titre La
Odio aenean sed adipiscing diam. Accumsan tortor posuere ac ut. Diam sollicitudin tempor id eu. Sit amet luctus venenatis lectus magna fringilla urna porttitor. Faucibus et molestie ac feugiat sed lectus vestibulum mattis ullamcorper.
2
Le Sous Titre La
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla posuere sollicitudin aliquam ultrices sagittis. Id cursus metus aliquam eleifend mi in. Tristique magna sit amet purus gravida quis blandit turpis.
HTML:
- Code:
<center><div class="rplineaire"><div class="tittlelienaire">Le Titre La</div><div class="soustitrelineaire"><div class="numberlineaire">1</div><div class="soustittlelienaire">Le Sous Titre La</div></div><div class="detaillineaire"><div class="detailnumberlineaire">A</div><div class="detailsoustittlelienaire">Le Sous Titre La</div></div><div class="textlineaire">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla posuere sollicitudin aliquam ultrices sagittis. Id cursus metus aliquam eleifend mi in. Tristique magna sit amet purus gravida quis blandit turpis. Fames ac turpis egestas sed tempus urna et pharetra pharetra. </div><div class="detaillineaire"><div class="detailnumberlineaire">B</div><div class="detailsoustittlelienaire">Le Sous Titre La</div></div><div class="textlineaire"> Odio aenean sed adipiscing diam. Accumsan tortor posuere ac ut. Diam sollicitudin tempor id eu. Sit amet luctus venenatis lectus magna fringilla urna porttitor. Faucibus et molestie ac feugiat sed lectus vestibulum mattis ullamcorper. </div><div class="soustitrelineaire"><div class="numberlineaire">2</div><div class="soustittlelienaire">Le Sous Titre La</div></div><div class="textlineaire">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla posuere sollicitudin aliquam ultrices sagittis. Id cursus metus aliquam eleifend mi in. Tristique magna sit amet purus gravida quis blandit turpis.</div><div class="creditlineaire"><a href="https://pisrale.forumactif.com/">Andrea</a></div></div></center>
CSS:
- Code:
.rplineaire{
width: 500px;
border-left: 10px solid #1e6baf;
margin: 10px;
}
.tittlelienaire{
width: 400px;
margin: 10px 20px 10px 20px;
padding-top: 15px;
font-size: 20px;
text-transform: uppercase;
text-align: right;
}
.soustitrelineaire{
display: grid;
grid-template-columns: 1fr 1fr;
border-top: 5px solid #1e6baf;
border-bottom: 5px solid #1e6baf;
font-weight: bold;
}
.detaillineaire{
display: grid;
grid-template-columns: 1fr 1fr;
border-top: 2px solid #1e6baf;
border-bottom: 2px solid #1e6baf;
}
.detailnumberlineaire{
color: #ffffff;
background-color: #1e6baf;
padding: 5px 30px 5px 80px;
font-size: 14px;
font-style: italic;
}
.numberlineaire{
color: #ffffff;
background-color: #1e6baf;
padding: 10px 20px 10px 20px;
font-size: 16px;
font-style: italic;
}
.detailsoustittlelienaire{
width: 360px;
text-align: left;
margin: 5px 20px 5px 20px;
font-size: 14px;
font-style: italic;
}
.soustittlelienaire{
width: 400px;
text-align: left;
margin: 10px 20px 10px 20px;
font-size: 16px;
font-style: italic;
}
.textlineaire{
text-align: justify;
padding: 10px;
font-size: 14px;
}
.creditlineaire{
text-align: center;
text-transform: uppercase;
border-top: 5px solid #1e6baf;
font-size: 10px;
padding-top: 5px;
margin: 10px 0px 10px 0px;
line-height: 20px;
}
.creditlineaire a{
text-decoration: none;
}
Si vous voulez pas mettre le CSS dans celui du Forum, voici le code juste copier/coller:
- Code:
<center><div class="rplineaire"><div class="tittlelienaire">Le Titre La</div><div class="soustitrelineaire"><div class="numberlineaire">1</div><div class="soustittlelienaire">Le Sous Titre La</div></div><div class="detaillineaire"><div class="detailnumberlineaire">A</div><div class="detailsoustittlelienaire">Le Sous Titre La</div></div><div class="textlineaire">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla posuere sollicitudin aliquam ultrices sagittis. Id cursus metus aliquam eleifend mi in. Tristique magna sit amet purus gravida quis blandit turpis. Fames ac turpis egestas sed tempus urna et pharetra pharetra. </div><div class="detaillineaire"><div class="detailnumberlineaire">B</div><div class="detailsoustittlelienaire">Le Sous Titre La</div></div><div class="textlineaire"> Odio aenean sed adipiscing diam. Accumsan tortor posuere ac ut. Diam sollicitudin tempor id eu. Sit amet luctus venenatis lectus magna fringilla urna porttitor. Faucibus et molestie ac feugiat sed lectus vestibulum mattis ullamcorper. </div><div class="soustitrelineaire"><div class="numberlineaire">2</div><div class="soustittlelienaire">Le Sous Titre La</div></div><div class="textlineaire">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla posuere sollicitudin aliquam ultrices sagittis. Id cursus metus aliquam eleifend mi in. Tristique magna sit amet purus gravida quis blandit turpis.</div><div class="creditlineaire"><a href="https://pisrale.forumactif.com/">Andrea</a></div></div></center>
<style> .rplineaire{width: 500px;border-left: 10px solid #1e6baf;margin: 10px;}.tittlelienaire{width: 400px;margin: 10px 20px 10px 20px;padding-top: 15px;font-size: 20px;text-transform: uppercase;text-align: right;}.soustitrelineaire{display: grid;grid-template-columns: 1fr 1fr;border-top: 5px solid #1e6baf;border-bottom: 5px solid #1e6baf;font-weight: bold;}.detaillineaire{display: grid;grid-template-columns: 1fr 1fr;border-top: 2px solid #1e6baf;border-bottom: 2px solid #1e6baf;}.detailnumberlineaire{color: #ffffff;background-color: #1e6baf;padding: 5px 30px 5px 80px;font-size: 14px;font-style: italic;}.numberlineaire{color: #ffffff;background-color: #1e6baf;padding: 10px 20px 10px 20px;font-size: 16px;font-style: italic;}.detailsoustittlelienaire{width: 360px;margin: 5px 20px 5px 20px;font-size: 14px;font-style: italic;text-align: left;}.soustittlelienaire{width: 400px;margin: 10px 20px 10px 20px;font-size: 16px;font-style: italic;text-align: left;}.textlineaire{text-align: justify;padding: 10px;font-size: 14px;}.creditlineaire{text-align: center;text-transform: uppercase;border-top: 5px solid #1e6baf;font-size: 10px;padding-top: 5px;margin: 10px 0px 10px 0px;line-height: 20px;}.creditlineaire a{text-decoration: none;}</style>
Les couleurs / images / contenus sont bien évidement modifiables! N'oubliez pas de laisser le crédit
|
|