Skip to content

Créer un thème

Jump to bottom Edit New page
Franck W edited this page Nov 26, 2017 · 36 revisions

Pour créer un thème, il vous faudra créer un sous-dossier dans le dossier themes portant le nom de votre thème. Dans ce dossier vous devrez créer 3 fichier style.css, model.txt et modelInfo.cfg.

Le fichier style.css contient la feuille de style utilisée pour le programme, les fichiers model.txt et modelInfo.cfg contiennent la mise en forme des messages.

Style

L'image ci-dessus est obtenue en utilisant la feuille de style suivante :

QMainWindow
{
	background: black;
}

QMenuBar#mainWindowMenuBar
{
	background: orange;
}

QMenuBar#mainWindowMenuBar::item
{
	background: white;
}

QTextEdit#sendMessageText
{
	background: pink;
}

QLineEdit#sendMessageLine
{
	background: pink;
}

QTextBrowser
{
	background: blue;
}

QPushButton#boldButton, QPushButton#italicButton, QPushButton#underlineButton, QPushButton#strikeButton, 
QPushButton#ulistButton, QPushButton#olistButton, QPushButton#quoteButton, QPushButton#codeButton, QPushButton#spoilButton
{
	background: red;
}

QPushButton#sendButton
{
	background: brown;
}

QListView#listOfTopics
{
	background: purple;
}

QSplitter::handle
{
	background: green;
}

QScrollBar
{
	background: magenta;
}

QTabBar::tab
{
	background: yellow;
}

QTabWidget#tabListForTopics::pane
{
	border: 2px solid cyan;
}

Veuillez consulter les pages suivantes pour plus d'aide concernant les feuilles de style avec Qt : http://doc.qt.io/qt-5/stylesheet-syntax.html, http://doc.qt.io/qt-5/stylesheet-reference.html, http://doc.qt.io/qt-5/stylesheet-examples.html.

Modèle

model.txt

Pour obtenir une mise en forme comme ci-dessus (celle par défaut), le fichier model.txt devra contenir ce code :

<table><tr><td><%BUTTON_QUOTE%><%BUTTON_BLACKLIST%><%BUTTON_EDIT%><%BUTTON_DELETE%>[<a style="color: <%DATE_COLOR%>;text-decoration: none" href="http://www.jeuxvideo.com/<%PSEUDO_LOWER%>/forums/message/<%ID_MESSAGE%>"><%DATE_MESSAGE%></a>] &lt;<a href="http://www.jeuxvideo.com/profil/<%PSEUDO_LOWER%>?mode=infos"><span style="color: <%PSEUDO_COLOR%>;text-decoration: none"><%PSEUDO_PSEUDO%></span></a>&gt;</td><td><%MESSAGE_MESSAGE%><%SIGNATURE_MODEL%></td></tr></table>
  • <%BUTTON_QUOTE%> sera remplacé par le code du bouton de citation.
  • <%BUTTON_EDIT%> sera remplacé par le code du bouton d'édition.
  • <%BUTTON_DELETE%> sera remplacé par le code du bouton de suppression.
  • <%BUTTON_BLACKLIST%> sera remplacé par le code du bouton pour ignorer.
  • <%DATE_COLOR%> sera remplacé par la couleur de la date.
  • <%PSEUDO_LOWER%> sera remplacé par le pseudo de l'auteur en minuscule.
  • <%ID_MESSAGE%> sera remplacé par l'ID du message.
  • <%DATE_MESSAGE%> sera remplacé par l'heure sous forme HH:MM:SS.
  • <%DATE_STRING%> sera remplacé par la date complète.
  • <%PSEUDO_COLOR%> sera remplacé par la couleur du pseudo de l'auteur.
  • <%PSEUDO_PSEUDO%> sera remplacé par le pseudo de l'auteur (avec les majuscules s'il y en a).
  • <%MESSAGE_MESSAGE%> sera remplacé par le contenu du message.
  • <%SIGNATURE_MODEL%> sera remplacé par le modèle de la signature.
  • <%AVATAR_MODEL%> sera remplacé par le modèle de l'avatar.
  • <%EDITDATE_MODEL%> sera remplacé par le texte affiché pour les messages édités.

Veuillez consulter la page suivante pour plus d'aide concernant les propriétés HTML et CSS supportées par Qt : http://doc.qt.io/qt-5/richtext-html-subset.html.

modelInfo.cfg

Quant au fichier modelInfo.cfg il devra contenir celui-ci :

<a style="color: black;text-decoration: none" href="quote:<%ID_MESSAGE%>:[<%DATE_MESSAGE%>] <<%PSEUDO_PSEUDO%>>">[C]</a> 
<a style="color: black;text-decoration: none" href="blacklist:<%PSEUDO_LOWER%>">[B]</a> 
<a style="color: black;text-decoration: none" href="edit:<%ID_MESSAGE%>">[E]</a> 
black
green
dimgrey
blue
blue
black
grey
red
#3a9d23
#db0f0f
darkorange
rgba(100, 100, 100, 0.25)
black
<a style="color: black;text-decoration: none" href="delete:<%ID_MESSAGE%>">[S]</a> 
green
<hr><span style="font-size: 1px;"><br></span><i><%SIGNATURE_SIGNATURE%></i>
<i><%MESSAGE_TO_UPDATE%></i>
<img width=<%AVATAR_SIZE%> height=<%AVATAR_SIZE%> src="<%AVATAR_LINK%>">
blue
#F2F2F2
(&eacute;dit&eacute; le <%EDITDATE_ALL%>)
darkgray
  • La 1re ligne représente le code pour le bouton de citation.
  • La 2de ligne représente le code pour le bouton d'ajout à la liste des ignorés.
  • La 3e ligne représente le code pour le bouton d'édition de message.
  • La 4e ligne représente la couleur d'une date correspondant à un message non-édité.
  • La 5e ligne représente la couleur d'une date correspondant à un message édité.
  • La 6e ligne représente la couleur par défaut d'un pseudo.
  • La 7e ligne représente la couleur du pseudo de l'utilisateur.
  • La 8e ligne représente la couleur des liens.
  • La 9e ligne représente la couleur des balises « spoil ».
  • La 10e ligne représente la couleur des bordures d'une citation.
  • La 11e ligne représente la couleur du soulignement des fautes.
  • La 12e ligne représente la couleur du pseudo des modo.
  • La 13e ligne représente la couleur du pseudo des admin.
  • La 14e ligne représente la couleur de la date des PEMT.
  • La 15e ligne représente la couleur du fond des citations quand l'option "améliorer les citations" est activée.
  • La 16e ligne représente la couleur du texte des citations quand l'option "améliorer les citations" est activée.
  • La 17e ligne représente le code pour le bouton de suppression.
  • La 18e ligne représente la couleur du message lors de l'édition.
  • La 19e ligne représente le code pour la signature, où <%SIGNATURE_SIGNATURE%> sera remplacé par le contenu de la signature.
  • La 20e ligne représente la manière dont sera modifié le message avec le type d'édition à « Ajout avec modification de l'ancien message », où <%MESSAGE_TO_UPDATE%> sera remplacé par l'ancien message.
  • La 21e ligne représente le code pour l'avatar, où <%AVATAR_LINK%> sera remplacé par le lien de l'avatar et <%AVATAR_SIZE%> par sa taille.
  • La 22e ligne représente la couleur de la barre de progression de chargement de RespawnIRC Navigator.
  • La 23e ligne représente la couleur du fond des balises code quand l'option "améliorer l'affichage des balises code" est activée.
  • La 24e ligne représente le texte affiché pour les messages édités, où <%EDITDATE_ALL%> sera remplacé par la date complète de dernière édition et <%EDITDATE_HOUR%> par l'heure de dernière édition.
  • La 25e ligne représente la couleur du type de sticker sélectionné dans la liste des stickers.

Information importante : si le fichier comporte moins de 25 lignes les lignes manquantes seront remplacées par les valeurs par défaut.

Polices personnalisées

Pour ajouter une police personnalisée qui pourra être chargée par le programme, il vous suffit de créer un dossier nommé fonts dans le dossier de votre thème puis d'y glisser les fichiers contenants les polices qui vous intéressent.

Images personnalisées

Pour ajouter des images personnalisées dans le QTextBrowser (l'endroit où sont affichés les messages du topic) il vous suffira de créer un dossier nommé img dans lequel vous mettrez vos images. Il est très fortement conseillé de créer un sous-dossier portant le nom de votre thème dans lequel vous glisserez vos images. *
Exemple, si votre thème s'appelle « bonjour » et que vous souhaitez ajouter l'image « salut.png » quelque part, vous devrez placer « salut.png » à cet endroit par rapport au dossier racine de RespawnIRC : themes/bonjour/img/bonjour/salut.png. Si vous voulez ajouter cette image, vous n'aurez plus qu'à utiliser cette balise : <img src="bonjour/salut.png">.

* ce n'est plus nécessaire depuis RespawnIRC 3.1

Add a custom footer
Add a custom sidebar
Clone this wiki locally