Cikkajánló
Egy újabb G-Portálos teljes kinézetet hoztam. Ígérem most már lassan abbahagyon a GP-s design-ok gyártását, csak hát már olyan régen nem hoztam a G-Portálra bármilyen kinézetet vagy CSS kódot,
Készítettem pihenésképpen egy teljesen egyszerű G-Portálos CSS kódot. Semmi csicsa nincsen benne, sem színkavalkád :) Tök egyszerű, letisztult téma. Fejléc adható hozzá, ha úgy jobban tetszik majd. :) Innen
A napokban kaptam egy kérdést arról, hogyan lehet azt megcsinálni, hogy a középső modul görgethető lehessen. De csak a középső modul. Bevallom én eddig ennek nem néztem semmilyen formában
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 Maisie Williams G-Portálos téma
Függőleges menü 13.


Menü kódja
 

<div align="center">
    <div class="shadowblockmenu-v">
        <ul>
            <li>
                <a href="/">Főoldal</a>
            </li>
            <li>
                <a href="/">Grafika</a>
            </li>
            <li>
                <a href="/">Segítség</a>
            </li>
            <li>
                <a href="/">Kódok</a>
            </li>
            <li>
                <a href="/">Flash</a>
            </li>
            <li>
                <a href="/">Hátterek</a>
            </li>
        </ul>
    </div>
</div>


CSS kód
 

<style type="text/css">
.shadowblockmenu-v{
    width: 250px;
}
.shadowblockmenu-v ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.shadowblockmenu-v ul li{
    margin:0;
    padding:0;
}
.shadowblockmenu-v ul li a{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    display:block;
    text-transform: uppercase;
    color: #f2f2f2;
    background-color: #633D16;
    padding: 10px 15px;
    text-decoration: none;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.shadowblockmenu-v ul li a:hover, .shadowblockmenu-v ul li a.selected{
    background-color: #f2f2f2;
    color: black;
    -moz-box-shadow: inset 7px 0 10px #633D16, inset 0 0 15px #633D16, inset 0 0 20px #633D16;
    -webkit-box-shadow: inset 7px 0 10px #633D16, inset 0 0 15px #633D16, inset 0 0 20px #633D16;
    box-shadow: inset 7px 0 10px #633D16, inset 0 0 15px #633D16, inset 0 0 20px #633D16;
}</style>

lindadesign Hozzászólások
1 812 megtekintés

Hozzászólások