Schimbare meniu de navigare.

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Schimbare meniu de navigare.

Mesaj Scris de mr.raven la data de Mar 14 Feb - 21:51

Buna seara! Am cautat prin subiecte da' n-am gasit nimic si m-am decis sa postez un topic nou...Cum schimb meniul de navigare ca sa arate ca cel facut de mine?Sau ce cod imi trebuie pentru CSS?

mr.raven
Membru Forumgratuit

Mesaje : 35
Data de inscriere : 12/02/2012
Multumiri : 0
Niciun avertisment

http://insignia-clan.getforum.net/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de Keir la data de Mar 14 Feb - 23:28

Buna seara,

Ce versiune de forum folositi?

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de mr.raven la data de Mar 14 Feb - 23:54

phpBB3

mr.raven
Membru Forumgratuit

Mesaje : 35
Data de inscriere : 12/02/2012
Multumiri : 0
Niciun avertisment

http://insignia-clan.getforum.net/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de Keir la data de Mar 14 Feb - 23:56

Personalizati dvs. urmatorul cod:

Cod:
#page-header .navbar{
  background: #culoare;
  border-radius: 5px;}

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de mr.raven la data de Mier 15 Feb - 0:08

Ma refer ca eu am facut unul in PhotoShop si vreau sa'l pun pe ala...cum fac?

mr.raven
Membru Forumgratuit

Mesaje : 35
Data de inscriere : 12/02/2012
Multumiri : 0
Niciun avertisment

http://insignia-clan.getforum.net/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de Keir la data de Mier 15 Feb - 0:10

In cazul acesta, este ceva mai greu. Decupati imaginile respective(daca le aveti facute pe bucati) si introduceti-le in PA > Afisare > Imagini si culori > Administrare imagini > Mod avansat . Totusi, postati aici meniul, sa vedem ce este de facut...

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de mr.raven la data de Mier 15 Feb - 0:12

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

si l-am facut sa se vada cu griul ala cand duc mouse cursorul pe un buton

mr.raven
Membru Forumgratuit

Mesaje : 35
Data de inscriere : 12/02/2012
Multumiri : 0
Niciun avertisment

http://insignia-clan.getforum.net/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de Coddy la data de Mier 15 Feb - 7:30

Schimbare imagine de background:
Cod:
#page-header .navbar{
background-image: url(link_background);
}

#page-header .navbar ul li:hover{
background-image: url(link_background);
}

Opacitate:
Cod:
#page-header .navbar{
background-image: url(link_background);
}

#page-header .navbar ul li:hover{
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}

.navbar a.mainmenu{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.navbar a.mainmenu:hover{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

Coddy
Membru activ

masculin

Mesaje : 1348
Varsta : 66
Localizare : ...
Data de inscriere : 07/01/2012
Multumiri : 0
Membru exclus

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de mr.raven la data de Mier 15 Feb - 15:15

Nu merge...poate cineva sa ma ajute cu TeamViewer?

mr.raven
Membru Forumgratuit

Mesaje : 35
Data de inscriere : 12/02/2012
Multumiri : 0
Niciun avertisment

http://insignia-clan.getforum.net/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de Coddy la data de Mier 15 Feb - 18:48

Puteti posta aici codurile folosite in pagina HTML din imagine? Fericit

Coddy
Membru activ

masculin

Mesaje : 1348
Varsta : 66
Localizare : ...
Data de inscriere : 07/01/2012
Multumiri : 0
Membru exclus

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de mr.raven la data de Mier 15 Feb - 18:53

Cod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>NavBar!</title>
<style type="text/css">
#NavBar {
   height: 50px;
   width: 900px;
   margin-right: auto;
   margin-left: auto;
   border: 2px solid #000;
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head><body onload="MM_preloadImages('NavOver_01.jpg','NavOver_02.jpg','NavOver_03.jpg','NavOver_04.jpg','NavOver_05.jpg','NavOver_06.jpg','NavOver_07.jpg')">
<div id="NavBar"><a href="Index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Index','','NavOver_01.jpg',1)"><img src="file:///C|/Users/MrRaven/Desktop/images/NavBar_01.jpg" name="Index" width="130" height="50" border="0" id="Index"></a><a href="Index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Members','','NavOver_02.jpg',1)"><img src="NavBar_02.jpg" name="Members" width="130" height="50" border="0" id="Members"></a><a href="Index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Join us','','NavOver_03.jpg',1)"><img src="NavBar_03.jpg" name="Join us" width="130" height="50" border="0" id="Join us"></a><a href="Index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Fight us','','NavOver_04.jpg',1)"><img src="NavBar_04.jpg" name="Fight us" width="130" height="50" border="0" id="Fight us"></a><a href="Index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Matches','','NavOver_05.jpg',1)"><img src="NavBar_05.jpg" name="Matches" width="130" height="50" border="0" id="Matches"></a><a href="Index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Profile','','NavOver_06.jpg',1)"><img src="NavBar_06.jpg" name="Profile" width="130" height="50" border="0" id="Profile"></a><a href="Index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Inbox','','NavOver_07.jpg',1)"><img src="NavBar_07.jpg" name="Inbox" width="120" height="50" border="0" id="Inbox"></a></div>


</body></html>

mr.raven
Membru Forumgratuit

Mesaje : 35
Data de inscriere : 12/02/2012
Multumiri : 0
Niciun avertisment

http://insignia-clan.getforum.net/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de Red X la data de Mier 15 Feb - 19:51

Ați rezolvat problema?Fericit

Red X
Membru onorific
Membru onorific

masculin

Mesaje : 1520
Varsta : 20
Localizare : Imi cer scuze, dar nu ofer suport si revizuiri prin MP !--Oradea
Data de inscriere : 26/10/2010
Multumiri : 1
Niciun avertisment

http://shuffle.forumz.ro

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de mr.raven la data de Mier 15 Feb - 20:30

nu...

mr.raven
Membru Forumgratuit

Mesaje : 35
Data de inscriere : 12/02/2012
Multumiri : 0
Niciun avertisment

http://insignia-clan.getforum.net/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de Keir la data de Joi 16 Feb - 18:04

Buna seara,

Tot ce trebuie sa faceti este să decupați în PhotoShop fiecare parte a bării folosind unealta "Crop tool" . Apoi să urcați pe host fiecare imagine in parte, iar apoi să le puneți pe fiecare în rubrica respectivă din PA - Afișare - Imagini și culori - Administrare imagini - Mod avansat - General/navigare - Index, Calendar etc... A face cu ochiul

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de mr.raven la data de Joi 16 Feb - 18:38

Buna seara,

da...stiu dar nu asta vreau sa fac eu...ai putea sa te uiti un pic cu TeamViewer ca sa vezi ce vreau sa fac?

mr.raven
Membru Forumgratuit

Mesaje : 35
Data de inscriere : 12/02/2012
Multumiri : 0
Niciun avertisment

http://insignia-clan.getforum.net/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de Keir la data de Joi 16 Feb - 18:53

Suportul se oferă numai pe forum. Poți să-mi descrii aici tot. Studiu

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de mr.raven la data de Joi 16 Feb - 19:03

cum e aici meniul de navigare... [Trebuie sa fiti inscris si conectat pentru a vedea acest link] de sus

mr.raven
Membru Forumgratuit

Mesaje : 35
Data de inscriere : 12/02/2012
Multumiri : 0
Niciun avertisment

http://insignia-clan.getforum.net/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de mr.raven la data de Joi 16 Feb - 19:03

cand treci cu mouseul peste butoane sa fac highlighted

mr.raven
Membru Forumgratuit

Mesaje : 35
Data de inscriere : 12/02/2012
Multumiri : 0
Niciun avertisment

http://insignia-clan.getforum.net/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de Keir la data de Joi 16 Feb - 19:09

Acela este un hover, care se poate adăuga foarte ușor prin( și acest hover se poate face din imagini ca cele inițiale sau printr-un simplu background):

Cod:
.clasa:hover{
background: #ffffff;}

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de mr.raven la data de Joi 16 Feb - 19:13

nu s-a schimbat nimic... Neutru

mr.raven
Membru Forumgratuit

Mesaje : 35
Data de inscriere : 12/02/2012
Multumiri : 0
Niciun avertisment

http://insignia-clan.getforum.net/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de Keir la data de Joi 16 Feb - 19:21

Să luăm ca exemplu această imagine:


Care este folosită de dvs. ca imagine pentru butonul "Acasă" . În acest caz vom avea:
Cod:
#i_icon_mini_index:hover{
background: #ffffff;}

Pentru search vom avea:
Cod:
#i_icon_mini_search:hover{
background: #ffffff;}
Și așa mai departe...

Ca să puneți o imagine ca hover, folosiți( pentru index):
Cod:
#i_icon_mini_index:hover{
background: url(LinkImagine);}

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de mr.raven la data de Joi 16 Feb - 20:44

Aham...mersi am rezolvat Foarte fericit. Dar cum sa fac sa o pun pe aia care am facut-o eu in photoshop cu tot cu bara si cu butoane pe ea?

mr.raven
Membru Forumgratuit

Mesaje : 35
Data de inscriere : 12/02/2012
Multumiri : 0
Niciun avertisment

http://insignia-clan.getforum.net/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de Keir la data de Joi 16 Feb - 20:57

Păi pentru butoane v-am mai spus, le adăugați în PA - Afișare - Imagini și culori - Administrare imagini - Mod avansat - General/Navigare - Index, Faq, Calendar etc...
Pentru fundalul bării de navigare, folosiți acest cod:

Cod:
#page-header .navbar{
background: url(LINKIMAGINE);}

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Schimbare meniu de navigare.

Mesaj Scris de Lycan la data de Joi 16 Feb - 21:38

topic rezolvat

Lycan
Membru onorific
Membru onorific

masculin

Mesaje : 3146
Localizare : Karaibe
Data de inscriere : 21/10/2011
Multumiri : 0
Niciun avertisment

http://netuts.forumz.ro

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum