[HTLM - CSS)] - Messages staff

Bonsoir bonsoir, vous ! Smile

Je me permet de passer une commande par ici, héhé.
Bah oui, s'il y a une section faite pour cela, pourquoi ne pas en profiter ? [HTLM - CSS)] - Messages staff 1134381385

[HTLM - CSS)] - Messages staff 1134381385

Bref, il faut peut-être que je vous explique en quoi elle consiste ^^ :

En fait, sur mon forum (qui n'est pas complètement terminé), je souhaiterais avoir une fiche un peu "spéciale" pour les messages importants venant du staff.

J'aimerais qu'elle soit un peu dans le même style que ma fiche de pub, que voici :

Together to Help

Un petit paragraphe pour le texte principal haha

Statistiques

Partenaires

Nous recherchons des partenaires

Nous retrouver

Lien vers le forum

... mais avec un seul bloc.

J'aimerais aussi plusieurs types de titres possibles; toujours dans le même esprit.

Voilà, j'espère que vous comprendrez.
J'ai sûrement oublié des informations, donc n'hésitez pas à me poser des questions Wink

Un énorme merci d'avance, et bon week-end ! [HTLM - CSS)] - Messages staff 3945025677

Messages : 108 Coda'Points : 194 Date d'inscription : 22/11/2015

Bonsoir,

Merci d'avoir passé commande sur notre forum Wink

La commande étant conforme, je me permet de la validée.

Un codeur va venir la prendre en charge.

A bientôt !

Merci à toi [HTLM - CSS)] - Messages staff 2305668106

Coucou (:

Je veux bien tenter (si d'autres sont partants aussi n'hésitez pas !).
Si ça donne quelque chose comme ça :
[HTLM - CSS)] - Messages staff Fiche_10

Tu en penses quoi ?

Moi j'ai des questions !
Tu as des tailles maximales ? (Et minimales tant qu'on y est)
Tu veux uniquement le rouge foncé, le blanc et le noir comme couleurs ?
Tu aimerais des polices spéciales ?
Pour le reste c'est bon :p

Hello

Déjà, merci à vous deux de vouloir m'aider Razz

Chroma : J'aime beaucoup les deux premières propositions, moins la 3ème. [HTLM - CSS)] - Messages staff 3030573558

Nin'gyou Korosu :

Citation :: Tu as des tailles maximales ? (Et minimales tant qu'on y est)

Euh... non ^^

Citation :: Tu veux uniquement le rouge foncé, le blanc et le noir comme couleurs ?

D'autres couleurs pourraient peut-être être pas mal, du moment que ça ne fasse pas trop bizarre par rapport au thème du forum Smile

Citation :: Tu aimerais des polices spéciales ?

Pas forcément.

-après quelques recherches- :

J'aime bien cette police pour les titres : Footlight MT Light

Merci à vous [HTLM - CSS)] - Messages staff 2305668106

En modifiant le 3ème avec un autre style les blocs donnent ça :

Contexte du forum

Loin, très loin, au delà des monts Mots, à mille lieues des pays Voyellie et Consonnia, demeurent les Bolos Bolos. Ils vivent en retrait, à Bourg-en-Lettres, sur les côtes de la Sémantique, un vaste océan de langues.

Un petit ruisseau, du nom de Larousse, coule en leur lieu et les approvisionne en règlalades nécessaires en tout genre; un pays paradisiagmatique, dans lequel des pans entiers de phrases prémâchées vous volent litéralement tout cuit dans la bouche.

Pas même la toute puissante Ponctuation ne régit les Bolos Bolos - une vie on ne peut moins orthodoxographique.

N'oubliez pas le recensement !

Loin, très loin, au delà des monts Mots, à mille lieues des pays Voyellie et Consonnia, demeurent les Bolos Bolos.

Ils vivent en retrait, à Bourg-en-Lettres, sur les côtes de la Sémantique, un vaste océan de langues. Un petit ruisseau, du nom de Larousse, coule en leur lieu et les approvisionne en règlalades nécessaires en tout genre; un pays paradisiagmatique, dans lequel des pans entiers de phrases prémâchées vous volent litéralement tout cuit dans la bouche.

Pas même la toute puissante Ponctuation ne régit les Bolos Bolos - une vie on ne peut moins orthodoxographique.

Nouveau concours

Loin, très loin, au delà des monts Mots, à mille lieues des pays Voyellie et Consonnia, demeurent les Bolos Bolos.

Ils vivent en retrait, à Bourg-en-Lettres, sur les côtes de la Sémantique, un vaste océan de langues.

Un petit ruisseau, du nom de Larousse, coule en leur lieu et les approvisionne en règlalades nécessaires en tout genre; un pays paradisiagmatique, dans lequel des pans entiers de phrases prémâchées vous volent litéralement tout cuit dans la bouche. Pas même la toute puissante Ponctuation ne régit les Bolos Bolos - une vie on ne peut moins orthodoxographique.

Et le code :

Code:: <style type="text/css">.message-staff { width: 620px; margin: 2em auto; padding: 0; padding-bottom: 2em; background: radial-gradient(#ba4444, #b51a1a); } .titre-info, .titre-alerte, .titre-event { font-family: Calibri; font-size: 40px; padding: .5em; text-transform: uppercase; text-align: center; color: #efefef; } .titre-info { padding-top: .5em; font-weight: bold; line-height: 25px;} .titre-alerte {margin: .7em 0; color: #b51a1a; background: #efefef; } .titre-event { width: 80%; margin: .1em auto; background: #dc4848; border-radius: .2em; } .contenu { width: 85%; margin: 0 auto; padding: 1em; background: white; }</style>

<div class="message-staff"><div class="titre-info">Contexte du forum</div><div class="contenu">Loin, très loin, au delà des monts Mots, à mille lieues des pays Voyellie et Consonnia, demeurent les Bolos Bolos. Ils vivent en retrait, à Bourg-en-Lettres, sur les côtes de la Sémantique, un vaste océan de langues.

Un petit ruisseau, du nom de Larousse, coule en leur lieu et les approvisionne en règlalades nécessaires en tout genre; un pays paradisiagmatique, dans lequel des pans entiers de phrases prémâchées vous volent litéralement tout cuit dans la bouche.

Pas même la toute puissante Ponctuation ne régit les Bolos Bolos - une vie on ne peut moins orthodoxographique.</div></div><div class="message-staff"><div class="titre-alerte">N'oubliez pas le recensement !</div><div class="contenu">Loin, très loin, au delà des monts Mots, à mille lieues des pays Voyellie et Consonnia, demeurent les Bolos Bolos.

Ils vivent en retrait, à Bourg-en-Lettres, sur les côtes de la Sémantique, un vaste océan de langues. Un petit ruisseau, du nom de Larousse, coule en leur lieu et les approvisionne en règlalades nécessaires en tout genre; un pays paradisiagmatique, dans lequel des pans entiers de phrases prémâchées vous volent litéralement tout cuit dans la bouche.

Pas même la toute puissante Ponctuation ne régit les Bolos Bolos - une vie on ne peut moins orthodoxographique.</div></div><div class="message-staff"><div class="titre-event">Nouveau concours</div><div class="contenu">Loin, très loin, au delà des monts Mots, à mille lieues des pays Voyellie et Consonnia, demeurent les Bolos Bolos.

Ils vivent en retrait, à Bourg-en-Lettres, sur les côtes de la Sémantique, un vaste océan de langues.

Un petit ruisseau, du nom de Larousse, coule en leur lieu et les approvisionne en règlalades nécessaires en tout genre; un pays paradisiagmatique, dans lequel des pans entiers de phrases prémâchées vous volent litéralement tout cuit dans la bouche. Pas même la toute puissante Ponctuation ne régit les Bolos Bolos - une vie on ne peut moins orthodoxographique.</div></div>

Du coup ça te fait 3 sortes de titres.
Les class : .titre-info .titre-alerte .titre-event

Oh ! J'aime beaucoup, merci ! [HTLM - CSS)] - Messages staff 483559033

Voilà ce que je peux te proposer (Ce n'est pas vraiment ce que tu demandais, mais tu as la possibilité de mettre plusieurs informations quand même ^^')

(Je n'arrive pas à l'afficher sur le fofo, donc je te fais un screen)
[HTLM - CSS)] - Messages staff Fiche_11

Et voici le code :

Code:: <!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Fiche
</title>
<style type="text/css">

.parallelogramme{
position: absolute;
top: 20px;
width: 497px;
height: 80px;
background: #640202;
-webkit-transform:skew(30deg);
-moz-transform:skew(30deg);
-o-transform:skew(30deg);
tranform:skew(30deg);
left:-2px;
}

.TextP{
position: absolute;
top: 30px;
left: 30px;
width: 428px;
height: 70px;
color: white;
font-size: 40px;
text-align: center;
text-shadow: 4px 4px 2px black;
}

.Boite{
position: absolute;
width: 430px;
height: 550px;
background-color: #b51515;
left: 30px;
border: #640202 2px solid;
}

.TextB{
position: absolute;
top: 110px;
left: 50px;
width: 390px;
height: 430px;
background-color: white;
color: darkred;
overflow-y: auto;
overflow-x: hidden;
text-align: center;
}

</style>
</head>
<body>

<div class="Boite"></div>
<div class="TextB"><div style="margin-top: 5px;margin-bottom: 10px; margin-left: 10px;height: 23px; width: 370px; border-top: 2px #640202 solid; border-bottom: 2px #640202 solid; font-size: 20px; font-weight: bold;">Vous devez aller vous présenter !</div>
Je me permet de passer une commande par ici, héhé.
Bah oui, s'il y a une section faite pour cela, pourquoi ne pas en profiter ?
Bref, il faut peut-être que je vous explique en quoi elle consiste ^^ :
En fait, sur mon forum (qui n'est pas complètement terminé), je souhaiterais avoir une fiche un peu "spéciale" pour les messages importants venant du staff.
J'aimerais qu'elle soit un peu dans le même style que ma fiche de pub, que voici
<div style="margin-top: 10px;margin-bottom: 10px; margin-left: 10px;height: 23px; width: 370px; border-top: 2px #640202 solid; border-bottom: 2px #640202 solid; font-size: 20px; font-weight: bold;">MAJ du forum le 18/10/2016</div>
Je me permet de passer une commande par ici, héhé.
Bah oui, s'il y a une section faite pour cela, pourquoi ne pas en profiter ?
Bref, il faut peut-être que je vous explique en quoi elle consiste ^^ :
En fait, sur mon forum (qui n'est pas complètement terminé), je souhaiterais avoir une fiche un peu "spéciale" pour les messages importants venant du staff.
J'aimerais qu'elle soit un peu dans le même style que ma fiche de pub, que voici
<div style="margin-top: 10px;margin-bottom: 10px; margin-left: 10px;height: 23px; width: 370px; border-top: 2px #640202 solid; border-bottom: 2px #640202 solid; font-size: 20px; font-weight: bold;">Bienvenue à notre nouveau modérateur !</div>
Je me permet de passer une commande par ici, héhé.
Bah oui, s'il y a une section faite pour cela, pourquoi ne pas en profiter ?
Bref, il faut peut-être que je vous explique en quoi elle consiste ^^ :
En fait, sur mon forum (qui n'est pas complètement terminé), je souhaiterais avoir une fiche un peu "spéciale" pour les messages importants venant du staff.
J'aimerais qu'elle soit un peu dans le même style que ma fiche de pub, que voici
</div>
<div class="parallelogramme"></div>
<div class="TextP">/!\ Important /!\</div>
</div>
</body>
</html>

Oh ! J'adore également !
Je crois que je vais utiliser les deux. [HTLM - CSS)] - Messages staff 556043244

Un énorme MERCI de la part de tout mon staff, rien que pour vous ^^ [HTLM - CSS)] - Messages staff 3945025677

Avec plaisir, contente que ça t'ai plu ! [HTLM - CSS)] - Messages staff 4058843097

De rien

[HTLM - CSS)] - Messages staff 1787697386

(Tu pourras me dire si tu arrives à faire fonctionner mon code sur fofo ? :0)

Par contre, ça ne s'affiche pas chez moi non plus, Nin' Embarassed

Messages : 108 Coda'Points : 194 Date d'inscription : 22/11/2015

Vérifie que tu as bien cocher la case "oui, dans "Toujours autoriser le HTML" (Profil > Préférences)

Je confirme.

Non ce n'est pas ça le problème Roro é.è. Je l'ai à chaque fois que je créé une fiche >.<
Je vais voir si Élu peut résoudre le problème. Si c'est le cas je te reposte le code corrigé :p

D'accord, merci à toi !

Coucou Dviryx !
Voici la fiche corriger, normalement elle devrait fonctionner sur ton forum. Un grand merci à Hisakki pour son aide !

Vous devez aller vous présenter !

Je me permet de passer une commande par ici, héhé.
Bah oui, s'il y a une section faite pour cela, pourquoi ne pas en profiter ?
Bref, il faut peut-être que je vous explique en quoi elle consiste ^^ :
En fait, sur mon forum (qui n'est pas complètement terminé), je souhaiterais avoir une fiche un peu "spéciale" pour les messages importants venant du staff.
J'aimerais qu'elle soit un peu dans le même style que ma fiche de pub, que voici

MAJ du forum le 18/10/2016

Je me permet de passer une commande par ici, héhé.
Bah oui, s'il y a une section faite pour cela, pourquoi ne pas en profiter ?
Bref, il faut peut-être que je vous explique en quoi elle consiste ^^ :
En fait, sur mon forum (qui n'est pas complètement terminé), je souhaiterais avoir une fiche un peu "spéciale" pour les messages importants venant du staff.
J'aimerais qu'elle soit un peu dans le même style que ma fiche de pub, que voici

Bienvenue à notre nouveau modérateur !

Je me permet de passer une commande par ici, héhé.
Bah oui, s'il y a une section faite pour cela, pourquoi ne pas en profiter ?
Bref, il faut peut-être que je vous explique en quoi elle consiste ^^ :
En fait, sur mon forum (qui n'est pas complètement terminé), je souhaiterais avoir une fiche un peu "spéciale" pour les messages importants venant du staff.
J'aimerais qu'elle soit un peu dans le même style que ma fiche de pub, que voici

/!\ Important /!\

Code:: <style type="text/css">.parallelogramme{position: relative;top:-415px;width: 497px;height: 80px;background: #640202;-webkit-transform:skew(30deg);-moz-transform:skew(30deg);-o-transform:skew(30deg);tranform:skew(30deg);left:-32px;}.TextP{position: relative;top: -465px;left: 5px;width: 428px;height: 70px;color: white;font-size: 40px;text-align: center;text-shadow: 4px 4px 2px black;}.Boite{position: relative;width: 430px;height: 550px;margin: 0 auto;background-color: #b51515;border: #640202 2px solid;}.TextB{position: relative;top: 110px;left: 21px;width: 390px;height: 430px;background-color: white;color: darkred;overflow-y: auto;overflow-x: hidden;text-align: center;}</style><div class="Boite"><div class="TextB"><div style="margin-top: 10px; margin-left: 10px;max-height: 50px; width: 370px; border-top: 2px #640202 solid; border-bottom: 2px #640202 solid; font-size: 20px; font-weight: bold;">Vous devez aller vous présenter !</div>
Je me permet de passer une commande par ici, héhé.
Bah oui, s'il y a une section faite pour cela, pourquoi ne pas en profiter ?
Bref, il faut peut-être que je vous explique en quoi elle consiste ^^ :
En fait, sur mon forum (qui n'est pas complètement terminé), je souhaiterais avoir une fiche un peu "spéciale" pour les messages importants venant du staff.
J'aimerais qu'elle soit un peu dans le même style que ma fiche de pub, que voici<div style="margin-top: 10px; margin-left: 10px;max-height: 50px; width: 370px; border-top: 2px #640202 solid; border-bottom: 2px #640202 solid; font-size: 20px; font-weight: bold; text-align: center;">MAJ du forum le 18/10/2016</div>
Je me permet de passer une commande par ici, héhé.
Bah oui, s'il y a une section faite pour cela, pourquoi ne pas en profiter ?
Bref, il faut peut-être que je vous explique en quoi elle consiste ^^ :
En fait, sur mon forum (qui n'est pas complètement terminé), je souhaiterais avoir une fiche un peu "spéciale" pour les messages importants venant du staff.
J'aimerais qu'elle soit un peu dans le même style que ma fiche de pub, que voici<div style=" margin-top: 10px; margin-left: 10px;max-height: 50px; width: 370px; border-top: 2px #640202 solid; border-bottom: 2px #640202 solid; font-size: 20px; font-weight: bold;">Bienvenue à notre nouveau modérateur !</div>
Je me permet de passer une commande par ici, héhé.
Bah oui, s'il y a une section faite pour cela, pourquoi ne pas en profiter ?
Bref, il faut peut-être que je vous explique en quoi elle consiste ^^ :
En fait, sur mon forum (qui n'est pas complètement terminé), je souhaiterais avoir une fiche un peu "spéciale" pour les messages importants venant du staff.
J'aimerais qu'elle soit un peu dans le même style que ma fiche de pub, que voici </div><div class="parallelogramme"></div><div class="TextP">/!\ Important /!\</div></div></div>

Super, merci beaucoup ! [HTLM - CSS)] - Messages staff 2286373085

Messages : 108 Coda'Points : 194 Date d'inscription : 22/11/2015

Bonjour,

Le résultat te convient t-il? Wink

Oui, je suis entièrement satisfait !
C'était très rapide et le résultat est au-delà de mes espérances. [HTLM - CSS)] - Messages staff 556043244

Encore merci à vous [HTLM - CSS)] - Messages staff 483559033

Messages : 108 Coda'Points : 194 Date d'inscription : 22/11/2015

Nous nous réjouissons de ta satisfaction Wink

Sur ce, je lock & archive la commande.

A bientôt !