Cikkajánló
Készítettem tegnap egy újabb WordPress témát, csak tegnap már nem akartam kitenni, mert egy napra kettő friss bőven elég, így beállítottam az időzítőt ma reggel 10-re. A témákban a
A blog modulban azt is meg lehet csinálni, hogy teljesen eltérő linkelt képet adtok meg. Vagy lehet eltérő sima link vagy a vastag, dőlt, aláhúzott stílus is lehet teljesen
2. rész   Ebben a részben a .site kódrészről írok kicsit bővebben. Maga a kód így néz ki   .site { /* oldal szélessége */ width: 1018px; }  
Emma Roberts G-Portálos téma Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák
Függőleges menü 16.


FőoldalKódok Segítség Grafika


Menü kódja
 

<center>
<a class="sung" href="/">Főoldal</a>
<a class="gyuu" href="/">Kódok</a>
<a class="sung" href="/">Segítség</a>
<a class="gyuu" href="/">Grafika</a>
</center>


CSS kód
 

<style type="text/css">
a.sung { /* 1. és 3. menüpont */
    display:block;
    width:100px;
    padding:3px;
    padding-bottom: 8px;
    margin:25px;
    background:#eeeeee;
    font-size:11px;
    Font-Family: tahoma;
    text-align:center;
    Text-decoration:none;
    color:#888888;
    border: 1px solid #1bc3d7;
    text-transform:uppercase;
    letter-spacing:2px;
    height:10px;
    -webkit-transform: rotate(13deg);
    -moz-transform: rotate(13deg);
    -o-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    transform: rotate(13deg);
    -webkit-transition:All 0.2s ease;
    -moz-transition:All 0.2s ease;
    -o-transition:All 0.2s ease;
}
a.sung:hover{
    color:#000000;
}
a.gyuu { /* 2. és 4. menüpont */
    display:block;
    border: 1px solid #d72e2e;
    width:100px;
    padding:3px;
    padding-bottom: 8px;
    margin:30px;
    background:#fff;
    font-size:11px;
    Font-Family: tahoma;
    text-align:center;
    Text-decoration:none;
    color:#888;
    text-transform:uppercase;letter-spacing:1px;
    height:10px;
    -webkit-transform: rotate(-13deg);
    -moz-transform: rotate(-13deg);
    -o-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    transform: rotate(-13deg);
    -webkit-transition:All 0.5s ease ;
    -moz-transition:All 0.54s ease ;
    -o-transition:All 0.5s ease ;
}
a.gyuu:hover{
     color:#000000;
}</style>

lindadesign Hozzászólások
2 090 megtekintés

Hozzászólások