MrPaky (Member)
Pro
 
Messaggi: 125
Iscritto: 19/10/2008
|
Salve,
vorrei un piccolo aiuto se non disturbo. Vorrei sapere come fare per mettere il codice CSS in una pagina HTML ad esempio vorrei mettere questo codice:
Codice sorgente - presumibilmente Plain Text |
.blue #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}
|
che si trova in un file .CSS in una pagina web per favore mi potete dare una mano??
Grazie tante a tutti
|
|
|
Mte90 (Member)
Guru
Messaggi: 1144
Iscritto: 25/03/2008
|
mettilo così
Codice sorgente - presumibilmente HTML / CSS |
<style>
/*tuo codice css qui*/
</style>
|
è meglio metterlo però dentro al tag head ;-)
a meno che lo vuoi linkare ovvero mettere in un file apparte è un altro tag
Ultima modifica effettuata da Mte90 il 05/10/2009 alle 23:51 |
|
|
MrPaky (Member)
Pro
Messaggi: 125
Iscritto: 19/10/2008
|
Ciao ti volevo dire grazie. Però non è quello che cercavo in pratica io ho quel codice in un file .CSS ma se come uso un servizio online che non mi permette di accedere al file .CSS vorrei sapere come fare per dare lo stesso aspetto al menu.
Codice prensente nel File .CSS
/* ---------------------- Blueslate nav ---------------------- */
.blue #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Blueslate nav ---------------------- */
/* ---------------------- Greenslate nav ---------------------- */
.green #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/greenslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.green #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.green #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.green #slatenav ul li a{display:block;float:left;color:#EEFFDF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.green #slatenav ul li a:hover,.green #slatenav ul li a.current{color:#fff;background:transparent url(images/greenslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Greenslate nav ---------------------- */
/* ---------------------- Redslate nav ---------------------- */
.red #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/redslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.red #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.red #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.red #slatenav ul li a{display:block;float:left;color:#FECCC3;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.red #slatenav ul li a:hover,.red #slatenav ul li a.current{color:#fff;background:transparent url(images/redslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Redslate nav ---------------------- */
/* ---------------------- Purpleslate nav ---------------------- */
.purple #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/purpleslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.purple #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.purple #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.purple #slatenav ul li a{display:block;float:left;color:#FBDAFA;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.purple #slatenav ul li a:hover,.purple #slatenav ul li a.current{color:#fff;background:transparent url(images/purpleslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Purpleslate nav ---------------------- */
Codice HTML:
<!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 runat="server">
<title>Store</title>
<style type="text/css">
.style2
{
text-align: center;
}
.NuovoStile1
{
position: absolute;
}
.style3
{
top: 19px;
left: 13px;
}
.style4
{
text-align: center;
}
.style6
{
text-align: center;
}
.style7
{
text-align: center;
}
</style>
</head>
<body>
<link rel="stylesheet" href="menu/style.css" type="text/css" />
<form id="form1" runat="server">
<div class="style2">
<img alt="" src="Images/logo.png" class="NuovoStile1 style3" /><br />
<br />
<div class="blue">
<div id="slatenav">
<ul>
<li><a href="#" title="Name" class="current">Home Page</a></li>
<li><a href="#" title="Hosting Solution">Hosting Solution</a></li>
<li><a href="#" title="Store">Store</a></li>
<li><a href="#" title="Support">Support</a></li>
</ul>
</div>
</div>
</div>
</form>
Mi dici come posso fare per incorporare il codcie CSS nel codice HTML?
Grazie ancora 
|
|
|
Mte90 (Member)
Guru
Messaggi: 1144
Iscritto: 25/03/2008
|
è come h scritto nel mio topic prendi tutto quel codice css e lo metti tra i tag style.
|
|
|
MrPaky (Member)
Pro
Messaggi: 125
Iscritto: 19/10/2008
|
Ciao scusami di nuovo il problema sta che non so come richiamare il codice CSS capito?? Ad esempio in VB .NET faccioamo vinta che devo richiamre una funzione su due button e quindi faccio:
Codice sorgente - presumibilmente VB.NET |
Private Sub Apri_Form() Form.Show() End Sub Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click Apri_Form() End Sub Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click Apri_Form() End Sub
|
Ecco io richiamo il codice con "Apri_Forum" ma col il CSS so sono richiamare il codice solo se il codice CSS è suddiviso in un file .CSS
Capito??
Grazie!! e scusa tanto per il disturbo
|
|
|
Andrey (Normal User)
Rookie
Messaggi: 29
Iscritto: 06/10/2009
|
Postato originariamente da MrPaky:
Ciao scusami di nuovo il problema sta che non so come richiamare il codice CSS capito?? Ad esempio in VB .NET faccioamo vinta che devo richiamre una funzione su due button e quindi faccio:
Codice sorgente - presumibilmente VB.NET |
Private Sub Apri_Form() Form.Show() End Sub Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click Apri_Form() End Sub Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click Apri_Form() End Sub
|
Ecco io richiamo il codice con "Apri_Forum" ma col il CSS so sono richiamare il codice solo se il codice CSS è suddiviso in un file .CSS
Capito??
Grazie!! e scusa tanto per il disturbo |
Devi fare come ha detto! Copia quel codice tra i Tag Style della tua pagina HTML,e vedrai che funziona. Non devi richiamare niente, e non vedo cosa c'entri VB.NET!  |
|
|
Mte90 (Member)
Guru
Messaggi: 1144
Iscritto: 25/03/2008
|
Qui si incomincia a dare i numeri.
Ma hai letto qualche guida sui css e html?
ti consiglio mr.webmaster e html.it
|
|
|
Andrey (Normal User)
Rookie
Messaggi: 29
Iscritto: 06/10/2009
|
Postato originariamente da Mte90:
Qui si incomincia a dare i numeri.
Ma hai letto qualche guida sui css e html?
ti consiglio mr.webmaster e html.it |
Già, credo sia necessario  |
|
|
Denis442 (Normal User)
Rookie
Messaggi: 60
Iscritto: 22/09/2009
|
@import url(ilcss.css) -.-\"
|
|
|
| 
