Menu Sticky

Menu Sticky
Descargar proyecto demo sin menu Sticky

Descargar proyecto demo con menu Sticky

Obfuscator

---

CSS Menu Sticky

.sticky{
position: fixed;
top:0;
width: 100%;
}

---

Javascript Menu Sticky

<script>
  /**javascript menu fijo**/
window.onscroll = function() {myFunction()};

var navbar = document.getElementById("navbar");
var sticky = navbar.offsetTop;


function myFunction() {
  console.log(navbar);
  console.log(sticky);
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}
</script>

border y gradiente Android Studio

header.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <gradient android:startColor="@color/color1"   

     android:centerColor="@color/color2"       

 android:endColor="@color/color3"      

  android:type="linear"        android:angle="180">
    </gradient>

</shape>

---

boton.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">
    <solid android:color="@color/color2" />
    <corners android:radius="20dp" />
</shape>

---

color.xml

<color name="color1">#005073</color>
<color name="color2">#107DAC</color>
<color name="color3">#189AD3</color>
<color name="letra">#FFFFFF</color>

---

Imagenes del Proyecto

descargar icono

Logo USB

Imagenes Figuras

Imagen Demo Descarga


hr{
       border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}

Curso Profesional Complementaria 2

Curso Profesional Complementaria 2

Curso Proyecto Integrador Web

CURSO PROYECTO INTEGRADOR WEB