2016. augusztus 15., hétfő

Menükódok // Perrie

Sziasztok!:)
 Ma hoztam két menükódot, remélem hasznotokra válik. Egyik sem olyan "hű de nagy cucc" de én tényleg próbálkoztam. 

Ha viszed mindenképp írd meg mert ezek sajátok!

Csak annyit szeretnék még, hogy a rendelések folyamatosan készülnek, de mindenkinek meg kell értenie, hogy nekem is van életem, igyekszek sietni, de nem ülhetek egész nap a gép előtt és egy design nem két perc.
Mostantól próbálok minden héten kitenni legalább egy bejegyzést, ideje aktivizálom magam.

De akkor most jöjjenek a kódok, először láthatjátok, hogy néz ki majd alatta a kódot is megtaláljátok.

1.
Kód:

 <center>
    <ul id="navigation">
        <li>
            <a href="link.html">Főoldal</a></li>
        <li>
            <a href="link.html">Link1</a></li>
        <li>
            <a href="link.html">Link2</a></li>
        <li>
            <a href="link.html">Link3</a></li>
    </ul>
</center>

    <style type="text/css">
#navigation {
   margin: 0;
   padding: 0;
   list-style-type: none;
   list-style-image: none;
   list-style: none;

}
#navigation li {
   margin-bottom: px;
}
#navigation a {
   background: #0B7983;
   color: #FFFFFF;
   font-size: 12px;
   display:inline-block;
   width: 200px;
   padding-bottom: 2px;
   padding-top: 2px;
   border-left: dotted 5px;
border-right: dotted 5px;
border-color: #ffffff;
border-radius: 20px 0px 20px 0px;
box-shadow:5px 5px 5px 2px #898989;
}

#navigation a:hover {
   background: #FFFFFF;
   color: #0B7983;
text-decoration: none;
   box-shadow:5px 5px 5px 2px #898989;
   border-left: dotted 5px;
border-right: dotted 5px;
border-color: #0B7983;
border-radius: 20px 0px 20px 0px;

}
-->    </style>

 2. 

Kód:

 <center>
    <ul id="navigáció">
        <li>
            <a href="link.html">Főoldal</a></li>
        <li>
            <a href="link.html">Link1</a></li>
        <li>
            <a href="link.html">Link2</a></li>
        <li>
            <a href="link.html">Link3</a></li>
    </ul>
</center>

    <style type="text/css">
#navigáció {
   margin: 0;
   padding: 0;
   list-style-type: none;
   list-style-image: none;
   list-style: none;

}
#navigáció li {
   margin-bottom: 0px;
}
#navigáció a {
   background: #b2a38e;
   color: #412d29;
   font-size: 12px;
   display: block;
   width: 200px;
   padding-bottom: 2px;
   padding-top: 2px;
   border-top: solid 5px;
border-color: #412d29;
border-radius: 20px 5px 20px 5px;
}

#navigáció a:hover {
   background: #412d29;
   color: #b2a38e;
text-decoration: none;
   border-top: solid 5px;
border-color: #b2a38e;
border-radius: 20px 5px 20px 5px;
}
-->    </style>


Nincsenek megjegyzések:

Megjegyzés küldése