Meniu personalzat

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Meniu personalzat

Mesaj Scris de Rekool la data de Sam 26 Sept - 17:17

Salut ! Cum as putea face si eu ca in imagine ?

Rekool
Membru onorific
Membru onorific

masculin

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

http://azzarocs.dust.tv/

Sus In jos

Rezolvat Re: Meniu personalzat

Mesaj Scris de Vizitator la data de Sam 26 Sept - 17:30

Posteaza linkul forumului unde ai vazut acel meniu.

Vizitator
Vizitator


Sus In jos

Rezolvat Re: Meniu personalzat

Mesaj Scris de Rekool la data de Sam 26 Sept - 22:16

[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Rekool
Membru onorific
Membru onorific

masculin

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

http://azzarocs.dust.tv/

Sus In jos

Rezolvat Re: Meniu personalzat

Mesaj Scris de Rekool la data de Lun 28 Sept - 13:36

Up cineva Foarte fericit

Rekool
Membru onorific
Membru onorific

masculin

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

http://azzarocs.dust.tv/

Sus In jos

Rezolvat Re: Meniu personalzat

Mesaj Scris de mr.franta la data de Lun 28 Sept - 14:43

Buna ziua,acum scris acum un cod,sper sa a fie de folos.
Inlocuiti # cu link-ul care vreti sa duc meniul.
Inlocuiti link imagine cu adresa imaginii care o folositi.

Cod:
<div class="franta_menu">
<a href="#"><img src="link imagine"></img><br />Link 1</a>
<a href="#"><img src="link imagine"></img><br />Link 2</a>
<a href="#"><img src="link imagine"></img><br />Link 3</a>
<a href="#"><img src="link imagine"></img><br />Link 4</a>
<a href="#"><img src="link imagine"></img><br />Link 5</a>
</div>

Iar in css adaugati

Cod:

.meniu a{
display: inline-block;
min-width: 85px;
text-align: center;
text-decoration: none!important;
text-transform: uppercase;
font-family: tahoma;
padding: 6px 2px;
border-radius: 20%;
border: 1px solid #000;
box-shadow: 0px 1px 1px cyan inset;
background: #222;
color: white!important;
}



mr.franta
Membru onorific
Membru onorific

masculin

Mesaje : 1072
Varsta : 28
Localizare : giurgiu
Data de inscriere : 18/02/2012
Multumiri : 69
Niciun avertisment

http://www.frannnta-design.com/

Sus In jos

Rezolvat Re: Meniu personalzat

Mesaj Scris de Rekool la data de Lun 28 Sept - 20:37

Si pe primul unde il bag ?

Rekool
Membru onorific
Membru onorific

masculin

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

http://azzarocs.dust.tv/

Sus In jos

Rezolvat Re: Meniu personalzat

Mesaj Scris de CylourLP15 la data de Lun 28 Sept - 21:16

in overall_header

CylourLP15
Membru Forumgratuit

Mesaje : 144
Varsta : 17
Data de inscriere : 20/06/2015
Multumiri : 3
Niciun avertisment

http://forum.onegoo.net/

Sus In jos

Rezolvat Re: Meniu personalzat

Mesaj Scris de Rekool la data de Lun 28 Sept - 21:29

As vrea un cod complet daca se poate, cu tot cu imagini...

Rekool
Membru onorific
Membru onorific

masculin

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

http://azzarocs.dust.tv/

Sus In jos

Rezolvat Re: Meniu personalzat

Mesaj Scris de Rekool la data de Mier 30 Sept - 7:10

up

Rekool
Membru onorific
Membru onorific

masculin

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

http://azzarocs.dust.tv/

Sus In jos

Rezolvat Re: Meniu personalzat

Mesaj Scris de mr.franta la data de Mier 30 Sept - 14:41

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:Buna ziua,acum scris acum un cod,sper sa a fie de folos.
Inlocuiti # cu link-ul care vreti sa duc meniul.
Inlocuiti link imagine cu adresa imaginii care o folositi.

Cod:
<div class="franta_menu">
<a href="#"><img src="link imagine"></img><br />Link 1</a>
<a href="#"><img src="link imagine"></img><br />Link 2</a>
<a href="#"><img src="link imagine"></img><br />Link 3</a>
<a href="#"><img src="link imagine"></img><br />Link 4</a>
<a href="#"><img src="link imagine"></img><br />Link 5</a>
</div>

Iar in css adaugati

Cod:

.meniu a{
display: inline-block;
min-width: 85px;
text-align: center;
text-decoration: none!important;
text-transform: uppercase;
font-family: tahoma;
padding: 6px 2px;
border-radius: 20%;
border: 1px solid #000;
box-shadow: 0px 1px 1px cyan inset;
background: #222;
color: white!important;
}




Mai sus am scris un cod iar dumneavoastra va este pur si simplu lene sa cautati niste imagini si sa inlocuiti un simplu text.
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Efectuati modificarile apoi raspundeti la acest subiect sa va putem ajuta.
Postati link catre forumul dumneavoastra si overal_header,doar dupa ce a-ti efectuat modificarile de mai sus.
Vreau sa va ajut dar daca va este lene nu va mai pot ajuta.

mr.franta
Membru onorific
Membru onorific

masculin

Mesaje : 1072
Varsta : 28
Localizare : giurgiu
Data de inscriere : 18/02/2012
Multumiri : 69
Niciun avertisment

http://www.frannnta-design.com/

Sus In jos

Rezolvat Re: Meniu personalzat

Mesaj Scris de Zeus la data de Joi 1 Oct - 15:54

Buna ziua,

Icon-urile aflate pe acel forum nu sunt imagini, sunt niste fonturi vectoriale care pot fi redimensionate la ce dimensiune dorim.

Modificari in overall_header:
1. Introduceti libraria "Font Awesome" pe forumul dumneavoastra:

Cautati in overall_header:
Cod:
</head>

Inlocuiti cu:
Cod:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
</head>

Adaugati structura meniului urmator dupa selectorul [Trebuie sa fiti inscris si conectat pentru a vedea acest link] ori cautati <div id="pun-intro"> si adaugati dupa urmatorul cod:
Cod:
<ul class="sample-menu">
    <li><a href="/"><i class="fa fa-home"></i>Forum</a></li>
    <li><a href="/memberlist"><i class="fa fa-users"></i>Membri</a></li>
    <li><a href="/faq"><i class="fa fa-list"></i>Faq</a></li>
    <li><a href="/search"><i class="fa fa-search"></i>Cautare</a></li>
    <li><a href="#staff"><i class="fa fa-graduation-cap"></i>Echipa</a></li>
    <li><a href="#parteneriate"><i class="fa fa-link"></i>Parteneri</a></li>
    <li><a href="#requli"><i class="fa fa-star"></i>Reguli</a></li>
</ul>

Foaia de stil css

Inserati urmatorul cod:
Cod:
.sample-menu li {
list-style-type:none;
display:inline-block;
list-style:none;
text-align:center;
background:rgba(0,0,0,0.3);
box-shadow:inset 0 1px 0 rgba(0,0,0,0.4), 1px 1px 0 rgba(0,0,0,0.4);
min-width:7%;
font-weight:700;
text-transform:uppercase;
font-size:14px;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-name:bounceIn;
animation-name:bounceIn;
padding:5px;
}

.sample-menu a {
color:#f1f1f1;
text-decoration:none;
font-family:Arial, sans-serif;
}

.sample-menu li a i {
display:block;
font-size:30px;
margin-bottom:2px;
}

.sample-menu {
text-align:center;
}

.sample-menu li a:hover {
color:#FFF;
}

.sample-menu li:hover {
background:rgba(0,0,0,0.4);
}

50% {
-webkit-transform:scale(1.05);
opacity:1;
transform:scale(1.05);
}

70% {
-webkit-transform:scale(.9);
transform:scale(.9);
}

100% {
-webkit-transform:scale(1);
transform:scale(1);
}

Libraria de iconite completa o gasiti pe acest site:
Cod:
http://fortawesome.github.io/Font-Awesome/icons/

Icon-urile sunt sub aceasta forma:
Cod:
<i class="fa fa-home"></i>

Pentru editarea lor tot ce trebuie sa faceti este sa accesati link-ul precizat de mine mai sus si sa selectati icon-ul dorit, dupa care vi se va afisa automat un cod similar celui de mai sus.


[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Zeus
Administrator
Administrator

masculin

Mesaje : 3915
Localizare : Bucuresti, Romania
Data de inscriere : 19/02/2012
Multumiri : 599
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

Rezolvat Re: Meniu personalzat

Mesaj Scris de Zachary la data de Dum 4 Oct - 16:02

Avand in vedere ca acest subiect a fost marcat ca fiind "rezolvat", acesta va fi inchis si trimis in arhiva.

=> Topic rezolvat

Zachary
Membru onorific
Membru onorific

masculin

Mesaje : 2001
Varsta : 36
Localizare : România
Data de inscriere : 08/05/2013
Multumiri : 153
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum