Hei, Gjest!

Trådvurdering:
  • 0 stemmer - 0 gjennomsnitt
  • 1
  • 2
  • 3
  • 4
  • 5

Lage kul link til Facebook

#1
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>

 Svar

 
Gå til forum: