Cikkajánló
Eddig nem igazán volt nyilvános, hogy készítek rendelésre design-t, de mivel mostanában elég sokat rendeltetek, így nyilvánossá is teszem. Szóval lehet rendelni design-t. Az oldalsávban el is készült a
Sokszor feltűnik, hogy használtok egyedi betűtípust a Google Fonts-ról. Ami egy nagyon jó szokás igazából és mindenkinek ezt is ajánlom használatra, mert kevesebb macera és biztos, hogy mindenhol a
Mivel egy ideje nem sok friss volt az oldalon így hoztam pár dolgot. 3 féle .psd fejlécet készítettem a napokban, plusz elhoztam a kivágott képeket is, amiket felhasználtam a
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
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
1 992 megtekintés

Hozzászólások