Back to top

Visualizza post

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.


Post - Ale_joomla

Pagine: [1]
1
Sbattendo la testa e andando anche un pò per tentativi sono riuscito a risolvere il problema.
Grazie mille a Conti1 per la disponibilità!! :)

E' bastato tagliare dall'immagine del "contenuto" del modulo una striscia di circa 10px di altezza e aumentare della stessa misura l'immagine del bottom.
In questo modo gli angoli rimangono arrotondati e la striscia vuota causata dal repeat-y dell'immagine dei contenuti è coperta dall'immagine del bottom.
Posto il css del box:

Codice: [Seleziona]
div.module h3 {
margin: 0;
font-size: 1em;
margin-top: 5px;
margin-bottom: 20px;
color: #FFF;
   
   }


div.module {
width: 195px;
background: url(../images/module.png) 0 0 repeat-y;
color: #b94e00;
margin-bottom: 2px;
margin-right: 15px;
  }


div.module div div  {
background: url(../images/bottom.png) 0 100% no-repeat;
background-position:  bottom left;
  }

div.module div div div {
background: url(../images/top1.png) top left no-repeat;
padding: 7px 10px 15px 0px;
border: 0px;
  }

div.module div div div div {
background: none;
padding:0;
width: auto !important;
width:100%;
  }

2
Il mio "non ho la possibilità di modificare" era legato al sostituire le immagini di un template già fatto, seguendo quello che avevi detto tu.
Molto probabilmente l'errore è nella scrittura del css ed è o logico o di sintassi. (non può essere altrimenti)
Se è un errore di sintassi può essere che non lo sto vedendo.. e magari un occhio esperto, notandolo subito, mi può correggere.
Se è un errore logico lo stesso occhio esperto potrà dirmi che il mio approccio logico è errato e saprà dirmi qual'è il procedimento giusto. ;)

P.s Mi scuso per gli errori di battitura dei precedenti post, ma ero di fretta.

3
Il link è molto interessante e l'ho salvato in preferiti per studiarmelo per bene.. :D
Però nel caso concreto, trattandosi di sfumature non sò quanto possa servirmi quel metodo..

4
anche con quelle due dichiarazioni in più niente.. :(

Il template lo sto scrivendo io.. quindi non ho la possibilità di modificare.
Io per quel che sò, dovendo creare un box con la larghezza fissa, ho creato tre immagini: una per l'intestazione con gli angoli arrotondati, una per il contenuto che si ripete verticalmente e poi un bottom che chiude il tutto al fondo.
ed ho scritto il css (primo post).
A questo punto cosa posso fare?

Non avevo visto l'aggiunta... scusa

5
Uso due immagini perchè semplicemente ho imparato così. :)
Sono alle prime armi nella creazione di template... e sto sperimentando.
Potresti dirmi per favore come si fa nella maniera più semplice rispetto a questa??

P.s intanto provo ciò che mi hai detto... e poi riporto. Grazie :)

6
Il sito non è on-line, per quello ho postato solo uno screen e il codice del box grafico. Comunque ti posso dire che è l'immagine media.png che, invece di posizionarsi sotto l'immagine top.png, si posiziona dietro.
Non riesco proprio a metterlo a posto.
Spero che almeno concettualmente il CSS sia corretto...
io ho fatto 3 immagini: il top (top.png, il contenitore "media.png e infine il bottom.png (che in questo caso sò che poteva non esserci perchè non ha gli angolo arrotondati)

7
Ciao a tutti!
Scrivo perché ho questo problema:
Nella creazione di un box con gli angoli arrotondati succede che l'immagine "top.png" si posizioni sopra l'immagine dei contenuti del box "media.png" così facendo il box prende la forma rettangolare dell'immagine "media.png".
La colonna è impostata su Style="rounded".
Posto uno screen del menu e il CSS del box.


div.module h3 {
      margin: 0;
      font-size: 1em;
      margin-top: 5px;
      margin-bottom: 20px;
      color: #FFF;
   
   }


div.module div {
      width: 195px;
      background: url(../images/media.png) repeat-y;
      color: #b94e00;
      margin-bottom: 2px;
      margin-right: 15px;
  }


div.module div div  {
      background: url(../images/bottom.png) no-repeat;
      background-position:  bottom left;
  }

div.module div div div {
      background: url(../images/top1.png) top left no-repeat;
      padding: 7px 10px 15px 12px;
      border: 0px;
  }

div.module div div div div {
      background: none;
      padding:0;
      width: auto;
      width:100%;
  }

Sapreste aiutarmi a impostare bene il tutto??
Vi ringrazio in anticipo, :)

8
I Template di Joomla 1.5.x / Re:Impaginazione menu
« il: 13 Gen 2010, 14:30:33 »
Ciao, grazie per la risposta.
Il padding l'avevo già settato per tutti e 4 i lati.
Ma il comando viene eseguito in relazione al testo contenuto nel menù tralasciando l'immagine del menù.
Non sò se magari ho sbagliato qualcosa io...

9
I Template di Joomla 1.5.x / Impaginazione menu
« il: 13 Gen 2010, 11:33:44 »
Ciao a tutti, sono un nuovo utente del forum.
Il mio problema è questo: Nella colonna left del template il menu viene visualizzato leggermente spostato verso destra invece che restare sul margine sinistro della colonna. Gli altri moduli (login, html pesonalizzati ecc...) vengono visualizzati bene. solo i menu.
Se imposto il width alla larghezza della colonna, il menù "sconfina" nella colonna centrale dei contenuti.
Il template non è online. Vi posto uno screen.

Questo è il mio primo template che sto scrivendo da 0. Graficamente non è bello ma serve come esercizio.
Vi ringrazio anticipatamente per l'aiuto!!
Alessandro

Pagine: [1]


Web Design Bolzano Kreatif