AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

[HTLM - CSS)] - Messages staff

[HTLM - CSS)] - Messages staff  posté le :
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 ?

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 !
Dviryx
avatar
Codeur actif
Messages : 28
Coda'Points : 79
Date d'inscription : 02/10/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: [HTLM - CSS)] - Messages staff  posté le :
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 !

_________________
Rorobibifc™
avatar
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

Re: [HTLM - CSS)] - Messages staff  posté le :
Merci à toi
Dviryx
avatar
Codeur actif
Messages : 28
Coda'Points : 79
Date d'inscription : 02/10/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: [HTLM - CSS)] - Messages staff  posté le :
Coucou (:

Je veux bien tenter (si d'autres sont partants aussi n'hésitez pas !).
Si ça donne quelque chose comme ça :


Tu en penses quoi ?
Chroma
avatar
Codeur UltrActif
Messages : 133
Coda'Points : 232
Date d'inscription : 23/09/2016

Niveau en programmation
HTML/CSS:
2/3  (2/3)

Re: [HTLM - CSS)] - Messages staff  posté le :
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
Nin'gyou Korosu
avatar
Codeur UltrActif
Messages : 349
Coda'Points : 659
Date d'inscription : 17/07/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: [HTLM - CSS)] - Messages staff  posté le :
Hello Smile

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

Chroma : J'aime beaucoup les deux premières propositions, moins la 3ème.

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
Dviryx
avatar
Codeur actif
Messages : 28
Coda'Points : 79
Date d'inscription : 02/10/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: [HTLM - CSS)] - Messages staff  posté le :
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
Chroma
avatar
Codeur UltrActif
Messages : 133
Coda'Points : 232
Date d'inscription : 23/09/2016

Niveau en programmation
HTML/CSS:
2/3  (2/3)

Re: [HTLM - CSS)] - Messages staff  posté le :
Oh ! J'aime beaucoup, merci !
Dviryx
avatar
Codeur actif
Messages : 28
Coda'Points : 79
Date d'inscription : 02/10/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: [HTLM - CSS)] - Messages staff  posté le :
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)


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>
Nin'gyou Korosu
avatar
Codeur UltrActif
Messages : 349
Coda'Points : 659
Date d'inscription : 17/07/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

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

Un énorme MERCI de la part de tout mon staff, rien que pour vous ^^
Dviryx
avatar
Codeur actif
Messages : 28
Coda'Points : 79
Date d'inscription : 02/10/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: [HTLM - CSS)] - Messages staff  posté le :
Avec plaisir, contente que ça t'ai plu !
Chroma
avatar
Codeur UltrActif
Messages : 133
Coda'Points : 232
Date d'inscription : 23/09/2016

Niveau en programmation
HTML/CSS:
2/3  (2/3)

Re: [HTLM - CSS)] - Messages staff  posté le :
De rien
(Tu pourras me dire si tu arrives à faire fonctionner mon code sur fofo ? :0)
Nin'gyou Korosu
avatar
Codeur UltrActif
Messages : 349
Coda'Points : 659
Date d'inscription : 17/07/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: [HTLM - CSS)] - Messages staff  posté le :
Par contre, ça ne s'affiche pas chez moi non plus, Nin' Embarassed
Dviryx
avatar
Codeur actif
Messages : 28
Coda'Points : 79
Date d'inscription : 02/10/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: [HTLM - CSS)] - Messages staff  posté le :
Vérifie que tu as bien cocher la case "oui, dans "Toujours autoriser le HTML" (Profil > Préférences)

_________________
Rorobibifc™
avatar
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

Re: [HTLM - CSS)] - Messages staff  posté le :
Je confirme.
Dviryx
avatar
Codeur actif
Messages : 28
Coda'Points : 79
Date d'inscription : 02/10/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: [HTLM - CSS)] - Messages staff  posté le :
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
Nin'gyou Korosu
avatar
Codeur UltrActif
Messages : 349
Coda'Points : 659
Date d'inscription : 17/07/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: [HTLM - CSS)] - Messages staff  posté le :
D'accord, merci à toi !
Dviryx
avatar
Codeur actif
Messages : 28
Coda'Points : 79
Date d'inscription : 02/10/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: [HTLM - CSS)] - Messages staff  posté le :
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>
Nin'gyou Korosu
avatar
Codeur UltrActif
Messages : 349
Coda'Points : 659
Date d'inscription : 17/07/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: [HTLM - CSS)] - Messages staff  posté le :
Super, merci beaucoup !
Dviryx
avatar
Codeur actif
Messages : 28
Coda'Points : 79
Date d'inscription : 02/10/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: [HTLM - CSS)] - Messages staff  posté le :
Bonjour,

Le résultat te convient t-il? Wink

_________________
Rorobibifc™
avatar
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

Re: [HTLM - CSS)] - Messages staff  posté le :
Oui, je suis entièrement satisfait !
C'était très rapide et le résultat est au-delà de mes espérances.
Encore merci à vous
Dviryx
avatar
Codeur actif
Messages : 28
Coda'Points : 79
Date d'inscription : 02/10/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: [HTLM - CSS)] - Messages staff  posté le :
Nous nous réjouissons de ta satisfaction Wink

Sur ce, je lock & archive la commande.

A bientôt !

_________________
Rorobibifc™
avatar
Modérateur
Messages : 108
Coda'Points : 194
Date d'inscription : 22/11/2015

Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
A Toi de Coder - Forum de codage :: Corbeille :: Corbeille du forum-
Sauter vers: