Schimbare meniu de navigare.
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 1 din 2 • Distribuiţi
Pagina 1 din 2 • 1, 2
Schimbare meniu de navigare.
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?
Re: Schimbare meniu de navigare.
Personalizati dvs. urmatorul cod:
- Cod:
#page-header .navbar{
background: #culoare;
border-radius: 5px;}
Re: Schimbare meniu de navigare.
Ma refer ca eu am facut unul in PhotoShop si vreau sa'l pun pe ala...cum fac?
Re: Schimbare meniu de navigare.
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...
Re: Schimbare meniu de navigare.
https://2img.net/r/ihimizer/img3/9189/sdsdsca.png
si l-am facut sa se vada cu griul ala cand duc mouse cursorul pe un buton
si l-am facut sa se vada cu griul ala cand duc mouse cursorul pe un buton
Re: Schimbare meniu de navigare.
Schimbare imagine de background:
Opacitate:
- 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
- Mesaje : 1348
Varsta : 74
Localizare : ...
Data înscrierii : 07/01/2012
Mulțumiri : 0
Re: Schimbare meniu de navigare.
Nu merge...poate cineva sa ma ajute cu TeamViewer?
Re: Schimbare meniu de navigare.
Puteti posta aici codurile folosite in pagina HTML din imagine?
Coddy- Membru activ
- Mesaje : 1348
Varsta : 74
Localizare : ...
Data înscrierii : 07/01/2012
Mulțumiri : 0
Re: Schimbare meniu de navigare.
- 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() { http://v3.0
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() { http://v3.0
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) { http://v4.01
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() { http://v3.0
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>
Pagina 1 din 2 • 1, 2
Subiecte similare
» Schimbare culoare meniu de navigare BB3
» Antet si navigare, meniu de navigare
» Schimbare culoare meniu
» Schimbare meniu forum.
» Problemă meniu schimbare teme
» Antet si navigare, meniu de navigare
» Schimbare culoare meniu
» Schimbare meniu forum.
» Problemă meniu schimbare teme
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 1 din 2
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum