Vorgefertigte Codestrukturen für DataLion [Artikel in Bearbeitung]

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. PDF-Datei Link 

Rechtsklick auf der „Medien“ Seite und dann „View page source“ auswählen:

Dann öffnet sich die Seite mit allen Links, Sie können mit strg + F nach „pdf“ suchen und dann den Link nach dem „href=“ für die passende PDF-Datei kopieren.

3. 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);

}