Vorgefertigte Codestrukturen für DataLion

1. Hintergrundbild für die Startseite festlegen

In den Projekteinstellungen können Sie im TAB Inhalt beim Unterpunkt „Homepage“ Ihren Code für die Startseite Ihres Projektes hinterlegen.

Ein Beispiel für so einen Code ist der folgende:

<div class="row" style="background-image: url('https://www.datalion.net/ihrBild.jpg'); background-repeat: no-repeat; min-height: 850px; padding: 0 2em">

<div class="col-sm-12">

<p style="color:#84BD00; font-size:35px; padding-top:20px; font-weight:bold"> Ihr Text <br>Ihr Text nach dem Absatz</p><br><br>

 

<a href="https://ihrlink.com" style="color:#000000; font-weight:bold">Ihr Linktext</a><br><br>

<a href="https://ihrlink.com" style="color:#000000; font-weight:bold">Ihr zweiter Linktext</a>

</div>

Die URL Ihres Bildes erhalten Sie unter hochgeladene Medien -> Rechtsklick -> Bildadresse kopieren

2. Benutzerdefinierte Anpassung der Elemente mit CSS

In den Projekteinstellungen können Sie im TAB Inhalt beim Unterpunkt „Benutzerdefinierte CSS Styles“ Ihren Code für die optischen Anpassungen Ihres Projektes hinterlegen.

Ein Beispiel für einen solchen Code ist:

.chart__title__text {

font-size: 15px; font-weight: bold;

color: rgba(255,255,255);

}

.chart__title, .chart__header {

 height: 30px;

}

.page__header{

background-color: rgba(38,153,209);

}

.chart__header {

background-color: rgba(38,153,209);

}

.edit-title {

color: rgba(19,65,89);

font-weight: bold;

}

.filter__dropdown label {

    color: #666;

    font-weight: 400;

    font-size: 13px;

}

.btn-default:hover {

    background-color: #A0CABF;
    border-color: rgba(38,153,209);

}

.btn-default {

    border-color: rgba(38,153,209);

}

.footer {

background-color: rgba(255,255,255);

}