Autore Topic: Template England Footbal Zone : Submenu e Nuovi moduli (Letto 4859 volte)

weblogc · « **il:** 28 Nov 2009, 11:29:49 »

Salve ragazzi come da titolo vorrei creare dei menù a tendina...solo che non so la più pallida di come procedere.Avevo letto qualcosa su Extended Menu,ma non sono riuscito.Il menu che si viene a creare in alto non è il mainmenu,ma un altro,come faccio a impostarlo su mainmenu? Volevo creare delle nuove posizioni moduli seguendo lo spunto di questo sito : http://www.templatehelp.com/preset/pr_preview.php?i=19539&pr_code=Q26Vn38V68vBY9CIBUNra62hZU0fNk

E' possibile assegnare a ogni modulo una grafica diversa? Se si,come bisogna agire sui css per impostare ad esempio un'immagine di sfondo?

Grazie Mille.

conti1 · « **Risposta #1 il:** 28 Nov 2009, 14:04:03 »

ciao
non importa che menu metti che sia mainmenu oppure pippo menu i menu si comportano tutti alla stessa maniera , x il menu a tendina se non funziona e xche il template non fa menu a tendina , a questo punto ho lo crei ho usi un componete menu gia pronto che fa la tendina.
qui dei menu a tendina ne trovi quanti ne vuoi.
http://extensions.joomla.org/extensions/search/menu

per le nuove posizioni qui
http://wiki.joomla.it/index.php?title=Come_aggiungo_nuove_posizioni_modulo%3F

e qui x personalizzare la grafica
http://wiki.joomla.it/index.php?title=Cos%27%C3%A8_il_Suffisso_classe_CSS_modulo%3F

weblogc · « **Risposta #2 il:** 28 Nov 2009, 21:05:14 »

Grazie Mille,mi sei stato utilissimo

weblogc · « **Risposta #3 il:** 06 Dic 2009, 17:00:25 »

Ciao a tutti.

Ho seguito alla lettera il procedimento sopra descritto per cambiare la grafica ai moduli e sono riuscito a modificarla,ma ho un problema.

Io vorrei questa classe

Citazione

table.moduletable_left th, div.moduletable_left h3 {
   background: url(../images/modultable.png) no-repeat;
   width: 330px;
   height: 20px;
   color: #a4a4a4;
   text-align: left;
   text-transform: uppercase;
   margin: 0px;
   font-size: 10pt;
   padding: 20px 0 0 30px;
}
.moduletable_left_center {
   background: url(../images/modulcenter.png) repeat-y;
   width: 300px;
   text-align: left;
   margin: 0px;
   font-size: 10pt;
   padding: 0 30px 0 30px;
}
.moduletable_left_bottom{
   background: url(../images/modulbottom.png) no-repeat;
   width: 360px;
   height: 20px;
   margin: 0px;
   padding: 0px;
}

all'interno dei mie moduli. Ma se io inserisco ad esempio nel modulo sondaggi il suffisso "_left" mi cambia solamente la parte superiore del modulo, non tutto il modulo.

Cosa debbo fare?

weblogc · « **Risposta #4 il:** 06 Dic 2009, 20:38:00 »

Ragazzi scusate l'up,ma nessuno può indicarmi una soluzione.

Scusatemi ancora per l'up.

conti1 · « **Risposta #5 il:** 06 Dic 2009, 23:34:49 »

mi sa che sbagli qualcosa
allora se fai un suffisso il modulo lo personalizzato come vuoi.
spiega come fai a trovare l'id giusto dopo aver messo il tuo suffisso.

weblogc · « **Risposta #6 il:** 07 Dic 2009, 08:54:04 »

Tramite Fiorebug seleziono il modulo e mi ricava la class.Poi nel suffisso class di un qualsiasi modulo inserivo _left.

La grafica dei moduli che voglio imitare è quella del template nld_0.60.1.5 o in alternativa hazman_roundcournes.

conti1 · « **Risposta #7 il:** 07 Dic 2009, 10:19:21 »

ciao
prova a farla al contrario
prima dai il suffisso al modulo poi cercalo con firebug , in questo modi sei sicuro che sei sull'id giusto.
se hai seguito la guida dice proprio in questo modo prima il suffisso poi lo trovi con firebug.

weblogc · « **Risposta #8 il:** 07 Dic 2009, 10:44:45 »

scusami conti1 ho un po' di confusione.

Ricapitolando. Carico sul mio sito il template di cui voglio imitare i moduli.

Poi con firebug seleziono il modulo.

Ora con il template hazman mi vien fuori prima il div left_column o right column è indifferente,e all'interno di questo div c'è un altro div chiamato module.

Io per dare la grafica,devo copiare il css da right column e inserirlo nel mio themza j... Poi apro un qualsiasi modulo inserito sulla destra e alla voce classe scrivo " _module ".

E' giusto?

conti1 · « **Risposta #9 il:** 07 Dic 2009, 10:53:37 »

alora fai in questo modo
vai nel modulo che devi personalizzare e nel suffisso scrivi _pippo con la scritta pippo sei sicuro che non altri id che si chiamano pippo.
poi con firebug cerchi l'id con la scritt finale _pippo una volta trovato ti crei il nuovo css esemipio se metto _pippo su un modulo che x id del modulo usermio, con firefox troverai usermio_pippo , trovato id giusto ti crei il css nuovo con quella dicitura che è usermio_pippo.

weblogc · « **Risposta #10 il:** 07 Dic 2009, 15:19:43 »

Ci ho sbatutto la testa ma niente.

Questo è la grafica che voglio editare.

Citazione

div.modulescuolacalcio h3 {
width : 157px;
height : 21px;
color : #555555;
line-height : 21px;
font-size : 12px;
font-weight : bold;
text-align : left;
text-transform : uppercase;
margin : 0 0 2px 2px;
padding-left : 4px;

}

#right_column div.modulescuolacalcio {
width              : 200px;
margin-bottom        : 5px;
background         : url(../images/column_center.jpg) repeat-y;
}

#right_column div.modulescuolacalcio div {
background         : url(../images/column_bottom.jpg) bottom left no-repeat;
}

#right_column div.modulescuolacalcio div div {
padding            : 10px 20px 15px 10px;
background         : url(../images/column_top.jpg) top left no-repeat;
}

#right_column div.modulescuolacalcio div div div {
width              : auto !important;
width              : 100%;
padding            : 6px;
background         : none;
}

#right_column {
width              : 200px;
float              : left;
}

Vado nel css del mio template e copio dentro il seguente codice per un foglio totale css

Citazione

body {
   overflow-x : hidden;
   overflow: -moz-scrollbars-vertical;
   color: #000000;
   margin: 0 0 0 0;
   padding: 0px;
   font-family: Verdana, sans-serif;
   background: #90AFD7;
}

.all {
   width:805px;
   margin:0 auto;
   padding:0;
   background: url(../images/bg_page.gif) repeat-y;
}

#logo {
   background: transparent url(../images/bg.jpg) no-repeat top center;
   margin:0 auto;
   width: 100%;
   padding:0;
   height:120px;
   text-align:left;
   vertical-align:middle;
}
#logo a {
   margin:50px 0 0 20px;
   line-height:120px;
   font-family:"Trebuchet MS";
   font-size:23px;
   color:#FFFFFF;
}
.topmaincol {
   width:100%;
   height:30px;
}
/* --- nav --- */
.div {
}
#menu{
   position:relative;
   height:58px;
   color:#E0E0E0;
   background: url(../images/table_bg.jpg) repeat-x;
   width:801px;
   font-size:12px;
}

#menu .menuc {
   margin: 0px auto;
   width: 801px;
   font-family: Tahoma;

}

#topnavi{
   position:relative;
   height:58px;
   font-size:12px;
   font-weight: normal;
   font-family: Tahoma;
   background: url(../images/topmenu_bg.jpg) repeat-x top left;
   padding:0 0 0 5px;
}

#topnavi ul{
   margin:0;
   padding:0;
   list-style-type:none;
   width:auto;
   float:left;
}

#topnavi ul li{
   display:block;
   float:left;
   margin:0 1px;
}

#topnavi ul li a{

   display:block;
   float:left;
   color: #FFFFFF;
   text-decoration:none;
   padding:0 0 0 11px;
   height:52px;
}

#topnavi ul li a span{
   font-size:11px;
   padding:17px 11px 0 0;
   height:52px;
   float:left;
}

#topnavi ul li a:hover{
   font-size:11px;
   color: #000000;
}

#topnavi ul li a:hover span{
   font-size:11px;
   display:block;
   width:auto;
   cursor:pointer;
}

#topnavi ul li a.current,#topnavi ul li a.current:hover{
   color: #FFFFFF;
   background: url(../images/topmenu_left.jpg) no-repeat top left;
   line-height:350%;
}

#topnavi ul li a.current span{
   display:block;
   padding:0 10px 0 0;
   width:auto;
   background: url(../images/topmenu_right.jpg) no-repeat top right;
   height:52px;
}
/* --- end nav --- */

/* /////////////////////////////////////////////////////////////////////////// */
form {
margin : 0;
padding : 0;
}
hr {
color : #999999;
height : 1px;
width : 100%;
}
.back_button {
color : #999999;
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
padding-bottom : 3px;
margin-right : 4px;
float : right;
line-height : 20px;
}
.button {
font-size : 11px;
color : #333333;
border : 1px solid #999999;
margin : 3px;
background-color : #EDEDED;
padding : 1px;
cursor : pointer;
}

.inputbox {
color : #000000;
background : #ffffff;
border : 1px solid #cccccc;
margin : 3px;

}

table,td,div {
color : #000000;
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
margin:0;
}

p {
color : #000000;
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
line-height : 16px;
padding:4px 0px 4px 0px;
margin:0;
}
strong {
color : #000000;
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
line-height : 16px;
padding:4px 0px 4px 0px;
margin:0;
}
i {
color : #000000;
font-family : Verdana, Helvetica, sans-serif;
font-size : 10px;
line-height : 16px;
padding:4px 0px 4px 0px;
margin:0;
font-style: normal;
}
em {
color : #000000;
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
line-height : 16px;
padding:4px 0px 4px 0px;
margin:0;
font-style: normal;
}

/* /////////////////////////////////////////////////////////////////////////// */

.leftcol {width:161px;padding:10px 5px 10px 10px;}
.maincol {width:438px;padding:10px 5px 10px 5px;}
.rightcol {width:161px;padding:10px 10px 10px 10px;}

#container {
   width:805px;
   height:100%;
   margin: 0px auto;
   padding:0;
   text-align: left;
}

/* -------------------------------------------------------------------------------------------------------------- */

div.modulescuolacalcio h3 {
width : 157px;
height : 21px;
color : #555555;
line-height : 21px;
font-size : 12px;
font-weight : bold;
text-align : left;
text-transform : uppercase;
margin : 0 0 2px 2px;
padding-left : 4px;
}

#right_column div.modulescuolacalcio {
width              : 200px;
margin-bottom        : 5px;
background         : url(http://i50.tinypic.com/doxkcm.jpg) repeat-y;
}

#right_column div.modulescuolacalcio div {
background         : url(http://i46.tinypic.com/2ur1l3a.jpg) bottom left no-repeat;
}

#right_column div.modulescuolacalcio div div {
padding            : 10px 20px 15px 10px;
background         : url(http://i46.tinypic.com/28w57t.jpg) top left no-repeat;
}

#right_column div.modulescuolacalcio div div div {
width              : auto !important;
width              : 100%;
padding            : 6px;
background         : none;
}

#right_column {
width              : 200px;
float              : left;
}

table.moduletable {
   margin : 0 0 20px 0;
   width : 100%;
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
   font-size : 10px;
}

table.moduletable th {

font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
   font-size : 11px;
   font-weight : bold;
   text-align : left;
   width : 138px;
   height           : 34px;
color : #FFFFFF;
   padding : 8px 0 0 13px;
text-indent : 10px;
   line-height : 15px;
   background        : #fff url(../images/moduletable_th_bg.jpg) repeat-x left top;
   }

table.moduletable td {
padding-top: 2px;
}

.sectiontableheader {
font-size : 10px;
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-weight : normal;
text-transform : uppercase;
letter-spacing : 1px;
color : #333333;
background : #ffffff;
padding : 1px;
}

.sectiontableheader {
font-size : 10px;
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-weight : normal;
text-transform : uppercase;
letter-spacing : 1px;
color : #333333;
background : #ffffff;
padding : 1px;
}

.sectiontableentry1 {
vertical-align : top;
padding : 3px;
background : #D9D9D9;
border-bottom : 1px solid #ffffff;
line-height : 25px;

}
.sectiontableentry2 {
vertical-align : top;
padding : 3px;
border-bottom : 1px solid #ffffff;
background : #EEEEEE;
line-height : 25px;
}
a.mainlevel {
display : block;
width : auto;
margin : 1px 0;
padding : 0;
font-size : 12px;
background : none;
text-indent : 10px;
width            : 160px;
}

a.mainlevel:link, a.mainlevel:visited {
display : block;
font-size : 11px;
background : transparent url(../images/mainlevel.gif) repeat-x right bottom;
font-weight : normal;
padding : 4px 0 4px 0;
color : #000000;
text-indent : 11px;
}
a.mainlevel:hover {
background : transparent url(../images/mainlevel_h.gif) repeat-x right bottom;
font-size : 11px;
font-weight : normal;
color : #CB140E;
text-decoration : none;
text-indent : 11px;
}
#active_menu {
color : #CB140E;
background : transparent url(../images/mainlevel_h.gif) repeat-x right bottom;
}
a#active_menu:hover {
color : #333333;
}

a:link, a:visited {
font-size : 11px;
color : #333333;
text-decoration : none;
font-weight : bold;
}
a:hover {
font-size : 11px;
color : #CB140E;
text-decoration : none;
font-weight : bold;
}
a.category:link, a.category:visited {
font-size : 11px;
font-weight : bold;
}
a.readon:link, a.readon:visited {
color : #999999;
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
background : url(../images/readon.gif) no-repeat;
white-space : normal;
font-weight : bold;
padding : 1px 0 3px 18px;
float : right;
line-height : 10px;
text-decoration : underline;
}
a.readon:hover {
color : #CB140E;
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
background : url(../images/readon.gif) no-repeat;
white-space : normal;
font-weight : bold;
padding : 1px 0 3px 18px;
line-height : 10px;
text-decoration : underline;
}
ul {
margin : 2px;
padding-left : 10px;
list-style : none;
}
li {

line-height : 15px;
padding-left : 5px;
padding-top : 0;
}
table.contenttoc {
border : 1px solid #dcdcdc;
background : #F1F1F1;
padding : 5px;
margin-left : 2px;
margin-bottom : 2px;
}
.pagenavcounter {
font-size : 10px;
color : #4da338;
}
.pagenavbar {
border-top : 1px solid #999999;
padding : 2px;
}
.pagenav {
font-weight : bold;
}
a.pagenav:link, a.pagenav:visited {
font-size : 11px;
color : #999999;
text-decoration : none;
}
a.pagenav:hover {
font-size : 11px;
color : #3333ff;
text-decoration : none;
}
.date {
font-size : 10px;
font-weight : bold;
color : #707070;
padding-right : 12px;
}
.small {
font-size : 10px;
color : #333333;
}
.smalldark {
font-size : 10px;
color : #333333;
}
.createdate, .modifydate {
float : right;
font-size : 10px;
color : #666666;
font-weight : bold;

}
.content_vote {
font-size : 10px;
height : 22px;
padding-top : 2px;
padding-bottom : 2px;
}
.content_rating {
font-size : 10px;
color : #999999;
}

.pway {
   margin:0 auto;
   text-align:left;
   width:805px;
   height:18px;
   padding:5px 0 0 0 ;
   background:#90AFD7;
}
.pathway {
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
color : #CB140E;
padding-left : 12px;
}
a.pathway:link, a.pathway:visited {
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
color           : #FFFFFF;
font-size : 11px;
padding-left : 0;
}
a.pathway:hover {
color:#efefef;
font-size : 11px;
padding-left : 0;
}
table.content{
width : 100%;
padding : 0;
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 10px;
}
table.contentpane {
width : 100%;
border-spacing : 0;
padding-left : 5px;
padding-right : 5px;
margin-bottom : 5px;
}
table.contentpaneopen {
width : 100%;
border-spacing : 0;
padding-left : 5px;
padding-right : 5px;
margin-bottom : 5px;
}
.poll {
   color : #333333;
   line-height : 12px;
   font-weight: normal;

}

.pollstableborder{
border-color : #999999;
}
.contentheading,.componentheading {
width : 90%;
font-size : 12px;
font-weight : bold;
line-height : 16px;
text-transform : uppercase;
text-align : left;
text-indent : 0;
color : #CB140E;
padding : 1px;
margin : 3px 0px;
}

.ontab {
border-left : 1px solid #666666;
text-align : center;
font-weight : bold;
color : #333333;
padding : 5px;
cursor : pointer;
line-height : 30px;
}
.offtab {
border-left : 1px solid #666666;
text-align : center;
color : #999999;
font-weight : normal;
padding : 5px;
cursor : pointer;
line-height : 30px;
}
.tabpadding {
border-left : 1px solid #666666;
}
.col {
vertical-align : top;
background : #ffffff;
padding-top: 5px;

}

.contentdescription {
width : auto !important;
margin : 0;
padding : 0;
padding-top : 5px;
text-align : left;
}

td.top1{
margin: 0;
padding: 0;
height: 28px !important;
height: 28px;
padding-top: 2px !important;
padding-top: 3px;
background      : url(../images/shadow.jpg) #f1f1f1 repeat-x top;
}
table.top2{
background : #ffffff;
}

.searchbox {
margin : 0;
padding : 0;
margin-top : 13px;
margin-left : 10px;
width : 130px;
font-size : 11px;
color : #707070;
border : 1px solid #cccccc;
padding : 2px !important;
padding : 1px;
background : none;
}

.sublevel {
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #999999;
margin-top      : 10px;
}
a.sublevel:link, a.sublevel:visited {
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #999999;
padding      : 5px 1px 3px 5px;
text-decoration   : none;
}
a.sublevel:hover {
color : #CB140E;
text-decoration : none;
}
a.sublevel#active_menu {
   background : transparent;
   color : #ff6600;
   border : 0;

}
a.toclink:link, a.toclink:visited {
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #999999;
padding      : 5px 1px 3px 5px;
text-decoration   : none;
}
a.toclink:hover {
color : #CB140E;
text-decoration : none;
}

td.logoheader {
margin: 0;
padding: 0;
background : url(../images/header.jpg) no-repeat bottom;
height : 65px;
width : 770px;
}
td.topnav {
margin : 0px;
padding: 0px;
background : url(../images/bg_top.jpg) repeat-x top left;
height : 42px;
width : 770px;

}

td.bgline {
margin : 0;
padding: 0;
background : url(../images/s.gif) repeat-y;
width : 7px;
}

#mainlevel-nav {
font-size : 11px;
list-style : none;
padding : 0;
margin : 0;
margin-left : 1px;

}

#mainlevel-nav li {
float : right;
display : block;
list-style : none;
background-image : none;
padding-left : 2px;
padding-right : 2px;
margin : 0;
width : auto !important;
font-size : 11px;
line-height : 28px;
white-space : nowrap;
border-left : 1px solid #cccccc;

}
#mainlevel-nav li a {

padding-left : 10px;
padding-right : 10px;
font-size : 11px;
color : #000033;
text-decoration : none;

}

#mainlevel-nav li a:hover {
font-size : 11px;
color : #999999;

}

.blog_more {
margin : 10px 0 7px 7px;
}
.buttonheading {
padding : 0 2px;
}

.mosimage {
border : 1px solid #dedede;
margin : 5px;
padding-top: 3px;
background:#FFFFFF;

}

.mosimage_caption {
margin-top: 3px;
padding : 2px;
color : #000066;
font-size : 10px;
background: #f1f1f1;
}

/* -------------------------- */
.footer_bg {
   width:805px;
   margin: 0px auto;
   padding:0;
   height:43px;
   text-align: right;
   background:#90AFD7 url(../images/footer_bg.jpg) no-repeat left top;
   color:#FFFFFF;
}
.footer_bg {
   width:805px;
   padding:6px 0px 0 0;
   height:43px;
   text-align: center;
   margin:0px;
}
.footer {
   color:#fff;
   padding:0;
   margin:0 0 10px 0;
}
.footer div, .footer div a, .footer div a:visited{
   color:#fff;
}

Ora vado sul mio modulo prova posizionato sulla destra e gli assegno la classe _modulescuolacalcio

Ma nada...sono proprio un imbranato...

weblogc · « **Risposta #11 il:** 07 Dic 2009, 16:40:45 »

conti1 ,scusami dove sbaglio?

conti1 · « **Risposta #12 il:** 07 Dic 2009, 17:53:48 »

fatti un hosting free e metti il template che usi altrimenti non ne vieni fuori piu
fatto cio metti _pippo come suffisso sul modulo che vuoi personalizzare e dimmi quando hai fatto queste cose ,
in questo modo ti trovo il css in cui si appoggia il tuo suffisso.

weblogc · « **Risposta #13 il:** 08 Dic 2009, 09:28:39 »

Io vorrei personalizzare tutti i moduli che sono sulla destra.

Comunque ti ho risposto in pm...

Grazie ancora.

Autore Topic: Template England Footbal Zone : Submenu e Nuovi moduli (Letto 4859 volte)

weblogc

Template England Footbal Zone : Submenu e Nuovi moduli

conti1

Re:Template England Footbal Zone : Submenu e Nuovi moduli

weblogc

Re:Template England Footbal Zone : Submenu e Nuovi moduli

weblogc

Re:Template England Footbal Zone : Submenu e Nuovi moduli

weblogc

Re:Template England Footbal Zone : Submenu e Nuovi moduli

conti1

Re:Template England Footbal Zone : Submenu e Nuovi moduli

weblogc

Re:Template England Footbal Zone : Submenu e Nuovi moduli

conti1

Re:Template England Footbal Zone : Submenu e Nuovi moduli

weblogc

Re:Template England Footbal Zone : Submenu e Nuovi moduli

conti1

Re:Template England Footbal Zone : Submenu e Nuovi moduli

weblogc

Re:Template England Footbal Zone : Submenu e Nuovi moduli

weblogc

Re:Template England Footbal Zone : Submenu e Nuovi moduli

conti1

Re:Template England Footbal Zone : Submenu e Nuovi moduli

weblogc

Re:Template England Footbal Zone : Submenu e Nuovi moduli