Scusate avevo bisogno di un aiuto per fare come in questo link. Il css layout.css non posso modificarlo visto che fa parte di altervista, mentre nello style
Codice PHP:
body {
font-size: 14px;
font-family: Arial, sans-serif;
line-height: 1.6;
color: #cccccc;
background-color: #000000;
background-image: url(----------------#gallery);
background-repeat: no-repeat;
background-position: top left;
}
#header {
background-image: url("http://link#gallery");
min-height: 370px;
background-repeat: no-repeat;
background-position: top right;
}
#wrap {
background-color: #000000;
}
#content {
width: 610px;
}
#sidebar {
width: 240px;
}
}
h1 {
color: #ffffff;
font-size: 48px;
font-family: trebuchet MS, sans-serif;
}
h2 {
color: #4c9fff;
font-size: 22px;
}
a {
color: #4c9fff;
}
/* --- border --- */
#header, #content, #sidebar, #footer, ul.nav > li > a, ul.nav li ul {
border-color: #000000;
}
/* --- nav sidebar --- */
div#sidebar ul.nav, div#sidebar ul.nav a {
color: #ffffff;
}
div#sidebar ul.nav a:hover {
color: #B1F332;
}
div#sidebar ul.nav > li > a {
}
/* border custom nav sidebar */
div#sidebar ul.nav > li > a, div#sidebar ul.nav li ul {
border-color: #cccccc;
}
/* --- nav header --- */
div#header ul.nav, div#header ul.nav a {
color: #aaaaaa; margin-top: 230px
}
div#header ul.nav a:hover {
color: #B1F332;
}
div#header ul.nav > li > a, div#header ul.nav li ul {
background-color
}
/* border custom nav header */
div#header ul.nav > li > a, div#header ul.nav li ul {
}
/* :styles */
h1 {font-weight:bold}
h2 {font-weight:normal}
#wrap {
border-style:solid;
border-width:1px;
border-color: #000000;
}
img {
border-width:1px;
border-color: #000000;
}
div#header ul.nav a {
border-right-width: 8px;
border-right-style: solid;
}
div#header ul.nav li ul {
border-style: solid;
border-width: 1px;
}
div#header ul.nav li ul, div#sidebar ul.nav li ul {
list-style-type:disc; /* static list type */
}
#sidebar {
font-size: 90%;
}
#footer {
font-size: 90%;
}
div#sidebar ul.nav a, div#sidebar ul.nav li ul {
border-bottom-width: 1px;
border-bottom-style: dashed;
}
appena inserisco position:fixed; nella #sidebar mi scompare il contenitore, o cercato di cambiare la dimensione dei contenitore ma il layout mi comanda la width della #wrap.
Il #content width: 610px sono obbligato a tenerlo di queste dimensioni visto che ce un video e diminuendo mette la barra di scorrimento laterale, mentre la #sidebar width: 240px spero che non mi dia problema col banner