R Markdown: mettere un'immagine nell'angolo in alto a destra dell'HTML e spostare il titolo verso il basso

Question

Vorrei mettere un'immagine del logo aziendale nella parte in alto a destra del mio rapporto R markdown, e quindi spostare il titolo verso il basso, diciamo 3 o 4 cm più in basso rispetto alla posizione di default. L'idea è che sembra carta intestata dell'azienda.

Qualcuno potrebbe suggerire come posso codificare questo nel mio file .Rmd?

Grazie per qualsiasi aiuto!

Answer 1

Opzione 1:

Aggiungere questo script all'inizio (o da qualche altra parte) del documento RMarkdown:

<script> 
    $(document).ready(function() { 
    $head = $('#header'); 
    $head.prepend('<img src=\"logo.jpg\" style=\"float: right;width: 150px;\"/>') 
    }); 
</script> 

Questa sarà simile

Per lo script per funzionare, l'immagine deve essere nella stessa cartella del documento .Rmd. Si potrebbe anche dare il <img> tag un certo id e aggiungere più preciso stile CSS con

<style> 
    #myLogo { 
    float: right; 
    width: 120px; 
    ... 
</style> 

Opzione 2:

Creare un file HTML in più (ad esempio extLogo.html) che contiene il logo come:

<div><img src="logo.jpg" width="200px" align="right"></div> 

quindi modificare l'intestazione YAML simili:

--- 
title: "Test" 
author: "Martin Schmelzer" 
date: "13 Juli 2016" 
output: 
    html_document: 
    includes: 
     in_header: extLogo.html 
--- 

Questo appare come

e potrebbe aver bisogno di alcune altre possibilità margine/padding ...