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 25.03.16 17:29

Salut,

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

michy97
Membru Forumgratuit

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

Vezi profilul utilizatorului https://help.forumgratuit.ro
michy97 a fost mulțumit de autorul acestui subiect.

In cos Re: Meniu nou

Mesaj Scris de mihai la data de 26.03.16 9:47

Salut,

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

mihai
Membru onorific
Membru onorific

Mesaje : 964
Varsta : 21
Data înscrierii : 25/09/2014
Multumiri : 74
Niciun avertisment

Vezi profilul utilizatorului http://fgsuport.forumgratuit.ro
mihai a fost mulțumit de autorul acestui subiect.

In cos Re: Meniu nou

Mesaj Scris de Ionut_FG la data de 26.03.16 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_FG
Membru activ

Mesaje : 777
Varsta : 21
Data înscrierii : 01/11/2015
Multumiri : 123
Membru exclus

Vezi profilul utilizatorului http://invisionpower.rpgwars.net/
Ionut_FG a fost mulțumit de autorul acestui subiect.

In cos Re: Meniu nou

Mesaj Scris de SSYT la data de 26.03.16 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.
SSYT

SSYT
Membru onorific
Membru onorific

Mesaje : 1425
Varsta : 25
Localizare : Romania, localhost:80
Data înscrierii : 10/08/2015
Multumiri : 199
Niciun avertisment

Vezi profilul utilizatorului https://help.forumgratuit.ro
SSYT a fost mulțumit de autorul acestui subiect.

In cos Re: Meniu nou

Mesaj Scris de michy97 la data de 26.03.16 10:43

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

michy97
Membru Forumgratuit

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

Vezi profilul utilizatorului https://help.forumgratuit.ro
michy97 a fost mulțumit de autorul acestui subiect.

In cos Re: Meniu nou

Mesaj Scris de Ionut_FG la data de 26.03.16 10:44

forumu tau este ?
avatar

Ionut_FG
Membru activ

Mesaje : 777
Varsta : 21
Data înscrierii : 01/11/2015
Multumiri : 123
Membru exclus

Vezi profilul utilizatorului http://invisionpower.rpgwars.net/
Ionut_FG a fost mulțumit de autorul acestui subiect.

In cos Re: Meniu nou

Mesaj Scris de michy97 la data de 26.03.16 10:44

punBB
michy97

michy97
Membru Forumgratuit

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

Vezi profilul utilizatorului https://help.forumgratuit.ro
michy97 a fost mulțumit de autorul acestui subiect.

In cos Re: Meniu nou

Mesaj Scris de Ionut_FG la data de 26.03.16 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_FG
Membru activ

Mesaje : 777
Varsta : 21
Data înscrierii : 01/11/2015
Multumiri : 123
Membru exclus

Vezi profilul utilizatorului http://invisionpower.rpgwars.net/
Ionut_FG a fost mulțumit de autorul acestui subiect.

In cos Re: Meniu nou

Mesaj Scris de michy97 la data de 26.03.16 10:50

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


Ultima editare efectuata de catre michy97 in 26.03.16 11:02, editata de 1 ori
michy97

michy97
Membru Forumgratuit

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

Vezi profilul utilizatorului https://help.forumgratuit.ro
michy97 a fost mulțumit de autorul acestui subiect.

In cos Re: Meniu nou

Mesaj Scris de michy97 la data de 26.03.16 10:56

ok, rezolvat!
michy97

michy97
Membru Forumgratuit

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

Vezi profilul utilizatorului https://help.forumgratuit.ro
michy97 a fost mulțumit de autorul acestui subiect.

In cos Re: Meniu nou

Mesaj Scris de Ionut_FG la data de 26.03.16 10:59

serios rezolvat la ce fel arata daca vrei posteaza overall_header
avatar

Ionut_FG
Membru activ

Mesaje : 777
Varsta : 21
Data înscrierii : 01/11/2015
Multumiri : 123
Membru exclus

Vezi profilul utilizatorului http://invisionpower.rpgwars.net/
Ionut_FG a fost mulțumit de autorul acestui subiect.

In cos Re: Meniu nou

Mesaj Scris de michy97 la data de 26.03.16 11:03

uite acum.
michy97

michy97
Membru Forumgratuit

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

Vezi profilul utilizatorului https://help.forumgratuit.ro
michy97 a fost mulțumit de autorul acestui subiect.

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum