Cikkajánló
Felkerült a legújabb kinézet az oldalra. Nem szeretnék sokat írni róla, hiszen nem sok változás történt az előző design-hoz képet. A rózsaszín megmaradt, mert Emily-hez ez illik :) Mellé
Tény, hogy a fejléces menü kódjával nem csak menüt lehet a fejlécre helyezni, hanem bármi mást is, csak az évek alatt ez a név ragadt rá a fejléces kódra,
A WordPress-nek vannak beépített widget alkalmazásai, amik megjelennek a szélső sávban, ha a WordPress – Megjelenés – Widgetek menüben ezt beállítjátok. De egy saját készítésű sablonban csak úgy nem
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ü 20.


Menü kódja
 

<div align="center">
    <a class="vertical-menu" href="link helye">Menü 1.</a><br />
    <a class="vertical-menu" href="link helye">Menü 2.</a><br />
    <a class="vertical-menu" href="link helye">Menü 3.</a><br />
    <a class="vertical-menu" href="link helye">Menü 4.</a><br />
    <a class="vertical-menu" href="link helye">Menü 5.</a>
</div>


CSS kód
 

<style type="text/css">
a.vertical-menu{
   font-family: Trebuchet MS !important;
   background-color: #F5F5F5;
   color: #000000 !important;
   font-size: 12px !important;
   text-transform: uppercase !important;
   letter-spacing: 1px;
   padding: 5px 0 3px 0;
   margin: 2px;
   text-align: center;
   width: 250px;
   height: 20px;
   border-left: 7px solid #000000;
   border-right: 7px solid #000000;
   text-decoration: none;
   margin-bottom: 1px;
   border-radius: 20px;
   display: inline-block;
}
a.vertical-menu:hover{
   font-family: Trebuchet MS !important;
   background-color: #000000;
   color: #f5f5f5 !important;
   font-size: 12px !important;
   text-transform: uppercase !important;
   border-left: 7px solid #00A090;
   border-right: 7px solid #00A090;
}</style>

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

Hozzászólások