Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
-40%
Le deal à ne pas rater :
Tefal Ingenio Emotion – Batterie de cuisine 10 pièces (induction, ...
59.99 € 99.99 €
Voir le deal

test maj forum art design et prd

 :: Administration :: café des admins
Aller en bas
avatar
Admin
Admin
Messages : 38
Date d'inscription : 11/04/2021
https://cindy.forumactif.com
+

test maj forum art design et prd Empty test maj forum art design et prd

Jeu 29 Fév - 9:30
<div class="forumactif-galerie-container">
   <div class="forumactif-galerie-title">Galerie de Graphisme</div>

   <div class="forumactif-galerie-section">
       <div class="forumactif-galerie-section-title">Avatars</div>
       <div class="forumactif-galerie-gallery">
           <div class="forumactif-galerie-image-container">
               <img class="forumactif-galerie-image" src="lien_avatar_1.jpg" alt="Avatar 1">
               <div class="forumactif-galerie-description">Description de l'avatar 1</div>
           </div>
           <div class="forumactif-galerie-image-container">
               <img class="forumactif-galerie-image" src="lien_avatar_2.jpg" alt="Avatar 2">
               <div class="forumactif-galerie-description">Description de l'avatar 2</div>
           </div>
           <!-- Ajoutez d'autres avatars si nécessaire -->
       </div>
   </div>

   <div class="forumactif-galerie-section">
       <div class="forumactif-galerie-section-title">Headers</div>
       <div class="forumactif-galerie-gallery">
           <div class="forumactif-galerie-image-container">
               <img class="forumactif-galerie-image" src="lien_header_1.jpg" alt="Header 1">
               <div class="forumactif-galerie-description">Description du header 1</div>
           </div>
           <div class="forumactif-galerie-image-container">
               <img class="forumactif-galerie-image" src="lien_header_2.jpg" alt="Header 2">
               <div class="forumactif-galerie-description">Description du header 2</div>
           </div>
           <!-- Ajoutez d'autres headers si nécessaire -->
       </div>
   </div>

   <!-- Ajoutez d'autres sections si nécessaire -->

</div>
avatar
Admin
Admin
Messages : 38
Date d'inscription : 11/04/2021
https://cindy.forumactif.com
+

test maj forum art design et prd Empty Re: test maj forum art design et prd

Jeu 29 Fév - 9:32
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Galerie de Graphisme</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
margin: 0;
padding: 0;
}

.forumactif-galerie-container {
width: 80%;
margin: 20px auto;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 20px;
border: 2px solid #ccc; /* Bordure autour de la galerie */
}

.forumactif-galerie-title {
font-size: 24px;
font-weight: bold;
color: #333;
margin-bottom: 20px;
text-align: center;
}

.forumactif-galerie-section {
margin-bottom: 30px;
}

.forumactif-galerie-section-title {
font-size: 20px;
font-weight: bold;
color: #333;
margin-bottom: 10px;
}

.forumactif-galerie-gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 10px;
}

.forumactif-galerie-image {
width: 100%;
height: auto;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
</style>
</head>
<body>

<div class="forumactif-galerie-container">
<div class="forumactif-galerie-title">Galerie de Graphisme</div>

<div class="forumactif-galerie-section">
<div class="forumactif-galerie-section-title">Avatars</div>
<div class="forumactif-galerie-gallery">
<img class="forumactif-galerie-image" src="lien_avatar_1.jpg" alt="Avatar 1">
<img class="forumactif-galerie-image" src="lien_avatar_2.jpg" alt="Avatar 2">
<!-- Ajoutez d'autres avatars si nécessaire -->
</div>
</div>

<div class="forumactif-galerie-section">
<div class="forumactif-galerie-section-title">Headers</div>
<div class="forumactif-galerie-gallery">
<img class="forumactif-galerie-image" src="lien_header_1.jpg" alt="Header 1">
<img class="forumactif-galerie-image" src="lien_header_2.jpg" alt="Header 2">
<!-- Ajoutez d'autres headers si nécessaire -->
</div>
</div>

<!-- Ajoutez d'autres sections si nécessaire -->

</div>

</body>
</html>
avatar
Admin
Admin
Messages : 38
Date d'inscription : 11/04/2021
https://cindy.forumactif.com
+

test maj forum art design et prd Empty Re: test maj forum art design et prd

Jeu 29 Fév - 10:03
<div style="background-image: url('URL_de_votre_image_de_fond.jpg'); background-size: cover; padding: 20px; border: 2px solid #333; border-radius: 10px;">

<!-- En-tête -->
<div style="text-align: center;">
<h1 style="font-family: Arial, sans-serif; color: #fff;">Bienvenue sur [Nom de votre forum]!</h1>
<p style="font-family: Arial, sans-serif; color: #fff; font-size: 16px;">Votre destination créative!</p>
</div>

<!-- Catégories -->
<div style="margin-top: 20px;">
<h2 style="font-family: Arial, sans-serif; color: #fff; text-decoration: underline;">Catégories :</h2>
<ul style="list-style-type: none; padding-left: 0;">
<li><a href="#">Avatars</a></li>
<li><a href="#">Headers</a></li>
<li><a href="#">Blends</a></li>
<li><a href="#">Concours</a></li>
<li><a href="#">Divers</a></li>
</ul>
</div>

<!-- Section Avatars -->
<div style="margin-top: 20px;">
<h2 style="font-family: Arial, sans-serif; color: #fff; text-decoration: underline;">Avatars :</h2>
<!-- Insérez votre code pour les avatars ici -->
</div>

<!-- Section Headers -->
<div style="margin-top: 20px;">
<h2 style="font-family: Arial, sans-serif; color: #fff; text-decoration: underline;">Headers :</h2>
<!-- Insérez votre code pour les headers ici -->
</div>

<!-- Section Blends -->
<div style="margin-top: 20px;">
<h2 style="font-family: Arial, sans-serif; color: #fff; text-decoration: underline;">Blends :</h2>
<!-- Insérez votre code pour les blends ici -->
</div>

<!-- Section Concours -->
<div style="margin-top: 20px;">
<h2 style="font-family: Arial, sans-serif; color: #fff; text-decoration: underline;">Concours :</h2>
<!-- Insérez votre code pour les concours ici -->
</div>

<!-- Section Divers -->
<div style="margin-top: 20px;">
<h2 style="font-family: Arial, sans-serif; color: #fff; text-decoration: underline;">Divers :</h2>
<!-- Insérez votre code pour les divers ici -->
</div>

</div>
avatar
Admin
Admin
Messages : 38
Date d'inscription : 11/04/2021
https://cindy.forumactif.com
+

test maj forum art design et prd Empty Re: test maj forum art design et prd

Jeu 29 Fév - 10:53
[div class="forumactif-galerie-container"]
[div class="forumactif-galerie-title"]Galerie de Graphisme[/div]

[div class="forumactif-galerie-section"]
[div class="forumactif-galerie-section-title"]Avatars[/div]
[div class="forumactif-galerie-gallery"]
[div class="forumactif-galerie-image-container"]
[img class="forumactif-galerie-image" src="lien_avatar_1.jpg" alt="Avatar 1"]
[div class="forumactif-galerie-description"]Description de l'avatar 1[/div]
[/div]
[div class="forumactif-galerie-image-container"]
[img class="forumactif-galerie-image" src="lien_avatar_2.jpg" alt="Avatar 2"]
[div class="forumactif-galerie-description"]Description de l'avatar 2[/div]
[/div]
<!-- Ajoutez d'autres avatars si nécessaire -->
[/div]
[/div]

[div class="forumactif-galerie-section"]
[div class="forumactif-galerie-section-title"]Headers[/div]
[div class="forumactif-galerie-gallery"]
[div class="forumactif-galerie-image-container"]
[img class="forumactif-galerie-image" src="lien_header_1.jpg" alt="Header 1"]
[div class="forumactif-galerie-description"]Description du header 1[/div]
[/div]
[div class="forumactif-galerie-image-container"]
[img class="forumactif-galerie-image" src="lien_header_2.jpg" alt="Header 2"]
[div class="forumactif-galerie-description"]Description du header 2[/div]
[/div]
<!-- Ajoutez d'autres headers si nécessaire -->
[/div]
[/div]

<!-- Ajoutez d'autres sections si nécessaire -->

[/div]
Contenu sponsorisé
+

test maj forum art design et prd Empty Re: test maj forum art design et prd

Revenir en haut
Sujets similaires
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum