Autore Topic: suffisso classe css  (Letto 1212 volte)

Offline Irene93

  • Esploratore
  • **
  • Post: 156
  • Sesso: Femmina
    • Mostra profilo
suffisso classe css
« il: 28 Feb 2015, 14:46:32 »
ho seguito le guide
http://www.joomla.it/articoli-community-3x-tab/7374-mini-guida-alla-personalizzazione-del-template-protostar.html
http://www.joomla.it/articoli-della-community/4277-moduli-style-classe-e-suffisso-css.html
La mia domanda ora vi sembrerà stupida, ma in quale file devo modificare il css?
NEll'allegato il modulo che voglio cambiare è l'azienda, l'olio extravergine......, e ho modificato su element.style ma dove devo applicare queste modifiche???

Offline steganoga

  • Abituale
  • ****
  • Post: 1313
    • Mostra profilo
Re:suffisso classe css
« Risposta #1 il: 28 Feb 2015, 15:12:28 »
se leggi bene è scritto nell'immagine che hai postato e ti indica anche la riga a cui trovarlo nel file
...sono dove non ti aspetti di trovarmi, mi alimento della tua supponenza e disseto la mia curiosità nel silenzio.
Non sono un nemico, considerami un ospite.

Offline Irene93

  • Esploratore
  • **
  • Post: 156
  • Sesso: Femmina
    • Mostra profilo
Re:suffisso classe css
« Risposta #2 il: 28 Feb 2015, 15:14:59 »
io ho modificato element.style quindi non è indicato dove modificare

Offline steganoga

  • Abituale
  • ****
  • Post: 1313
    • Mostra profilo
Re:suffisso classe css
« Risposta #3 il: 28 Feb 2015, 15:19:23 »
l'element.style credo sia inserito direttamente nell'html, devi modificre la classe del div.
l'html lo trovi nel template del modulo
...sono dove non ti aspetti di trovarmi, mi alimento della tua supponenza e disseto la mia curiosità nel silenzio.
Non sono un nemico, considerami un ospite.

Offline Irene93

  • Esploratore
  • **
  • Post: 156
  • Sesso: Femmina
    • Mostra profilo
Re:suffisso classe css
« Risposta #4 il: 28 Feb 2015, 15:33:14 »
modificando quello di sotto e altri si modifica il resto O.O

Offline giusebos

  • Fuori controllo
  • *
  • Post: 19876
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:suffisso classe css
« Risposta #5 il: 01 Mar 2015, 12:00:14 »
confermo che quando vedi scritto element.style si tratta di codice in linea.
Puoi sovrascriverlo ricreando la regola nel tuo css principale e aggiungendo "!important" nelle dichiarazioni da sovrascrivere.
Inserire un suffisso aiuta molto e lo si può inserire lasciando uno spazio prima del nome, di fatto creando una classe o usando una classe già esistente.
Vedi esempio:

Codice: [Seleziona]
.tuosuffisso {
background: #ffcc00;
border:1px solid #cccccc;
color:#2C78D0!important;
}

come noterai nella dichiarazione "color" cè in aggiunta "!important", questo fa si che questa regola sovrascriva la regola in linea.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Irene93

  • Esploratore
  • **
  • Post: 156
  • Sesso: Femmina
    • Mostra profilo
Re:suffisso classe css
« Risposta #6 il: 01 Mar 2015, 13:03:14 »
non l'ho capito O.o

Offline giusebos

  • Fuori controllo
  • *
  • Post: 19876
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:suffisso classe css
« Risposta #7 il: 01 Mar 2015, 13:14:50 »
cosa non hai capito?
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Irene93

  • Esploratore
  • **
  • Post: 156
  • Sesso: Femmina
    • Mostra profilo
Re:suffisso classe css
« Risposta #8 il: 01 Mar 2015, 22:26:45 »
devo modificare template.css???
e devo scrivere

.tuosuffisso {
background-image: url('/pirroneolio/images/menu.png);
margin-left:375px;
margin-right:375px;
-webkit-box-shadow: 2px 2px 8px #000;
-webkit-border-radius: 2px;
}dove? e .iltuosuffisso cosa ci va invece?
cioè
{
background-image: url('/pirroneolio/images/menu.png);
margin-left:375px;
margin-right:375px;
-webkit-box-shadow: 2px 2px 8px #000;
-webkit-border-radius: 2px;
}
questo è quello che dovrei scrivere per fare diventare il modulo (html personalizzato) come lo voglio
che devo fare  :'(

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5166
  • "Bastard Inside"
    • Mostra profilo
Re:suffisso classe css
« Risposta #9 il: 01 Mar 2015, 23:53:54 »
ciao, non sono un esperto quindi potrei sbagliare ma prova cosi:
- vai a estensioni gestione template sul lato sinistro trovi stili e template clicca su template poi su protostar Dettagli e File
- clicca in alto su nuovo file
- ti si apre una finestra, clicca sul lato sinistro la cartella css seleziona dal menu a tendina "tipo di file" css inserisci il nome custom e clicca crea
- ti si apre la pagina con il campo per inserire il tuo codice e salva (alternativa crei il file in locale con un editor di testo e lo salvi con estensione css poi usi il carica file)
- scarica per backup il file index.php del template
-torna gestione template sul lato sinistro trovi stili e template clicca su template poi su protostar Dettagli e File - sul lato sinistro clicca sul file index.php
- nel campo dove visualizzi il codice cerca
Codice: [Seleziona]
// Add Stylesheets
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/template.css');
- aggiungi subito sotto
Codice: [Seleziona]
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/custom.css');
Edit: ho corretto avevo messo il  template hator che è del backend invece di mettere protostar  :-[
Edit 2: L'ho provato a me funziona perfettamente  ;D
   
« Ultima modifica: 02 Mar 2015, 01:42:14 da $Red »
alterjoomla Guide joomla altervista - RedWebSite  joomla! e non solo joomla

 

Host

Torna su