Forum for hjemmeside, nettbutikk og markedsføring på nett
Lage kul link til Facebook - Utskriftsvennlig utgave

+- Forum for hjemmeside, nettbutikk og markedsføring på nett (https://estrategi.no/forum)
+-- Forum: EasyEdit forum - Lag hjemmeside selv (https://estrategi.no/forum/forum-easyedit-forum-lag-hjemmeside-selv)
+--- Forum: Bruk av EasyEdit (https://estrategi.no/forum/forum-bruk-av-easyedit)
+--- Tråd: Lage kul link til Facebook (/svar-lage-kul-link-til-facebook)



Lage kul link til Facebook - Preben O. Sangvik - 04-10-2017

Se eksempel her:
http://motor.redigering.net/

(på venstre side)


Til CSSen

Kode:
.faceIconSlide.animated.fadeInLeft {
    position: absolute;
    top: 14em;
    background: #F0803C;
    padding: 4px 7px 4px 20px;
    left: 0px;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}

.faceIconSlide.animated.fadeInLeft:hover {
    padding: 20px;
}


Til HTML malen


Kode:
<div class="faceIconSlide animated fadeInLeft" style="background:{%TemplateConfig[301]%}(din-hex-farge)"><a href="{%TemplateConfig[300]%}" target=""_blank"><span class="fa fa-facebook" style="font-size: 20px; color: #fff;" aria-hidden="true"></span></a></div>


Så må en lage to innstillinger i malen. 

En for farge og en for link, eller bare hardkode det over slik:



Kode:
<div class="faceIconSlide animated fadeInLeft" style="background:(din-fargekode)"><a href="(din link til facebook)" target=""_blank"><span class="fa fa-facebook" style="font-size: 20px; color: #fff;" aria-hidden="true"></span></a></div>