Top subiecte apreciate

Optiuni experimentale
  • Foloseste AJAX in formulare ori de cate ori este posibil

Navigare rapidă

Ultimele subiecte
» Ipb Counter-strike Special FG
Scris de DenisPasca Ieri la 22:52
» Special Theme Extrem Tutorials
Scris de cosminelu21 Vin 2 Dec - 23:48
» Script ninsoare
Scris de JeKa123 Vin 2 Dec - 20:20
» Cerere script
Scris de SSYT Joi 1 Dec - 23:22
» Hello
Scris de admin Mier 30 Noi - 16:10
Cuvinte-cheie

tema  banner  navigare  subiecte  punbb  animate  tutorial  profil  edit  menu  Statistici  chenar  cautare  drop  reclama  Metin2  legenda  meniu  ultimele  subforumuri  avatar  radio  Mesaje  html  Bara  phpBB2  

[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
Admin & Dezvoltator
la data de Dum 20 Mai - 16:00
Winsper Admin & Dezvoltator
Conectat
Frumos Rio.Bravo.
Vizitator
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
la data de Dum 20 Mai - 19:20
mr.franta Membru dedicat
Conectat
felicitari rio dar chiar era necesar java script?
Vizitator
la data de Dum 20 Mai - 19:24
Vizitato Vizitator
Conectat
Daca vrei sa il folosesti pe toate paginile da.
Membru ET
la data de Mar 22 Mai - 18:34
Mos Craciun Membru ET
Conectat
Eh, un tutorial calumea. Simplu si util.
Membru premium
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
la data de Mar 22 Mai - 20:12
Segiu Membru ET
Conectat
Bravo Rio pentru tutorial.