Back to top

Autore Topic: Uniformare i diversi moduli in un unico stile personalizzato  (Letto 3265 volte)

Offline 56francesco

  • Fuori controllo
  • *
  • Post: 29585
  • Sesso: Maschio
    • Mostra profilo
C'č un problema che credo sia molto comune e ci sto sbattendo la capa.

Nel template lato pubblico di www.forum-consulenza.it utilizzo diversi tipi di modulo, moduli di tipo menų, moduli per kunena, articoli correlati ed altri,  alcuni sono in una posizione del template, ad esempio destra e sinistra, altri sono in basso dove lo stile č diverso come pure gli spazi e ciascun modulo per diversi motivi, scelta dello sviluppatore o per joomla ha le sue classi.

Dopo aver davvero semplificato il template all'osso, mi trovo con dei moduli che dovrebbero avere lo stesso stile mentre sono tutti diversi uno dall'altro con un risultato che comunica disordine e confusione, senza contare che nei diversi browser  i risultati non sono neanche costanti.

Pensavo di trasformare questo mio rompicapo in un caso di studio, chiedendo l'aiuto del forum per ottenere un risultato uniforme, qualsiasi risultato ma UNIFORME  lasciando traccia dei vari passaggi in modo da essere poi utile a chi usando gli stesso moduli troverebbe le soluzioni o almeno le indicazioni su dove intervenire.

Allego una immagine per indicare dove č necessario intervenire,  soprattutto ella diversa altezza delle righe dei vari link,

[allegato eliminato da un amministratore essendo vecchio pių di un anno]
« Ultima modifica: 08 Mag 2012, 10:52:59 da 56francesco »
(uso XP perchč win98 non si installa) 
PS: non sono un dipendente dello sbonzor quindi č necessario un "per favore" alla richiesta e un "grazie" alla risposta, sempre! PPS: non scrivo mai per primo in MP, in caso contrario chiedimi una conferma, Grazie.

Offline 56francesco

  • Fuori controllo
  • *
  • Post: 29585
  • Sesso: Maschio
    • Mostra profilo
Re:Uniformare i diversi moduli in un unico stile personalizzato
« Risposta #1 il: 08 Mag 2012, 11:31:27 »
altra immagine, altri moduli

[allegato eliminato da un amministratore essendo vecchio pių di un anno]
(uso XP perchč win98 non si installa) 
PS: non sono un dipendente dello sbonzor quindi č necessario un "per favore" alla richiesta e un "grazie" alla risposta, sempre! PPS: non scrivo mai per primo in MP, in caso contrario chiedimi una conferma, Grazie.

adottauncane

  • Visitatore
Re:Uniformare i diversi moduli in un unico stile personalizzato
« Risposta #2 il: 08 Mag 2012, 13:46:06 »
Ciao 56francesco,
non credo ci sia il modo di uniformare tutto con un solo css... Almeno io non l'ho trovato.
Per il modulo a destra
Blog-Forum-Consulenza

Codice: [Seleziona]
.category-module {
margin-top:-15px !important;
}

ul.category-module a {
    color: #000000;
    font-family: Times New Roman,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2em;
}

ul.category-module h4 {
margin-bottom:-8px;
}

e viene uguale a quelli sotto.

Per il modulo a sinistra riesco solo ad uniformare il corpo e l'interlinea. La spaziatura tre i titoli č inserita nel modulo stesso e manca il div

Codice: [Seleziona]
.cat_links {
    font-size: 12px;
    line-height: 1.4em;
}



adottauncane

  • Visitatore
Re:Uniformare i diversi moduli in un unico stile personalizzato
« Risposta #3 il: 08 Mag 2012, 14:11:47 »
Per il menų in alto a sinistra, devi togliere tutti i css relativi a menu e sostituirli con questo:

Codice: [Seleziona]
.module ul.menu {
margin-left:-20px;
margin-top:0px;
margin-bottom:0px;
color:#0061A6;
}

.module ul.menu a:link {
font-size: 12px;
line-height: 1.8em;
}

ed esattamente:

Codice: [Seleziona]
.module ul.menu {
    background-color: transparent;
    background-image: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.module ul.menu li {
    background-color: transparent;
    background-image: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.module ul.menu li a {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    background-color: #FFFFFF;
    background-image: url("../images/menu-blu.jpg") !important;
    background-position: center top;
    background-repeat: no-repeat;
    color: #4C4C74;
    display: block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: left;
    vertical-align: middle;
}
.module ul.menu li a span {
    background-color: transparent;
    background-image: none;
}
.module ul.menu li a:hover, .module ul.menu li a:active, .module ul.menu.x li a:focus {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    background-image: url("../images/menu_hover.jpg");
    background-repeat: no-repeat;
}
.module ul.menu li.active a {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    background-image: url("../images/menu_hover.jpg");
    background-repeat: no-repeat;
}
.module ul.menu li.active a:hover {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
}
.module ul.menu li.active a span {
}
.module ul.menu li a:hover, .module ul.menu li a:active, .module ul.menu li a:focus {
    color: #AAAAAA;
}

Offline 56francesco

  • Fuori controllo
  • *
  • Post: 29585
  • Sesso: Maschio
    • Mostra profilo
Re:Uniformare i diversi moduli in un unico stile personalizzato
« Risposta #4 il: 08 Mag 2012, 14:24:36 »
non male..
e non ci sarei mai arrivato..

credo di aver fatto tutto bene, o no?
(uso XP perchč win98 non si installa) 
PS: non sono un dipendente dello sbonzor quindi č necessario un "per favore" alla richiesta e un "grazie" alla risposta, sempre! PPS: non scrivo mai per primo in MP, in caso contrario chiedimi una conferma, Grazie.

adottauncane

  • Visitatore
Re:Uniformare i diversi moduli in un unico stile personalizzato
« Risposta #5 il: 08 Mag 2012, 14:34:14 »
Per gli articoli correlati:

Codice: [Seleziona]
.relateditems  {
margin-left:-20px !important;
color:#0061A6;
margin-top:0px;
}

.relateditems a {
line-height: 1.2em;
}

ul.relateditems li{
margin-bottom:8px;
}

questo basta aggiungerlo, non c'č...

Se vuoi anche i menų come gli altri devi ancora togliere qui css che ti ho segnato...

adottauncane

  • Visitatore
Re:Uniformare i diversi moduli in un unico stile personalizzato
« Risposta #6 il: 08 Mag 2012, 14:40:35 »
Niente non me lo salva tutto...
Ti allego un file zippato...
« Ultima modifica: 08 Mag 2012, 14:43:54 da adottauncane »

adottauncane

  • Visitatore
Re:Uniformare i diversi moduli in un unico stile personalizzato
« Risposta #7 il: 08 Mag 2012, 14:45:31 »
Eccolo:

[allegato eliminato da un amministratore essendo vecchio pių di un anno]

Offline 56francesco

  • Fuori controllo
  • *
  • Post: 29585
  • Sesso: Maschio
    • Mostra profilo
Re:Uniformare i diversi moduli in un unico stile personalizzato
« Risposta #8 il: 08 Mag 2012, 14:51:16 »
era una prova sui menų..
ora provo lo zippato.
(uso XP perchč win98 non si installa) 
PS: non sono un dipendente dello sbonzor quindi č necessario un "per favore" alla richiesta e un "grazie" alla risposta, sempre! PPS: non scrivo mai per primo in MP, in caso contrario chiedimi una conferma, Grazie.

 



Web Design Bolzano Kreatif