Navigare rapidă

Ultimele subiecte
» [PlayList] Shiin
Scris de System Joi 20 Iul - 16:14
» Wireless ipb theme [punBB]
Scris de RobiWiLL Vin 14 Iul - 2:01
» Conturile fara mesaje au fost dezactivate
Scris de Femoko Mier 12 Iul - 21:14
Cuvinte-cheie

[Invision] Meniu suplimentare invision


Demonstratie:
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.


Comentariile utilizatorilor
Membru activ
avatar
la data de Dum 20 Mai - 16:00
Madross Membru activ
Conectat
Frumos Rio.Bravo.
Vizitator
avatar
la data de Dum 20 Mai - 16:07
Vizitato Vizitator
Conectat
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
Membru dedicat
avatar
la data de Dum 20 Mai - 19:20
mr.franta Membru dedicat
Conectat
felicitari rio dar chiar era necesar java script?
Vizitator
avatar
la data de Dum 20 Mai - 19:24
Vizitato Vizitator
Conectat
Daca vrei sa il folosesti pe toate paginile da.
Membru ET
avatar
la data de Mar 22 Mai - 18:34
Mos Craciun Membru ET
Conectat
Eh, un tutorial calumea. Simplu si util.
Membru premium
avatar
la data de Mar 22 Mai - 18:39
Hissae2 Membru premium
Conectat
Multumesc Rio,de mult doream sa aflu si eu cum pot face un meniu pe Invision.
Membru ET
avatar
la data de Mar 22 Mai - 20:12
Segiu Membru ET
Conectat
Bravo Rio pentru tutorial.