[Invision] Meniu suplimentare invision

Extrem Tutorials :: Tutoriale și ponturi :: Programare si dezvoltare :: Javascript

20052012
[Invision] Meniu suplimentare invision

Demonstratie:[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Click pe lupa pentru a vedea demo.

1.CSS
Panou de administrare > Afisare > Imagini si culori > Culori > Foaie de stil CSS

Cod:


/* Meniu suplimentare invision */
#logostrip {
height: 95px;}

#logoupj {
height: 24px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 0.5em 0 0.65em;
background: #979ba0;
border: 1px solid #C6CCD4;}

#submenu {
display:block;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}

#logoupj ul li a:hover {
background-color: #c5c7ca;}

#logoupj ul {
margin-top: -12px;
list-style: none;
text-align: left;}

#logoupj ul li {
line-height: 2em;}

#logoupj ul li a {
text-align: center;
padding: 0.5em 1em 0.65em 0;
margin: 0.5em 1em 0.65em 0;
text-decoration: none;}

#logoupj ul li a {
padding-left: 7px;
display: inline-block;}

#logoupj ul li a {
display: inline-block;}

#logoupj ul li a img {
display: none;}

2. Javascript
P.A > Module > Gestionarea codurilor javascript

Titlu*: New Header
Amplasare*: In all pages
Cod Javascript*:

Cod:

jQuery(document).ready(function() {
jQuery('#logostrip').before('
<div id="logoupj">
<ul>
<li class="clearfix">

<a href="link#">Button1 </a>
<a href="link#">Button2 </a>
<a href="link#">Button3 </a>

</li>
<ul>
</div>
');
});

Tutorial creeat de Rio
***Important !

Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !
Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.

Comentarii

Frumos Rio.Bravo.

Re: [Invision] Meniu suplimentare invision
MadrossDum 20 Mai - 16:00

Multumesc. Cu ceva timp in urma am avut acest tutorial,d ar un membru al vechiului meu staff l-a sters pentru a-si lua drepturile asupra lui, ba chiar la postat pe cateva forumuri, dar l-am refacut