=

Daschmi's Notizblog

RSS Feed

WordPress Shortcode Funktion zur Anzeige einer Skala / Energieausweis

Erstellt in Wordpress am 2. September 2014

Mit einer einfachen Shortcode Funktion und etwas CSS und einer Grafik kann der Energieausweis einer Immobilie wie folgt visualisiert werden:

Dazu muss einfach folgender Code in die functions.php des Themes kopiert werden:

function ds_energieausweis($atts, $content = null)
{

return ‚<div class="ds_energieausweis"><div style="left:‘.(($atts[‚value‘] / 470) * 376).’px;"></div></div>‘;

}

add_shortcode(‚ds_energieausweis‘, ‚ds_energieausweis‘);

Zur Darstellung ist dann in der style.css noch folgender CSS Code notwendig:

.ds_energieausweis { position:relative; width:376px; height:48px; background-image:url('gfx/energieausweis.png'); background-repeat:no-repeat; }
.ds_energieausweis div { position:absolute; top:0px; height:48px; width:2px; background-color:#FFFFFF; }

 



Bitte genehmigen Sie die Verwendung von Cookies dieser Website! Mehr Informationen

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

Schließen