Changer couleur modèle facture

Discussions à propos d'iCompta sur macOS
Répondre
JoaquimDC
Messages : 6
Enregistré le : 15 août 2018, 15:51

Changer couleur modèle facture

Message par JoaquimDC » 15 août 2018, 15:57

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 du membre
Angeman
Administrateur
Messages : 9906
Enregistré le : 28 décembre 2008, 21:28
Localisation : Toulouse, France
Contact :

Re: Changer couleur modèle facture

Message par Angeman » 16 août 2018, 00:39

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 : 6
Enregistré le : 15 août 2018, 15:51

Re: Changer couleur modèle facture

Message par JoaquimDC » 16 août 2018, 18:37

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 du membre
Angeman
Administrateur
Messages : 9906
Enregistré le : 28 décembre 2008, 21:28
Localisation : Toulouse, France
Contact :

Re: Changer couleur modèle facture

Message par Angeman » 16 août 2018, 19:37

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 : 6
Enregistré le : 15 août 2018, 15:51

Re: Changer couleur modèle facture

Message par JoaquimDC » 16 août 2018, 20:30

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

Répondre