Motanel Tutorials


 
AcasaAcasa  RegulamentRegulament  FAQFAQ  CautareCautare  MembriMembri  InregistrareInregistrare  ConectareConectare  

CSS Vertical Navigation


Navigare :: CSS - Cascading Style Sheets
AutorMesaj
 Vizitato
avatar
Rang: Vizitator


MesajSubiect: CSS Vertical Navigation Mar 15 Feb 2011 - 7:27
Descriere:
CSS Vertical Navigation


Demonstratie:

Demonstratie:
Instalare:

1. CSS
Adaugati codul urmator in CSS:

Cod:

*/-------------CSS Vertical Navigation-----------/*
ul.sidenav {
   font-size: 1.2em;
   float: left;
   width: 200px;
   margin: 0;
   padding: 0;
   list-style: none;
   background: #005094;
   border-bottom: 1px solid #3373a9;
   border-top: 1px solid #003867;
}
ul.sidenav li a{
   display: block;
   color: #fff;
   text-decoration: none;
   width: 155px;
   padding: 10px 10px 10px 35px;
   background: url(sidenav_a.gif) no-repeat 5px 7px;
   border-top: 1px solid #3373a9;
   border-bottom: 1px solid #003867;
}


ul.sidenav li a:hover {
   background: #003867 url(sidenav_a.gif) no-repeat 5px 7px;
   border-top: 1px solid #1a4c76;
}
ul.sidenav li span{   display: none; }
ul.sidenav li a:hover span {
   display: block;
   font-size: 0.8em;
   padding: 10px 0;
}


*/-------------CSS Vertical Navigation-----------/*




2.HTML
Codul Meniului il puteti pune unde doriti voi.

Cod:

<ul class="sidenav">
   <li>
<a href="#">Home
<span>Descriere.Descriere.Descriere.Descriere.Descriere
.Descriere.Descriere.Descriere.Descriere.
Descriere.Descriere.Descriere.Descriere.
Descriere.Descriere.Descriere.Descriere.
</span>
   </a>
   </li>
   <li>
<a href="#">Home
<span>Descriere.Descriere.Descriere.Descriere.Descriere.
Descriere.Descriere.Descriere.Descriere.Descriere.Descriere
.Descriere.Descriere.Descriere.Descriere.Descriere.Descriere.
</span>
   </a>
   </li>
    <li>
<a href="#">Home
<span>Descriere.Descriere.Descriere.Descriere.Descriere.
Descriere.Descriere.Descriere.Descriere.Descriere.
Descriere.Descriere.Descriere.Descriere.Descriere.
Descriere.Descriere.
</span>


<a href="#">Home
<span>Descriere.Descriere.Descriere.Descriere.Descriere.
Descriere.Descriere.Descriere.Descriere.Descriere.Descriere.
Descriere.Descriere.Descriere.Descriere.Descriere.Descriere.
</span>


<a href="#">Home
<span>Descriere.Descriere.Descriere.Descriere.
Descriere.Descriere.Descriere.Descriere.Descriere.
Descriere.Descriere.Descriere.Descriere.Descriere.
Descriere.Descriere.Descriere.
</span>

<a href="#">Home<span>
Descriere.Descriere.Descriere.Descriere.Descriere.
Descriere.Descriere.Descriere.Descriere.Descriere.
Descriere.Descriere.Descriere.Descriere.Descriere.
Descriere.Descriere.
</span>


      </a>
         </li>
              </ul>


Tutorial realizat deWwW.MotanelTutorials.com" target="_blank"> Emanuel si imbunatatit de Andreitm
 Ciupa-Ciups
avatar
Rang: Designer

Respetarea regulilor 100%

Vezi profilul utilizatorului
MesajSubiect: Re: CSS Vertical Navigation Mar 15 Feb 2011 - 8:08
Eu cred ca ce ai facut tu este la mintea cocosului (pt tn) .. Pentru ca tu poti si mai mult de atat incearca sa crezi un meniu putin mai atractiv ca design. iti urez succes :)
 Vizitato
avatar
Rang: Vizitator


MesajSubiect: Re: CSS Vertical Navigation Mar 15 Feb 2011 - 8:11
Da intradevar este ceva foarte simplu, pot sa fac tutoriale mult mai performate in domeniul codingului, dar nu vreu sa dezvalui totusi toate secretele,si totusi sunt diferite persoane care cred ca le este de folos acest meniu.
 sparkris
avatar
Rang: Membru - MT™

Respetarea regulilor 100%

Vezi profilul utilizatorului
MesajSubiect: Re: CSS Vertical Navigation Mar 15 Feb 2011 - 8:48
Emanuel a scris:
Da intradevar este ceva foarte simplu, pot sa fac tutoriale mult mai performate in domeniul codingului, dar nu vreu sa dezvalui totusi toate secretele,si totusi sunt diferite persoane care cred ca le este de folos acest meniu.
Printre care si eu.A iesit super.Cred ca o sa-l pun pe portal intr-un widget.
 Vizitato
avatar
Rang: Vizitator


MesajSubiect: Re: CSS Vertical Navigation Mar 15 Feb 2011 - 8:53
Ciupa-Ciups a scris:
Eu cred ca ce ai facut tu este la mintea cocosului (pt tn) .. Pentru ca tu poti si mai mult de atat incearca sa crezi un meniu putin mai atractiv ca design. iti urez succes :)

Ai un avertizment pentru incalcarea regulamentului.



Regulementul Spune:
Citat :


Sanctiune Incercati sa nu folositi limbaj de messenger/chat si ma refer la cuvintele prescurtate sau litere adaugate care nici macar nu-si au rost, cum ar fi: scz, pt, bv, brb, [cenzurat], gg, gj, nb, wb, dnd, etc. Sau inlocuirea literelor ţ din t cu tz si ş din s cu sh. Mai sunt interzise inlocuirea literei "c cu k sau tu cu u si asa mai departe. Prin urmare astfel de limbaj nu este permis, deoarece atuni cand cineva doreste sa traduca o pagina respectiva din limba romana in limba engleza, limbajul de messenger/chat nu va putea fi tradus corect
 Ciupa-Ciups
avatar
Rang: Designer

Respetarea regulilor 100%

Vezi profilul utilizatorului
MesajSubiect: Re: CSS Vertical Navigation Mar 15 Feb 2011 - 9:06
Imi cer scuze Emanuel nu mi-am dat seamam de aceasta greseala minora. Promit ca in viitor nu o sa se mai intample :D
 Cretsu`
avatar
Rang: Membru - MT™

Respetarea regulilor 100%

Vezi profilul utilizatorului
MesajSubiect: Re: CSS Vertical Navigation Mar 15 Feb 2011 - 9:07
Sincer, mie nu imi place. E prea mare, insa admir munca ta si ti-o respect. Multumesc pentru meniu :)
 Vizitato
avatar
Rang: Vizitator


MesajSubiect: Re: CSS Vertical Navigation Mar 15 Feb 2011 - 9:34
Cretsu` a scris:
Sincer, mie nu imi place. E prea mare, insa admir munca ta si ti-o respect. Multumesc pentru meniu :)

Multumesc pentru apreciere, am sa incerc ca pe viitor sa vin cu tutoriale mai performante;)
 Gheby
avatar
Rang: Membru - MT™

Respetarea regulilor 75%

Vezi profilul utilizatorului
MesajSubiect: Re: CSS Vertical Navigation Mar 15 Feb 2011 - 13:31
Frumos meniu, dar e cam simplu si cam mare :D
 Vizitato
avatar
Rang: Vizitator


MesajSubiect: Re: CSS Vertical Navigation Mier 16 Feb 2011 - 2:03
Gheby a scris:
Frumos meniu, dar e cam simplu si cam mare :D

De asta eee..... nu pot multumi toata lumea.
 Cl0uD
avatar
Rang: Membru - MT™

Respetarea regulilor 50%

Vezi profilul utilizatorului
MesajSubiect: Re: CSS Vertical Navigation Sam 19 Feb 2011 - 10:49
este foarte util :D
 Justin
avatar
Rang: Membru - MT™

Respetarea regulilor 75%

Vezi profilul utilizatorului
MesajSubiect: Re: CSS Vertical Navigation Joi 31 Mar 2011 - 3:49
Arata foarte bine, dar in previzualizare ar fi trebuit sa pui o descriere mai mica
 Continut sponsorizat
Rang:


MesajSubiect: Re: CSS Vertical Navigation



Copyright © 2013 - Toate drepturile rezervate
Design creat si codat de Alexandru Miron si Stefan Patrascu