| | TESTS divers et variés | |
| | Auteur | Message |
---|
Admin Admin
Messages : 5 Date d'inscription : 02/03/2024
| Sujet: TESTS divers et variés Mer 2 Oct 2024 - 16:50 | |
| Présentation "Toi qui marches entre les ombres et la lumière, Tes secrets pèsent comme des étoiles éteintes, Le monde attend, mais c’est ton silence qui règne." Origine / Nationalitéorg / nat Signe astrologiquesigne astro Caractère À toi, silhouette furtive, je m'adresse, assoiffé de compréhension. Quelles pensées obscures habitent ton esprit labyrinthique ? Dans le silence de ton regard, je cherche des échos de tes ambitions et les ombres de tes désirs. J'aimerais déchiffrer le code de ton âme, comprendre les blessures qui t’animent et les rêves qui te hantent, la mécanique de ton être et les squelettes de tes mots. Quel est le poids de tes secrets, et combien d'ombres portent-ils ? Je me perds dans l'intrigue de ta psyché, j'espère entrevoir la vérité cachée derrière ton masque. Histoire Quelle vie se cache derrière les pas qui t'ont mené.e face à moi ? Quelles épreuves ont laissé leur empreinte sur ta chair et ton esprit ? Des échos de rires et de larmes flottent autour de toi, et je m’interroge sur les souvenirs qui hantent ton âme. Est-ce la perte d’un être cher, ou le désespoir d’un rêve effondré ? Je ressens une lutte silencieuse, une tension entre ce que tu étais et ce que tu es devenu.e. Quelles vérités as-tu découvertes au fil des ans, et quelles illusions ont été détruites ? Chaque pas que tu fais semble chargé de récits inachevés, de chapitres d’une vie que tu n’oses pas partager. Que cache ton cœur, et quelles aspirations t’animent réellement ? Pseudota réponse ici Âgeta réponse ici Comment as-tu connu le forum?ta réponse ici Le mot de la fin...ta réponse ici
Dernière édition par Admin le Jeu 3 Oct 2024 - 13:22, édité 6 fois | |
| | | Admin Admin
Messages : 5 Date d'inscription : 02/03/2024
| Sujet: Re: TESTS divers et variés Mer 2 Oct 2024 - 18:16 | |
| | |
| | | Admin Admin
Messages : 5 Date d'inscription : 02/03/2024
| Sujet: Re: TESTS divers et variés Mer 2 Oct 2024 - 18:21 | |
| Titre RP « Dans les profondeurs de l'obscurité, une destinée se tisse, murmurant des secrets oubliés, où chaque choix peut changer le cours du possible. » Contenu RP :
Les heures s'étirent dans le silence, enveloppées d'une brume épaisse, tandis que je m'avance sans savoir où mes pas me mèneront. Chaque ombre dans la nuit semble abriter des secrets, des visages inconnus qui pourraient croiser mon chemin. Qui seront-elles, ces âmes errantes, et quelles vérités cachées se dissimulent derrière leurs regards? L'air crépite d'une tension palpable, comme une promesse de rencontres inattendues. Je suis à l'aube d'une expérience, mais l'horizon demeure flou, et le souffle du destin chuchote des murmures de l'inconnu. La curiosité se mêle à l'appréhension, et je me demande si le moment sera une bénédiction ou le contraire-même. L'ultime mystère m'attend, tapie dans les ombres de ce monde incertain. (c) Doobidolo, Scandal - HTML:
- Code:
-
<div class="fondrp"><!-- --><div class="blocrp"><!-- --><div class="bloc-gifRP"><img src="https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExNnlpaDZrYmFncGs3YWxzYWtzNWp3a2p4aWRrOXE5d3U3d2pmeDBibSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/JPoNm20UKgFt9sqETd/giphy.webp" alt="GIF RP"> </div><!-- --><div class="titre-rp">Titre RP</div><!-- --><div class="citationRP">« Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. »</div><!-- --><div class="zone-texteRP">Contenu RP : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat?</div></div><div class="credit">(c) Doobidolo, Scandal</div></div>
- CSS:
- Code:
-
/*** FICHE RP ***/ /* Importation de la police Pirata One */ @font-face { font-family: 'Pirata One'; src: url(https://dl.dropbox.com/scl/fi/4ok77rzxa41gu51lqkqlu/PirataOne-Regular.ttf?rlkey=xz452zu7afo2rhnhltjeser3q&st=r25cld88&dl=0); }
/* Importation de la police Abel */ @font-face { font-family: 'Abel'; src: url('https://fonts.googleapis.com/css2?family=Abel&display=swap'); }
.fondrp { width: 600px; /* Largeur du bloc-rp (560px) + 20px */ height: auto; /* Hauteur ajustée selon le contenu */ background-color: #2e2e2e; border: 2px solid #6f70a6; /* Bordure réduite à 2px */ padding: 10px; /* Marge de 10px tout autour du bloc-rp */ display: flex; justify-content: center; /* Centre horizontalement */ align-items: center; /* Centre verticalement */ margin: auto; display: flex; flex-direction: column; /* Permet d'aligner les éléments en colonne */ align-items: center; /* Centre les éléments horizontalement */ }
.blocrp { width: 580px; /* Largeur du bloc-rp ajustée pour correspondre à 20px de plus que fond-rp */ height: auto; display: flex; margin-top: 10px; /* Ajout d'une marge au-dessus du bloc-RP */ flex-direction: column; border: 5px solid #6f70a6; /* Bordure de 5px */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); background-color: #333; }
/* Bloc pour le GIF */ .bloc-gifRP { width: calc(100% - 40px); /* Largeur du blocrp - 20px de chaque côté */ height: 220px; /* Hauteur fixe */ margin: 20px auto 0; /* Marge en haut et auto pour centrer */ border: 2px solid #6f70a6; /* Bordure violette */ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Ombre */ overflow: hidden; /* Empêche le dépassement de l'image */ }
.bloc-gifRP img { width: 100%; /* L'image remplit toute la largeur du conteneur */ height: 100%; /* L'image remplit toute la hauteur du conteneur */ object-fit: cover; /* Recadre l'image pour couvrir le conteneur */ filter: grayscale(100%); /* Applique le filtre noir et blanc */ }
/* Titre RP justifié à gauche */ .titre-rp { font-family: 'Pirata One', cursive; font-size: 80px; margin: -60px 0 0 20px; /* Marge pour chevauchement du bas du bloc-gif */ padding: 0; text-align: left; color: white; line-height: 1; text-shadow: 4px 4px 8px #6f70a6; z-index: 1; /* Passe devant le GIF */ }
/* Citation ajoutée sous le titre */ .citationRP { font-family: 'Abel', sans-serif; /* Remplacement par la police Abel */ font-size: 12px; color: #6f70a6; text-transform: uppercase; margin: 0px 20px; text-align: justify; line-height: 1.5; }
/* Zone de texte ajoutée */ .zone-texteRP { width: calc(100% - 40px); /* Largeur du blocrp - 20px de chaque côté */ background-color: white; border: 2px solid #6f70a6; margin: 10px 20px; margin-bottom: 20px; padding: 15px; color: #2e2e2e; min-height: 300px; overflow-y: auto; box-sizing: border-box; font-family: 'Abel', sans-serif; /* Remplacement par la police Abel */ }
.zone-texteRP::first-letter { font-size: 3em; /* Taille de la première lettre */ font-family: 'Pirata One', cursive; /* Police différente */ color: #6f70a6; /* Couleur de la première lettre */ font-weight: bold; /* Mettre en gras */ float: left; /* Pour un meilleur alignement */ line-height: 1; /* Réduit l'espace autour */ margin-right: 0.1em; /* Espacement avec le reste du texte */ transform: translateY(-0.5em); /* Ajuste la position vers le haut */ } .credit { font-family: 'Pirata One', cursive; /* Utilisation de la police Pirata One */ font-size: 12px; /* Taille de la police */ color: #6f70a6; /* Couleur violet */ text-align: center; /* Centrer le texte */ margin-top: 10px; /* Marge au-dessus pour séparer du contenu */ }
Dernière édition par Admin le Jeu 3 Oct 2024 - 13:28, édité 1 fois | |
| | | Admin Admin
Messages : 5 Date d'inscription : 02/03/2024
| Sujet: Re: TESTS divers et variés Mer 2 Oct 2024 - 19:24 | |
| Titre Annexe « Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. » Plongeons dans les mystères insoupçonnés qui peuplent notre réalité. Préparez-vous à découvrir des vérités déconcertantes et des histoires oubliées. Quelles révélations nous attendent au détour de cette quête? Embarquez avec moi dans cette aventure intrigante.consequat? GÉNÉRAL le début Ceci est la première partie de notre sujet, une plongée dans l'inconnu qui nous attend. Préparez-vous à un voyage intrigant au cœur de mystères insoupçonnés. Laissez-vous guider par l'ombre des pensées. la suite Par la suite, nous explorerons des territoires inexplorés et des idées audacieuses. Des révélations inattendues s'annoncent, prêtes à ébranler nos certitudes. Restez à l'écoute, car chaque instant pourrait révéler l'inattendu. important Un point important : ce qui suit pourrait profondément bouleverser notre compréhension des choses. Ce que nous croyons savoir n'est parfois qu'une façade, une illusion soigneusement entretenue. En explorant ces vérités cachées, nous risquons de remettre en question nos certitudes et d'ouvrir la porte à des possibilités que nous n'avions jamais envisagées. (c) Doobidolo, Scandal - CSS:
- Code:
-
/*** FICHE ANNEXE ***/ .fondannexe { width: 600px; /* Largeur du bloc-annexe (560px) + 20px */ height: auto; /* Hauteur ajustée selon le contenu */ background-color: #2e2e2e; border: 2px solid #6f70a6; /* Bordure réduite à 2px */ padding: 10px; /* Marge de 10px tout autour du bloc-annexe */ display: flex; justify-content: center; /* Centre horizontalement */ align-items: center; /* Centre verticalement */ margin: auto; flex-direction: column; /* Permet d'aligner les éléments en colonne */ align-items: center; /* Centre les éléments horizontalement */ }
.blocannexe { width: 580px; /* Largeur du bloc-annexe ajustée pour correspondre à 20px de plus que fond-annexe */ height: auto; display: flex; margin-top: 10px; /* Ajout d'une marge au-dessus du bloc-annexe */ flex-direction: column; border: 5px solid #6f70a6; /* Bordure de 5px */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); background-color: #333; }
/* Bloc pour le GIF */ .bloc-gifannexe { width: calc(100% - 40px); /* Largeur du bloc-gifannexe - 20px de chaque côté */ height: 220px; /* Hauteur fixe */ margin: 20px auto 0; /* Marge en haut et auto pour centrer */ border: 2px solid #6f70a6; /* Bordure violette */ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Ombre */ overflow: hidden; /* Empêche le dépassement de l'image */ }
.bloc-gifannexe img { width: 100%; /* L'image remplit toute la largeur du conteneur */ height: 100%; /* L'image remplit toute la hauteur du conteneur */ object-fit: cover; /* Recadre l'image pour couvrir le conteneur */ filter: grayscale(100%); /* Applique le filtre noir et blanc */ }
/* Titre Annexe centré et réduit à 80pts */ .titre-annexe { font-family: 'Pirata One', cursive; font-size: 60px; margin: -40px 0 0 20px; /* Marge pour chevauchement du bas du bloc-gif */ padding: 0; text-align: center; /* Centré */ color: white; line-height: 1; text-shadow: 4px 4px 8px #6f70a6; z-index: 1; /* Passe devant le GIF */ }
/* Citation ajoutée sous le titre et centrée */ .citationAnnexe { font-family: 'Abel', sans-serif; /* Remplacement par la police Abel */ font-size: 12px; color: #6f70a6; text-transform: uppercase; margin: 0px 20px; text-align: center; /* Centré */ line-height: 1.5; }
/* Séparateur sous la citation */ .separator { width: 300px; /* Largeur fixe */ height: 1px; /* Épaisseur */ background-color: #6f70a6; /* Couleur violet */ margin: 10px auto; /* Centré */ }
/* Nouveau Sous-titre en Pirata One */ .ss-titre { font-family: 'Pirata One', cursive; /* Police */ font-size: 30px; /* Taille */ color: white; /* Couleur */ text-align: center; /* Centré */ margin: 20px 0; /* Marge autour */ }
/* Nouveau Sous-titre 2 en capitales avec bordures */ .ss-titre2 { font-family: 'Abel', sans-serif; /* Police */ font-size: 18px; /* Taille de 18px */ text-transform: uppercase; /* En capitales */ color: white; /* Couleur blanche */ text-align: center; /* Centré */ margin: 0; /* Enlève la marge pour rapprocher les bordures */ position: relative; /* Pour positionner les bordures */ }
/* Bordures au-dessus et en dessous du ss-titre2 */ .ss-titre2::before, .ss-titre2::after { content: ""; /* Nécessaire pour les pseudo-éléments */ display: block; /* Affiche comme un bloc */ width: 10%; /* Largeur à 10% pour s'adapter au texte */ height: 1px; /* Épaisseur de 1px */ background-color: #6f70a6; /* Couleur violet */ margin: 0 auto; /* Centré horizontalement */ margin-bottom: 5px; /* Espace entre la bordure supérieure et le texte */ }
.ss-titre2::after { margin-top: 5px; /* Espace entre le texte et la bordure inférieure */ }
/* Bloc de texte annexe */ .bloc-texteannexe { width: 500px; /* Largeur du bloc-texteannexe */ background-color: transparent; /* Pas de fond */ border: none; /* Pas de bordure */ padding: 10px; /* Marge de 10px tout autour du texte */ color: white; /* Couleur du texte en blanc */ text-align: justify; /* Justifié des deux côtés */ margin: 20px auto; /* Centré avec une marge en haut et en bas */ margin-top: 0px; /* Centré avec une marge en haut et en bas */ font-family: 'Abel', sans-serif; /* Police pour le texte à l'intérieur */ }
/* Bloc encadré pour le texte */ .bloc-encadre { width: 400px; /* Largeur du bloc encadré ajustée à 400px */ background-color: #292929; /* Couleur de fond gris foncé */ border: 1px solid white; /* Bordure blanche de 1px */ padding: 20px; /* Marge de 20px tout autour du texte */ color: white; /* Couleur du texte en blanc */ text-align: justify; /* Justifié des deux côtés */ margin: 20px auto; /* Centré avec une marge en haut et en bas */ font-family: 'Abel', sans-serif; /* Police pour le texte à l'intérieur */ }
/* Crédit centré */ .credit { font-family: 'Pirata One', cursive; /* Utilisation de la police Pirata One */ font-size: 12px; /* Taille de la police */ color: #6f70a6; /* Couleur violet */ text-align: center; /* Centrer le texte */ margin-top: 10px; /* Marge au-dessus pour séparer du contenu */ }
- HTML:
- Code:
-
<div class="fondannexe"><!-- --><div class="blocannexe"><!-- --><div class="bloc-gifannexe"><img src="https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExNnlpaDZrYmFncGs3YWxzYWtzNWp3a2p4aWRrOXE5d3U3d2pmeDBibSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/JPoNm20UKgFt9sqETd/giphy.webp" alt="GIF Annexe"> </div><!-- --><div class="titre-annexe">Titre Annexe</div><!-- --><div class="citationAnnexe">« Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. »</div><!-- --><div class="separator"></div><!-- --><div class="ss-titre">Sous-Titre</div><!-- --><div class="bloc-texteannexe">Contenu Annexe : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat?</div><!-- --><div class="ss-titre2">Sous-Titre 2</div><!-- --><div class="bloc-texteannexe">Contenu Annexe : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat?</div><!-- --><div class="ss-titre2">Sous-Titre 2</div><!-- --><div class="bloc-texteannexe">Contenu Annexe : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat?</div> <div class="bloc-encadre"><div class="ss-titre">Sous-Titre</div>Texte dans le bloc encadré : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.</div></div><div class="credit">(c) Doobidolo, Scandal</div></div>
| |
| | | Contenu sponsorisé
| Sujet: Re: TESTS divers et variés | |
| |
| | | | TESTS divers et variés | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |