Men¨ artistico


No Men¨ artistico

Messaggio Da Spacca il Dom 14 Nov 2010 - 15:08

Men¨ artistico


DEMO

In PDA > visual. > overall_footer

prima del PUN-FOOT
inserire questo:

Codice:
<script type="text/javascript" src="http://johnson5756.webs.com/jquery-1.3.2.js"> </ script>
id="navigation"> <ul
 <li class="home"> <a href="LINK GOES HERE" title="Home"> </ a> </ li>
 <li class="portal"> <a href="LINK GOES HERE" title="Portal"> </ a> </ li>
 <li class="calendar"> <a href="LINK GOES HERE" title="Test"> </ a> </ li>
 <li class="profile"> <a href="LINK GOES HERE" title="Profile"> </ a> </ li>
 <li class="link1"> <a title="Link1"> </ a> </ li>
 <li class="link2"> <a title="Link2"> </ a> </ li>
 <li class="link3"> <a title="Link3"> </ a> </ li>
</ Ul>

<script type="text/javascript">
            $ (Function () {
                .. $ ('# Navigazione a') stop () animare ({'marginLeft': '-85px'}, 1000);

                $ ('# Navigazione li>'). Hover (
                    function () {
                        $ ('A', $ (questo)) stop () animare ({'marginLeft': '-2px'}, 200);..
                    },
                    function () {
                        $ ('A', $ (questo)) stop () animare ({'marginLeft': '-85px'}, 200);..
                    }
                );
            });
        </ Script>

poi inserire questo in una pagina html:

Codice:
<ul id="navigation">
 <li class="home"><a href="LINK GOES HERE" title="Home"></a></li>
 <li class="portal"><a href="LINK GOES HERE" title="Portal"></a></li>
 <li class="calendar"><a href="LINK GOES HERE" title="Test"></a></li>
 <li class="profile"><a href="LINK GOES HERE" title="Profile"></a></li>
 <li class="link1"><a title="Link1"></a></li>
 <li class="link2"><a title="Link2"></a></li>
 <li class="link3"><a title="Link3"></a></li>
</ul>

e questo nel CSS
Spoiler:
Codice:
ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    list-style: none;
    z-index: 999;
}
ul#navigation li {
    width: 100px;
}
ul#navigation li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;   
    background-color:#CFCFCF;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    */
    opacity: 0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
ul#navigation .home a{
    background-image: url('http://png-images.findicons.com/files/icons/808/on_stage/128/home.png');
}
ul#navigation .portal a      {
    background-image: url('http://png-images.findicons.com/files/icons/808/on_stage/128/heart.png');
}
ul#navigation .calendar a      {
    background-image: url('http://png-images.findicons.com/files/icons/808/on_stage/128/calendar.png');
}
ul#navigation .profile a      {
    background-image: url('http://png-images.findicons.com/files/icons/808/on_stage/128/tag.png');
}
ul#navigation .link1 a  {
    background-image: url('http://png-images.findicons.com/files/icons/808/on_stage/128/tag_add.png');
}
ul#navigation .link2 a    {
    background-image: url('http://png-images.findicons.com/files/icons/808/on_stage/128/tag_add.png');
}
ul#navigation .link3 a    {
    background-image: url('http://png-images.findicons.com/files/icons/808/on_stage/128/tag_add.png');
}

Per domande o chiarimenti Gestire l'aspetto del forum

Tutoriale da :
Copyrigth ę FORUMATTIVO.COM


avatar
Spacca
Meritattivo
Meritattivo

Sesso : Maschile
EtÓ : 20
Messaggi : 3007
LocalitÓ : Varese


Vedi il profilo dell'utente http://mywiki.tk
Spacca Ŕ stato ringraziato dall'autore di questo topic.

No Re: Men¨ artistico

Messaggio Da XSync il Lun 15 Nov 2010 - 17:26

Doesn't work. L' avrei voluto in un Forum per imbranati, ma non va...

Rimane sempre aperto... Some ideas?
avatar
XSync
*****

Sesso : Maschile
EtÓ : 20
Messaggi : 592
LocalitÓ : Genova


Vedi il profilo dell'utente http://illydium.ace.st/
XSync Ŕ stato ringraziato dall'autore di questo topic.

No Re: Men¨ artistico

Messaggio Da Spacca il Lun 15 Nov 2010 - 17:31

versione utilizzata?
avatar
Spacca
Meritattivo
Meritattivo

Sesso : Maschile
EtÓ : 20
Messaggi : 3007
LocalitÓ : Varese


Vedi il profilo dell'utente http://mywiki.tk
Spacca Ŕ stato ringraziato dall'autore di questo topic.

No Re: Men¨ artistico

Messaggio Da XSync il Lun 15 Nov 2010 - 17:38

PunBB... Non Ŕ la mia abituale, ma a volte serve!
avatar
XSync
*****

Sesso : Maschile
EtÓ : 20
Messaggi : 592
LocalitÓ : Genova


Vedi il profilo dell'utente http://illydium.ace.st/
XSync Ŕ stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum