1
I Template di Joomla! 3 / Re:Template differenziato per Desktop e Mobile
« il: 11 Mar 2023, 09:54:23 »
Grazie mille...mi metto a lavoro

Questa sezione ti permette di visualizzare tutti i post inviati da questo utente. N.B: puoi vedere solo i post relativi alle aree dove hai l'accesso.
@charset "utf-8";
/* CSS Document */
body {
background-image: url(../images/bg_page.jpg);
background-repeat: no-repeat;
background-position:center;
background-position:top;
background-color:#000000;
background-attachment:scroll;
}
.container_top {
width: 1098px;
height: auto;
margin-top: -10px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.container {
width: 919px;
height: 500px;
background-color: #FF0000;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.logo {
height: 170px;
width: 170px;
float: left;
background-image: url(../images/logo.png);
}
.top {
height: 44px;
width: 840px;
float:left;
}
.menu_principale{
height: 56px;
width: 840px;
float: left;
z-index: 1000;
}
.menu_secondario{
height: 67px;
width: 840px;
float: left;
background-image:url(../images/bg_menu_secondario.png)
}
.mainbody{
height: auto;
width: 840px;
float: left;
}
#tasto_1_menu{
background-color: ff0198;
}
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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/cafe/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/cafe/css/menu_principale.css" type="text/css" />
<link href="css/template.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container_top">
<div class="logo"></div>
<div class="top">
<jdoc:include type="modules" name="top" />
</div>
<div class="menu_principale">
<div id="menu">
<ul>
<li><a href="#nogo" class="uno">HOME[/url]
<ul>
<li><a href="#nogo" class="uno">stefano[/url]</li>
<li><a href="#nogo" class="uno">Link 1-2[/url]</li>
<li><a href="#nogo" class="uno">Link 1-3[/url]</li>
</ul>
</li>
<li><a href="#nogo" class="yellow">Link 4[/url]
<ul>
<li><a href="#nogo" class="yellow">Link 4-1[/url]</li>
<li><a href="#nogo" class="yellow">Link 4-2[/url]</li>
<li><a href="#nogo" class="yellow">Link 4-3[/url]</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="menu_secondario">
<jdoc:include type="modules" name="menu_secondario" />
</div>
<div class="mainbody">
<jdoc:include type="component" />
</div>
</div>
</body>
</html>
manca il css di un menu estensibile in css ma non c'entra niente...
![]() |
|