Changer couleur modèle facture

Discussions à propos d'iCompta sur macOS
JoaquimDC
Messages : 11
Inscription : 15 août 2018, 15:51

Changer couleur modèle facture

Message par JoaquimDC »

Bonjours ,

Je souhaite modifier la couleur de l'entête ainsi que les couleurs des textes mais avec ma non connaissance du codage html sa m'est impossible. je voudrais que tout ceux qui apparait en bleu soit en vert.

Code : Tout sélectionner

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
body
{
	font-family: -apple-system;
	font-size: 6pt;
	font-weight: 200;
	margin: 0pt;
}

.left
{
	float: left;
	margin-right: 20pt;
}

.right
{
	float: right;
	margin-left: 20pt;
}

.clear
{
	clear: both;
}

table
{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0pt;
}

#border
{
	height: 10pt;
	margin-bottom: 20pt;
	background-color: #03ABF0;
}

#logo .title
{
	display: inline;
	margin-left: 10pt;
	font-size: 28pt;
	font-weight: 100;
}

#company
{
	text-align: right;
}

#company .title
{
	font-size: 14pt;
	font-weight: 400;
	text-transform: uppercase;
}

#company .value
{
	font-size: 5pt;
	font-weight: 100;
}

.separator
{
	margin-top: 10pt;
	margin-bottom: 10pt;
	height:1pt;
	background-color: #000000;
}

#invoice td
{
	vertical-align: top;
}

#invoice tr.spacer td
{
	padding-top: 10pt;
}

#invoice .title
{
	font-size: 8pt;
	font-weight: 400;
	text-transform: uppercase;
}

#invoice .value
{
	font-size: 8pt;
	font-weight: 200;
}

#invoice .total
{
	vertical-align: middle;
	text-align: right;
}

#invoice .total div
{
	display: inline;
}

#invoice .total .title
{
	font-size: 14pt;
	font-weight: 400;
}

#invoice .total .value
{
	color: #03ABF0;
	font-size: 14pt;
	font-weight: 400;
}

#content th
{
	padding-left: 6pt;
	color: #03ABF0;
	font-size: 8pt;
	font-weight: 300;
	text-transform: uppercase;
	white-space: nowrap;
}

#content td
{
	padding-left: 6pt;
	padding-top: 6pt;
	font-size: 6pt;
	font-weight: 200;
	white-space: nowrap;
}

#content th:first-child, #content td:first-child
{
	padding-left: 0pt;
	white-space: normal;
}

#content tr.total td
{
	font-weight: 400;
}

.details
{
	font-size: 4pt;
	font-weight: 100;
}

.footer
{
	margin-top: 20pt;
	font-style: italic;
}
</style>
</head>
<body>
<div id="border"></div>
<div id="logo" class="left">
	{% if company.logo %}<img src="data:image/png;base64,{{ company.logo }}" width="{{ company.logoWidth }}" height="{{ company.logoHeight }}">{% /if %}
	<div class="title">{{ company.name }}</div>
</div>
<div id="company" class="right">
	<div class="title">{{ type }}</div>
	<br>
	<div class="value">{{ company.phone }}</div>
	<div class="value">{{ company.mail }}</div>
	<div class="value">{{ company.webSite }}</div>
	<div class="value">{{ company.address }}</div>
	<br>
	<div class="value">ID: {{ company.identificationNumber }}</div>
	<div class="value">VAT: {{ company.taxesNumber }}</div>
</div>
<div class="clear"></div>
<div class="separator"></div>
<div id="invoice">
	<table>
		<tr>
			<td>
				<table>
					<tr>
						<td>
							<div class="title">Client</div>
							<div class="value">{{ client.name }}</div>
							<div class="value">{{ client.address }}</div>
						</td>
						<td>
							<div class="title"># {{ type }}</div>
							<div class="value">{{ number }}</div>
						</td>
					</tr>
					<tr class="spacer">
						<td>
							<div class="title">Project</div>
							<div class="value">{{ title }}</div>
						</td>
						<td>
							<div class="title">Date</div>
							<div class="value">{{ date | date_format: dd/MM/yyyy }}</div>
						</td>
					</tr>
				</table>
			</td>
			<td class="total">
				<div class="title">Total</div> <div class="value">{{ amount }}</div>
			</td>
		</tr>
	</table>
</div>
<div class="separator"></div>
<div id="content">
	<table>
	<tr>
	<th align="left">Item</th>
	<th align="right">Price</th>
	<th align="right">Qty</th>
	<th align="right">ET Total</th>
	<th align="right">Taxes</th>
	<th align="right">Total</th>
	</tr>
	{% for item in items %}
	<tr>
	<td align="left">{{ item.title }}{% if item.details %}<br><span class="details">{{ item.details }}</span>{% /if %}</td>
	<td align="right">{{ item.amount }}</td>
	<td align="right">{{ item.quantity }}</td>
	<td align="right">{{ item.totalWithoutTaxes }}</td>
	<td align="right">{% if item.taxesRate %}{{ item.taxesRate }}{% /if %}</td>
	<td align="right">{% if item.free %}<s>{% /if %}{{ item.total }}{% if item.free %}</s><br>FREE{% /if %}</td></tr>
	{% /for %}
	{% if discount %}
	<tr>
	<td colspan="5" align="right">Discount</td>
	<td align="right">{{ discount }}</td>
	</tr>
	{% /if %}
	<tr>
	<td colspan="5" align="right">ET total</td>
	<td align="right">{{ amountWithoutTaxes }}</td>
	</tr>
	{% for tax in taxesDetails %}
	<tr>
	<td colspan="5" align="right">{{ tax.name }} {{ tax.rate }}</td>
	<td align="right">{{ tax.amount }}</td>
	</tr>
	{% /for %}
	<tr class="total">
	<td colspan="5" align="right">Total</td>
	<td align="right">{{ amount }}</td>
	</tr>
	</table>
</div>
<div class="footer">{{ footer }}</div>
</body>
</html>
Déplus je ne comprend pas pourquoi j'ai des mots qui sont en anglais (Project, Item, Price, QTY, ID, VAT)

Merci d'avance de votre aide.
Avatar de l’utilisateur
Angeman
Administrateur
Messages : 12436
Inscription : 28 décembre 2008, 21:28
Localisation : Toulouse, France
Contact :

Re: Changer couleur modèle facture

Message par Angeman »

Vous pouvez remplacer toutes les occurrences de #03ABF0 par le code hex de la couleur verte de votre choix, par exemple #00FF00. Pour les mots en anglais c'est parce que vous avez dû créer votre modèle de facture alors que votre système était en anglais sans doute ?
JoaquimDC
Messages : 11
Inscription : 15 août 2018, 15:51

Re: Changer couleur modèle facture

Message par JoaquimDC »

Merci j'ai réussit à faire ceux que je voulait. Par contre pour l'histoire de l'anglais je ne l'est pas que sur ma facture mais sur tout le logiciel j'ai la moitié en anglais la moitié en français, je ne comprend pas. Je peut modifier cela ou pas ?
Avatar de l’utilisateur
Angeman
Administrateur
Messages : 12436
Inscription : 28 décembre 2008, 21:28
Localisation : Toulouse, France
Contact :

Re: Changer couleur modèle facture

Message par Angeman »

Votre système est en quelle langue, français ? Qu'avez-vous mis comme région dans les Préférences Système ?
JoaquimDC
Messages : 11
Inscription : 15 août 2018, 15:51

Re: Changer couleur modèle facture

Message par JoaquimDC »

J'ai mis France biensûre j'ai déjà vérifié tout sa
Répondre