Meniu nou

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 : 20
Data de inscriere : 22/10/2015
Multumiri : 0
Membru exclus

http://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
Asistent Debutant
Asistent Debutant

masculin

Mesaje : 255
Varsta : 19
Localizare : Forumgratuit
Data de inscriere : 25/09/2014
Multumiri : 22
2 avertismente

http://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
Membru activ

masculin

Mesaje : 435
Varsta : 18
Data de inscriere : 01/11/2015
Multumiri : 47
2 avertismente

http://helptutorial.rpgwars.net/

Sus In jos

In cos Re: Meniu nou

Mesaj Scris de Apollo 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
Apollo
Membru onorific
Membru onorific

masculin

Mesaje : 900
Varsta : 22
Localizare : C:\system32
Data de inscriere : 10/08/2015
Multumiri : 112
Niciun avertisment

https://www.forumcodes.com

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 : 20
Data de inscriere : 22/10/2015
Multumiri : 0
Membru exclus

http://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
Membru activ

masculin

Mesaje : 435
Varsta : 18
Data de inscriere : 01/11/2015
Multumiri : 47
2 avertismente

http://helptutorial.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 : 20
Data de inscriere : 22/10/2015
Multumiri : 0
Membru exclus

http://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
Membru activ

masculin

Mesaje : 435
Varsta : 18
Data de inscriere : 01/11/2015
Multumiri : 47
2 avertismente

http://helptutorial.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 : 20
Data de inscriere : 22/10/2015
Multumiri : 0
Membru exclus

http://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 : 20
Data de inscriere : 22/10/2015
Multumiri : 0
Membru exclus

http://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
Membru activ

masculin

Mesaje : 435
Varsta : 18
Data de inscriere : 01/11/2015
Multumiri : 47
2 avertismente

http://helptutorial.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 : 20
Data de inscriere : 22/10/2015
Multumiri : 0
Membru exclus

http://Help.forumgratuit.ro

Sus In jos

In cos Re: Meniu nou

Mesaj Scris de Rekool la data de Sam 9 Apr - 21:25


michy97, ati primit warn pentru spam. Va rog sa nu mai postati linkuri externe platformei forumgratuit fara acordul unui membru al staff-ului. Multumesc pentru intelegere!

Avand in vedere ca in ultimele 2 saptamani autorul nu a mai aratat interes pentru acesta problema, topicul va fi inchis si trimis in cos. Daca problema nu a fost rezolvata, va invitam sa deschideti un nou topic, in sectiunea corespunzatoare si avind un titlu explicit.

=> Topic trimis in cosul de gunoi
avatar
Rekool
Membru onorific
Membru onorific

masculin

Mesaje : 1822
Varsta : 20
Localizare : Huang Shi
Data de inscriere : 07/01/2013
Multumiri : 80
Niciun avertisment

http://azzarocs.dust.tv/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum