Partagez
Voir le sujet précédentAller en basVoir le sujet suivant
avatar
Robin
Logiciels : Gimp - Notepad
Disponible : Oui
Rappel : Sauf mentions contraires, toutes mes créations sont placées sous Creative Commons.
Pour de plus amples informations, référez-vous aux Conditions Générales d'Utilisation.
http://libre-service.conceptforum.nethttps://www.facebook.com/robin.parady.1https://twitter.com/Paradyr

Balises staff

le Lun 8 Aoû - 13:23
Notice d'Utilisation
Où et comment utiliser mes créations
Les balises présentes dans ce sujet sont toutes destinées à être utilisées par le staff d'un forum. Elles peuvent servir pour la modération, l'élaboration de tutoriels, une animation RPG, etc. Seule votre imagination compte.

Faites attention à ce que le HTML soit activé dans les messages, sinon ça ne fonctionnera pas.

Il n'y a pas de signatures visibles à l'intérieur des balises, mais merci de me créditer svp (dans un sujet dédié, par exemple). Un crédit ne prend pas de place, est discret et me permet de me faire connaître. Vous n'effaceriez pas la signature d'un peintre sur un tableau, n'est-ce-pas ?
Tous droits réservés | par Robin | http://libre-service.conceptforum.net
Parcourir ce site et en utiliser les ressources proposées implique le respect des conditions imposées.


Dernière édition par Robin le Ven 16 Sep - 10:19, édité 2 fois
avatar
Robin
Logiciels : Gimp - Notepad
Disponible : Oui
Rappel : Sauf mentions contraires, toutes mes créations sont placées sous Creative Commons.
Pour de plus amples informations, référez-vous aux Conditions Générales d'Utilisation.
http://libre-service.conceptforum.nethttps://www.facebook.com/robin.parady.1https://twitter.com/Paradyr

Re: Balises staff

le Lun 8 Aoû - 13:29


[ ASTUCE ]
Le truc à savoir, c'est que pour l'instant il n'y a RIEN à savoir...


CODE HTML :
Code:
<fieldset class="ASTF"><legend class="ASTL">[ ASTUCE ]</legend><div class="ASTT">Le truc à savoir, c'est que pour l'instant il n'y a RIEN à savoir...</div><!-- Ton message de modération --></fieldset>

CODE CSS :
Code:

/* Balise astuce */

/* FIELDSET */
.ASTF {
background-color: #E0E0E0;
border: 2px solid #770000;
border-radius: 10px 10px 10px 10px;
    }
/* LEGEND */
.ASTL {
    display: block;
    font-size: 20px;
    font-family: 'Exo', sans-serif;
    text-transform: uppercase;
    font-weight : bold;
    margin: 5px 0;
    color: #770000;
    margin-left: 15px;
}
/* TEXTE */
.ASTT {
    display: block;
    font-size: 15px;
    font-family: 'Exo', sans-serif;
    margin: 5px 0;
    color: #000000;
    margin-left: 15px;
}
avatar
Robin
Logiciels : Gimp - Notepad
Disponible : Oui
Rappel : Sauf mentions contraires, toutes mes créations sont placées sous Creative Commons.
Pour de plus amples informations, référez-vous aux Conditions Générales d'Utilisation.
http://libre-service.conceptforum.nethttps://www.facebook.com/robin.parady.1https://twitter.com/Paradyr

Re: Balises staff

le Lun 8 Aoû - 13:58


Cette balise est rouge pour attirer le regard, l'image en haut à gauche indique qu'il s'agit d'un avertissement. Très utile pour signaler à quelqu'un qu'il a intérêt à ne plus faire de bêtises...

Il va de soi que vous pouvez changer les couleurs et l'image (sans oublier le nom de la div pour créer tout un set de balises destinées à la modération !


CODE HTML :
Code:
<div class="av">Votre texte ici.</div>

CODE CSS :
Code:
.av {
    background-image: url(URL DE VOTRE IMAGE 32x32);
    background-color: #FCC2C2;
    border: #CD5E38 1px solid;
    color: #CC3D39;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    width: 80%;
    margin: 5px auto;
    padding: 3px 3px 3px 40px;
    min-height: 35px;
    background-position: 3px 3px;
    background-repeat: no-repeat;
}


Dernière édition par Robin le Ven 16 Sep - 10:03, édité 2 fois
avatar
Robin
Logiciels : Gimp - Notepad
Disponible : Oui
Rappel : Sauf mentions contraires, toutes mes créations sont placées sous Creative Commons.
Pour de plus amples informations, référez-vous aux Conditions Générales d'Utilisation.
http://libre-service.conceptforum.nethttps://www.facebook.com/robin.parady.1https://twitter.com/Paradyr

Re: Balises staff

le Lun 8 Aoû - 14:45
Cette balise d'information est reconnaissable par son image en forme de point d'interrogation. Plutôt pratique, non ?
N'oubliez pas d'héberger votre propre image en 32x32 et de créer plusieurs fois la même balise si vous souhaitez en créer plusieurs.

CODE HTML :
Code:
<div class="info"><span class="icone_info"></span>VOTRE TEXTE ICI.</div>

CODE CSS :
Code:
.info {
    width: 70%;
    margin: 20px auto;
    min-height: 10px;
    background-color:#E6E6E6;
    border: 1px solid #c8b49f;
    padding: 10px;
    color: #6b6762;
    line-height: 11px;
    text-align: justify;
}
.icone_info {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: -25px;
    margin-left: -25px;
    background: url(IMAGE EN 30x30);
}


Dernière édition par Robin le Lun 8 Aoû - 15:23, édité 3 fois
avatar
Robin
Logiciels : Gimp - Notepad
Disponible : Oui
Rappel : Sauf mentions contraires, toutes mes créations sont placées sous Creative Commons.
Pour de plus amples informations, référez-vous aux Conditions Générales d'Utilisation.
http://libre-service.conceptforum.nethttps://www.facebook.com/robin.parady.1https://twitter.com/Paradyr

Re: Balises staff

le Lun 8 Aoû - 15:08

Date du jour — Message de validation


CODE HTML :
Code:
<div class="ok"><strong>Date du jour</strong> — Message de validation</div>

CODE CSS :
Code:

    .ok {
    background-image: url(IMAGE 32x32);
    background-color: #CFF883;
    border: #4F9D00 1px solid;
    border-radius: 15px 15px 15px 15px;
    color: #438600;
    line-height: 35px;
    width: 80%;
    margin: 5px auto;
    padding: 3px 3px 3px 40px;
    min-height: 35px;
    background-position: 3px 3px;
    background-repeat: no-repeat;
}
avatar
Robin
Logiciels : Gimp - Notepad
Disponible : Oui
Rappel : Sauf mentions contraires, toutes mes créations sont placées sous Creative Commons.
Pour de plus amples informations, référez-vous aux Conditions Générales d'Utilisation.
http://libre-service.conceptforum.nethttps://www.facebook.com/robin.parady.1https://twitter.com/Paradyr

Re: Balises staff

le Mar 30 Aoû - 12:22

A SAVOIR !
Novo denique perniciosoque exemplo idem Gallus ausus est inire flagitium grave, quod Romae cum ultimo dedecore temptasse aliquando dicitur Gallienus, et adhibitis paucis clam ferro succinctis vesperi per tabernas palabatur et conpita quaeritando Graeco sermone, cuius erat inpendio gnarus, quid de Caesare quisque sentiret. et haec confidenter agebat in urbe ubi pernoctantium luminum claritudo dierum solet imitari fulgorem. postremo agnitus saepe iamque, si prodisset, conspicuum se fore contemplans, non nisi luce palam egrediens ad agenda quae putabat seria cernebatur. et haec quidem medullitus multis gementibus agebantur.


CODE HTML :
Code:
<div class="KZ"><strong>IMPORTANT !<br>Votre texte ici</div>

CODE CSS :
Code:
.KZ {
background-color: #FFE8B7;
color: #000000;
font-size: 11px;
padding: 5px 10px;
border-radius: 10px 10px 10px 10px;
}
avatar
Robin
Logiciels : Gimp - Notepad
Disponible : Oui
Rappel : Sauf mentions contraires, toutes mes créations sont placées sous Creative Commons.
Pour de plus amples informations, référez-vous aux Conditions Générales d'Utilisation.
http://libre-service.conceptforum.nethttps://www.facebook.com/robin.parady.1https://twitter.com/Paradyr

Re: Balises staff

le Ven 16 Sep - 10:09
A SAVOIR !
Novo denique perniciosoque exemplo idem Gallus ausus est inire flagitium grave, quod Romae cum ultimo dedecore temptasse aliquando dicitur Gallienus, et adhibitis paucis clam ferro succinctis vesperi per tabernas palabatur et conpita quaeritando Graeco sermone, cuius erat inpendio gnarus, quid de Caesare quisque sentiret. et haec confidenter agebat in urbe ubi pernoctantium luminum claritudo dierum solet imitari fulgorem. postremo agnitus saepe iamque, si prodisset, conspicuum se fore contemplans, non nisi luce palam egrediens ad agenda quae putabat seria cernebatur. et haec quidem medullitus multis gementibus agebantur.


CODE HTML :
Code:
<div class="KX"><strong>IMPORTANT !<br>Votre texte ici</div>

CODE CSS :
Code:
.KX {
background-color: #FFE8B7;
color: #000000;
font-size: 11px;
padding: 5px 10px;
border-radius: 10px 10px 10px 10px;
}
Contenu sponsorisé

Re: Balises staff

Voir le sujet précédentRevenir en hautVoir le sujet suivant
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum