Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

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 Vin Mar 25, 2016 5:29 pm

Salut,

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

michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 27
Data înscrierii : 22/10/2015
Mulțumiri : 0
Internet Explorer phpBB3

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

In cos Re: Meniu nou

Mesaj Scris de Mihai Sam Mar 26, 2016 9:47 am

Salut,

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

Mihai
Administrator
Administrator

Mesaje : 1580
Varsta : 26
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 103
Google Chrome Meniu nou  Be_110

http://fgsuport.forumgratuit.ro
Mihai a fost mulțumit de autorul acestui subiect.

In cos Re: Meniu nou

Mesaj Scris de Ionut_FG Sam Mar 26, 2016 10:41 am

[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 : 26
Data înscrierii : 01/11/2015
Mulțumiri : 123
Google Chrome Invision

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

In cos Re: Meniu nou

Mesaj Scris de SSYT Sam Mar 26, 2016 10:43 am

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 : 1424
Varsta : 30
Localizare : Romania, localhost:80
Data înscrierii : 10/08/2015
Mulțumiri : 199
Opera phpBB3

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

In cos Re: Meniu nou

Mesaj Scris de michy97 Sam Mar 26, 2016 10:43 am

[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 : 27
Data înscrierii : 22/10/2015
Mulțumiri : 0
Internet Explorer phpBB3

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

In cos Re: Meniu nou

Mesaj Scris de Ionut_FG Sam Mar 26, 2016 10:44 am

forumu tau este ?
avatar

Ionut_FG
Membru activ

Mesaje : 777
Varsta : 26
Data înscrierii : 01/11/2015
Mulțumiri : 123
Google Chrome Invision

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

In cos Re: Meniu nou

Mesaj Scris de michy97 Sam Mar 26, 2016 10:44 am

punBB
michy97

michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 27
Data înscrierii : 22/10/2015
Mulțumiri : 0
Internet Explorer phpBB3

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

In cos Re: Meniu nou

Mesaj Scris de Ionut_FG Sam Mar 26, 2016 10:46 am

[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 : 26
Data înscrierii : 01/11/2015
Mulțumiri : 123
Google Chrome Invision

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

In cos Re: Meniu nou

Mesaj Scris de michy97 Sam Mar 26, 2016 10:50 am

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


Ultima editare efectuata de catre michy97 in Sam Mar 26, 2016 11:02 am, editata de 1 ori
michy97

michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 27
Data înscrierii : 22/10/2015
Mulțumiri : 0
Internet Explorer phpBB3

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

In cos Re: Meniu nou

Mesaj Scris de michy97 Sam Mar 26, 2016 10:56 am

ok, rezolvat!
michy97

michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 27
Data înscrierii : 22/10/2015
Mulțumiri : 0
Internet Explorer phpBB3

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

In cos Re: Meniu nou

Mesaj Scris de Ionut_FG Sam Mar 26, 2016 10:59 am

serios rezolvat la ce fel arata daca vrei posteaza overall_header
avatar

Ionut_FG
Membru activ

Mesaje : 777
Varsta : 26
Data înscrierii : 01/11/2015
Mulțumiri : 123
Google Chrome Invision

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

In cos Re: Meniu nou

Mesaj Scris de michy97 Sam Mar 26, 2016 11:03 am

uite acum.
michy97

michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 27
Data înscrierii : 22/10/2015
Mulțumiri : 0
Internet Explorer phpBB3

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

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum