Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : webdc 19 Feb 2012, 19:40:34

: [ Risolto]modifica moduli
: webdc 19 Feb 2012, 19:40:34

ho installato un componente per fare la mail list
ma il Layout non è uguale al resto del templete come posso metterlo uguale
dovrebbe essere uguale a contatto veloce


http://webdc.altervista.org/ (http://webdc.altervista.org/)

: Re:modifica moduli
: maicolstaip 19 Feb 2012, 19:42:20

Usa firebug e clonati i settings del css.
Ciao!

: Re:modifica moduli
: webdc 19 Feb 2012, 20:14:20

mi spieghi come posso fare ?

: Re:modifica moduli
: m.davide82 20 Feb 2012, 00:09:08

Prendi spunto da questo:

http://www.joomla.it/video-guide/3645-videotutorial-su-come-utilizzare-firebug-con-il-proprio-sito-joomla.html

: Re:modifica moduli
: webdc 05 Mar 2012, 21:22:09

ho provato ora ho ricavato
i 2 css
quello da cambiare:

:

.slide-desc-bg {
    background: none repeat scroll 0 0 #333344;
    opacity: 0.8;
}
.slide-desc-text {
    color: #FFFFFF;
    padding: 10px;
    text-align: left;
}
.slide-desc-text .slide-title {
    color: #EEEE88;
    font-size: 1.5em;
    margin-bottom: 5px;
}
.slide-desc-text .slide-title a {
    color: #EEEE88;
}
.djslider .navigation-container a {
    outline: medium none;
}
.djslider-loader {
    background: url("loader.gif") no-repeat scroll center center transparent;
}
.djslider li {
    text-align: center;
}
span.load-button {
    background: none repeat scroll 0 0 #333344;
    border-radius: 6px 6px 6px 6px;
    cursor: pointer;
    display: block;
    float: left;
    height: 12px;
    margin-right: 4px;
    opacity: 0.2;
    width: 12px;
}
span.load-button-active {
    opacity: 0.8;


e quello che mi piacerebbe



#jf-user5 .contactInput {
    background: url("../images/jf_input2.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #737373;
    display: block;
    font-family: Tahoma;
    font-size: 12px;
    height: 30px;
    margin-bottom: 10px;
    padding-left: 4px;
    width: 155px;
}
template.css (riga 426)
Ereditato dabody#jf-body
body {
    color: #303030;
    font-family: Tahoma,Verdana,sans-serif;
    font-size: 12px;
    line-height: 1.8em;
}
template.css (riga 20)

come faccio a modificarlo mi potete aiutare cosi ci capisco meglio?

: Re:modifica moduli
: adottauncane 06 Mar 2012, 23:15:01

Ciao webdoc,
tastino # quando inserisci il codice (che poi il css non serve mai). Come ha detto maicolstaip, clonati i css.  ;)

Se non provi non impari... Comunque, ti metto tutto il css del modulo che sostituirai interamente a quello originale module_default.css che trovi all'interno del modulo News Letter. Tu guardalo e confrontalo con l'originale, così vedi come è fatto.

:

div.acymailing_module, .acymailing_module div {
    border: medium none !important;
    margin: 0 !important;
    padding: 0 !important;
}
table.acymailing_form {
}
a.acymailing_togglemodule {
    display: block;
    font-size: 16px;
}
.acymailing_mootoolsbutton p {
    text-align: center;
}
.acysubbuttons {
    text-align: center;
}
img.captchaimagemodule {
    border: 1px solid #DDDDDD;
    float: left;
}
.captchakeymodule .captchafield {
    margin-left: 2px;
    margin-top: 3px;
}
.acymailing_fulldiv tr, .acymailing_fulldiv td {
    border: 0 none;
}
td.acysubbuttons {
    background: none repeat scroll 0 0 transparent !important;
}
.acymailing_module_form td {
    background: url("http://webdc.altervista.org/templates/jf_texturia/images/jf_input2.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    font-family: Tahoma;
    font-size: 12px;
    height: 30px;
    margin-bottom: 10px;
    padding-left: 4px;
}
.inputbox {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #737373;
    font-family: Tahoma !important;
    font-size: 12px !important;
    height: 30px !important;
}
.acymailing_module_error {
    background-color: #FFDDDD;
    color: #440000;
}
.acymailing_module_success {
    background-color: #DDFFCC;
    color: #113300;
}
input.button, button.button, button.validate {
    background: url("http://webdc.altervista.org/templates/jf_texturia/images/jf_arrow2.png") no-repeat scroll right center transparent;
    border: 0 none;
    color: #3B3F3B;
    float: right;
    font-family: "ArchitectsDaughterRegular" !important;
    font-size: 14px !important;
    font-weight: bold !important;
    padding-right: 56px !important;
}


: Re:modifica moduli
: webdc 07 Mar 2012, 11:43:55

grazie mille di avermi fatto vedere com'e
ma io volevo anche capire come fare per clonare i css
tutto qua
ribadisco sei sempre la migliore

: Re:modifica moduli
: adottauncane 07 Mar 2012, 12:08:35

Clonare sta per copiare. Tu copi il css dell'altro modulo nella parti che lo disegnano, non necessariamente tutto, e poi cambi i div con quelli specifici del nuovo modulo. Magari devi anche scriverne di nuovi. Non è che io so a priori dove intervenire, provo, esaminando il css con Firebug.

Tu confronta il vecchio con i nuovo e vedi cosa ho fatto e da dove ho copiato.

: Re:[ Risolto]modifica moduli
: webdc 07 Mar 2012, 14:09:01

grazie mille per la spiegazione