Meniu nou

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator In jos

In cos Meniu nou

Mesaj Scris de michy97 la data de Vin 25 Mar - 17:29

Salut,

Cum pot face un meniu ca pe acest site? **link eliminat.
avatar
michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 21
Data înscrierii : 22/10/2015
Multumiri : 0
Membru exclus

Vezi profilul utilizatorului https://help.forumgratuit.ro

Sus In jos

In cos Re: Meniu nou

Mesaj Scris de mihai la data de Sam 26 Mar - 9:47

Salut,

acel forum/site nu face parte din Forumgratuit, deci nu cred că ar fii vreo soluție Nu
avatar
mihai
Suport Traducerii
Suport Traducerii

Mesaje : 858
Varsta : 20
Localizare : Bucharest, Romania
Data înscrierii : 25/09/2014
Multumiri : 72
Niciun avertisment

Vezi profilul utilizatorului https://help.forumgratuit.ro/

Sus In jos

In cos Re: Meniu nou

Mesaj Scris de Ionut la data de Sam 26 Mar - 10:41

[Trebuie sa fiti inscris si conectat pentru a vedea acest link], vorbesti fara sa gandesti in ziua de azi aproape orice e posibil pe fg. Uite codu [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
HTML.
Cod:

<div class="bottom" id="cssmenu">
<ul class="menuv6">
<li class="active"><a class="navtabv6" href="#continut">Link Activ</a></li>
<li><a class="navtabv6" href="#continut">Simplu</a></li>
<li><a class="navtabv6" href="/forum">Dop Down</a>
<ul>
<li><a href="#continut">TEXT</a></li>
<li><a href="#continut">TEXT</a></li>
</ul>
</li>
</ul>
</div>
CSS.
Cod:

.bottom ul.menu li {
 display: inline-block;
 box-sizing: border-box;
 padding: 0 10px;
 float: left;
 font-size: 16px;
 color: white;
 line-height: 40px;
 text-transform: uppercase;
 font-weight: 700;
}
.bottom ul.menuv6 li.right {
   float: right !important;
   width: 40px !important;
   text-align: center;
}
.bottom ul.menuv6 li.right > a {
   padding: 0 !important;
   line-height: 40px !important;
   font-size: 20px !important;
}
#cssmenu {
   background: #65acda;
   margin: 0;
   width: auto;
   padding: 0;
   display: block;
   position: relative;
}
#cssmenu ul {
   list-style: none;
   margin: 0;
   padding: 0;
   display: block;
}
#cssmenu ul:after,
#cssmenu:after {
   content: " ";
   display: block;
   font-size: 0;
   height: 0;
   clear: both;
   visibility: hidden;
}
#cssmenu ul li {
   margin: 0;
   padding: 0;
   display: block;
   position: relative;
}
#cssmenu ul li a {
   text-decoration: none;
   display: block;
   margin: 0;
   -webkit-transition: color .2s ease;
   -moz-transition: color .2s ease;
   -ms-transition: color .2s ease;
   -o-transition: color .2s ease;
   transition: color .2s ease;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#cssmenu ul li ul {
   position: absolute;
   left: -9999px;
   top: auto;
   z-index: 9;
}
#cssmenu ul li ul li {
   max-height: 0;
   position: absolute;
   -webkit-transition: max-height 0.4s ease-out;
   -moz-transition: max-height 0.4s ease-out;
   -ms-transition: max-height 0.4s ease-out;
   -o-transition: max-height 0.4s ease-out;
   transition: max-height 0.4s ease-out;
   background: rgba(255, 255, 255, 0.95);
}
#cssmenu ul li ul li.has-sub:after {
   display: block;
   position: absolute;
   content: "";
   height: 10px;
   width: 10px;
   border-radius: 5px;
   background: #000000;
   z-index: 1;
   top: 13px;
   right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:after {
   right: auto;
   left: 15px;
}
#cssmenu ul li ul li.has-sub:before {
   display: block;
   position: absolute;
   content: "";
   height: 0;
   width: 0;
   border: 3px solid transparent;
   border-left-color: #ffffff;
   z-index: 2;
   top: 15px;
   right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:before {
   right: auto;
   left: 15px;
   border-left-color: transparent;
   border-right-color: #ffffff;
}
#cssmenu ul li ul li a {
   font-size: 14px;
   font-weight: 400;
   text-transform: none;
   color: #000000;
   letter-spacing: 0;
   display: block;
   width: 170px;
   padding: 11px 10px 11px 20px;
}
#cssmenu ul li ul li:hover > a,
#cssmenu ul li ul li.active > a {
   color: #4cb6ea;
}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after {
   background: #4cb6ea;
}
#cssmenu ul li ul li:hover > ul {
   left: 100%;
   top: 0;
}
#cssmenu ul li ul li:hover > ul > li {
   max-height: 72px;
   position: relative;
}
#cssmenu > ul > li {
   float: left;
}
#cssmenu.align-center > ul > li {
   float: none;
   display: inline-block;
}
#cssmenu.align-center > ul {
   text-align: center;
}
#cssmenu.align-center ul ul {
   text-align: left;
}
#cssmenu.align-right > ul {
   float: right;
}
#cssmenu.align-right > ul > li:hover > ul {
   left: auto;
   right: 0;
}
#cssmenu.align-right ul ul li:hover > ul {
   right: 100%;
   left: auto;
}
#cssmenu.align-right ul ul li a {
   text-align: right;
}
#cssmenu > ul > li:after {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 0;
   top: 0;
   z-index: 0;
   background: #ffffff;
   -webkit-transition: height .2s;
   -moz-transition: height .2s;
   -ms-transition: height .2s;
   -o-transition: height .2s;
   transition: height .2s;
}
#cssmenu > ul > li.right:after {
   height: 100%;
   box-shadow: inset 0 100px 0 0 rgba(255, 255, 255, 0.1);
   opacity: 0;
   background: transparent;
   -webkit-transition: opacity .2s;
   -moz-transition: opacity .2s;
   -ms-transition: opacity .2s;
   -o-transition: opacity .2s;
   transition: opacity .2s;
}
#cssmenu > ul > li.has-sub > a {
   padding-right: 40px;
}
#cssmenu > ul > li.has-sub > a:after {
   display: block;
   content: "";
   background: #ffffff;
   height: 12px;
   width: 12px;
   position: absolute;
   border-radius: 13px;
   right: 14px;
   top: 16px;
}
#cssmenu > ul > li.has-sub > a:before {
   display: block;
   content: "";
   border: 4px solid transparent;
   border-top-color: #4cb6ea;
   z-index: 2;
   height: 0;
   width: 0;
   position: absolute;
   right: 16px;
   top: 21px;
}
#cssmenu > ul > li > a {
   color: #ffffff;
   padding: 12px 20px 11px 20px;
   font-weight: 700;
   letter-spacing: 1px;
   text-transform: uppercase;
   font-size: 14px;
   z-index: 2;
   position: relative;
}
#cssmenu > ul > li:hover:after,
#cssmenu > ul > li.active:after {
   height: 40px;
}
#cssmenu > ul > li.right:hover:after {
   opacity: 1;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
   color: #000000;
}
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li.active > a:after {
   background: #000000;
}
#cssmenu > ul > li:hover > a:before,
#cssmenu > ul > li.active > a:before {
   border-top-color: #ffffff;
}
#cssmenu > ul > li:hover > ul {
   left: 0;
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   overflow: hidden;
   box-shadow: 0 2px 8px -4px black;
}
#cssmenu > ul > li:hover > ul > li {
   max-height: 72px;
   position: relative;
}
#cssmenu #menu-button {
   display: none;
}
#cssmenu > ul > li > a {
   display: block;
}
#cssmenu > ul > li {
   width: auto;
}
#cssmenu > ul > li > ul {
   width: 170px;
   display: block;
}
#cssmenu > ul > li > ul > li {
   width: 170px;
   display: block;
}
avatar
Ionut
Contribuitor suport
Contribuitor suport

Mesaje : 771
Varsta : 20
Data înscrierii : 01/11/2015
Multumiri : 123
Niciun avertisment

Vezi profilul utilizatorului http://hhttp://invisionpower.rpgwars.net/

Sus In jos

In cos Re: Meniu nou

Mesaj Scris de SSYT la data de Sam 26 Mar - 10:43

Salut [Trebuie sa fiti inscris si conectat pentru a vedea acest link], te rog sa postezi aici versiunea forumului si template overall_header.
[Trebuie sa fiti inscris si conectat pentru a vedea acest link], te rog sa nu mai induci in eroare utilizatori acestui forum, acel meniu este pur si simplu un cod HTML creat cu CSS si optimizat prin Design CSS.


avatar
SSYT
Administrator
Administrator

Mesaje : 1423
Varsta : 23
Localizare : France, Aisne
Data înscrierii : 10/08/2015
Multumiri : 199
Niciun avertisment

Vezi profilul utilizatorului https://help.forumgratuit.ro

Sus In jos

In cos Re: Meniu nou

Mesaj Scris de michy97 la data de Sam 26 Mar - 10:43

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] este posibili sa il fac cu buatuanele de pe forumul meu?
avatar
michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 21
Data înscrierii : 22/10/2015
Multumiri : 0
Membru exclus

Vezi profilul utilizatorului https://help.forumgratuit.ro

Sus In jos

In cos Re: Meniu nou

Mesaj Scris de Ionut la data de Sam 26 Mar - 10:44

forumu tau este ?
avatar
Ionut
Contribuitor suport
Contribuitor suport

Mesaje : 771
Varsta : 20
Data înscrierii : 01/11/2015
Multumiri : 123
Niciun avertisment

Vezi profilul utilizatorului http://hhttp://invisionpower.rpgwars.net/

Sus In jos

In cos Re: Meniu nou

Mesaj Scris de michy97 la data de Sam 26 Mar - 10:44

punBB
avatar
michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 21
Data înscrierii : 22/10/2015
Multumiri : 0
Membru exclus

Vezi profilul utilizatorului https://help.forumgratuit.ro

Sus In jos

In cos Re: Meniu nou

Mesaj Scris de Ionut la data de Sam 26 Mar - 10:46

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] ma intereseaza adresa forumului tau acel meniu merge pe orice versiune ..
avatar
Ionut
Contribuitor suport
Contribuitor suport

Mesaje : 771
Varsta : 20
Data înscrierii : 01/11/2015
Multumiri : 123
Niciun avertisment

Vezi profilul utilizatorului http://hhttp://invisionpower.rpgwars.net/

Sus In jos

In cos Re: Meniu nou

Mesaj Scris de michy97 la data de Sam 26 Mar - 10:50

**************


Ultima editare efectuata de catre michy97 in Sam 26 Mar - 11:02, editata de 1 ori
avatar
michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 21
Data înscrierii : 22/10/2015
Multumiri : 0
Membru exclus

Vezi profilul utilizatorului https://help.forumgratuit.ro

Sus In jos

In cos Re: Meniu nou

Mesaj Scris de michy97 la data de Sam 26 Mar - 10:56

ok, rezolvat!
avatar
michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 21
Data înscrierii : 22/10/2015
Multumiri : 0
Membru exclus

Vezi profilul utilizatorului https://help.forumgratuit.ro

Sus In jos

In cos Re: Meniu nou

Mesaj Scris de Ionut la data de Sam 26 Mar - 10:59

serios rezolvat la ce fel arata daca vrei posteaza overall_header
avatar
Ionut
Contribuitor suport
Contribuitor suport

Mesaje : 771
Varsta : 20
Data înscrierii : 01/11/2015
Multumiri : 123
Niciun avertisment

Vezi profilul utilizatorului http://hhttp://invisionpower.rpgwars.net/

Sus In jos

In cos Re: Meniu nou

Mesaj Scris de michy97 la data de Sam 26 Mar - 11:03

uite acum.
avatar
michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 21
Data înscrierii : 22/10/2015
Multumiri : 0
Membru exclus

Vezi profilul utilizatorului https://help.forumgratuit.ro

Sus In jos

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum