Back to top

Autore Topic: Come ottenere solo alcuni elementi width 100%  (Letto 2833 volte)

Offline adottauncane2

  • Esploratore
  • **
  • Post: 84
    • Mostra profilo
Come ottenere solo alcuni elementi width 100%
« il: 05 Gen 2018, 14:29:32 »
Ciao sono nuovo in joomla e sto creando il mio primo sito con il template protostar.
Non riesco a capire come ottene alcunni elementi larghi come tutta la larghezza dello schermo..intendo dire come posso avere lo sfondo del footer largo come tutto il monitor ma il suo ncontenuto impaginato correttamente.
Metto un sito d'esempio dove le bande colorate in background sono lunghe come tutto lo schermo ma tutto il contenuto è impaginato al centro dello schermo..spero di essere stato chiaro.
http://www.ni.com/it-it.html

Grazie.

adottauncane

  • Visitatore
Re:Come ottenere solo alcuni elementi width 100%
« Risposta #1 il: 05 Gen 2018, 16:13:24 »
Ciao,
benvenuto nel forum.
Protostar ha due visualizzazioni, statico o fluido.
Fluido tiene tutto il video.
Non credo sia proprio semplicissimo avere il content fisso e il resto o parte di esso fluido.
Forse ti conviene cercare un template fatto così, tipo Helix III.

Offline adottauncane2

  • Esploratore
  • **
  • Post: 84
    • Mostra profilo
Re:Come ottenere solo alcuni elementi width 100%
« Risposta #2 il: 05 Gen 2018, 16:33:04 »
ok grazie proverò a vedere helix 3

Offline adottauncane2

  • Esploratore
  • **
  • Post: 84
    • Mostra profilo
Re:Come ottenere solo alcuni elementi width 100%
« Risposta #3 il: 08 Gen 2018, 14:43:51 »

Ho dato un occhio al sito ma non riesco a capire se helix3 sia gratuito o meno.

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Come ottenere solo alcuni elementi width 100%
« Risposta #4 il: 08 Gen 2018, 15:03:08 »
Gratuito. Vedi qui.

Offline adottauncane2

  • Esploratore
  • **
  • Post: 84
    • Mostra profilo
Re:Come ottenere solo alcuni elementi width 100%
« Risposta #5 il: 09 Gen 2018, 12:31:51 »
 Ciao, il contenuto dei miei articoli è posizionato correttamente all'interno del container ma vorrei che il loro background fosse largo come tutto lo schermo.Come posso ottenere ciò?Sto usando Helix3.
Grazie   

adottauncane

  • Visitatore
Re:Come ottenere solo alcuni elementi width 100%
« Risposta #6 il: 09 Gen 2018, 12:44:52 »
In estensioni - Template - Stili clicca sul nome del template e in Basic aggiungi un'immagine di sfondo in
Body Background Image

Offline adottauncane2

  • Esploratore
  • **
  • Post: 84
    • Mostra profilo
Re:Come ottenere solo alcuni elementi width 100%
« Risposta #7 il: 09 Gen 2018, 14:12:53 »
Credo di essermi espresso male.
Vorrei che per ogni argomento nella pagina possa essrci una fascia colorata come in questa pagina

https://www.joomshaper.com/joomla-templates/helix3

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Come ottenere solo alcuni elementi width 100%
« Risposta #8 il: 09 Gen 2018, 14:59:29 »
Intendi, nella pagina che hai linkato,  la "fascia colorata" di blu/azzurro dove sta il modulo breadcrumb e il modulo cerca?

Se sì, la ottieni attivando il "Page Title" nel tab "Helix Page Title" della voce di menu della pagina. Lì puoi scegliere se impostare un colore o un'immagine in background.

Offline adottauncane2

  • Esploratore
  • **
  • Post: 84
    • Mostra profilo
Re:Come ottenere solo alcuni elementi width 100%
« Risposta #9 il: 09 Gen 2018, 15:21:43 »
Intendi, nella pagina che hai linkato,  la "fascia colorata" di blu/azzurro dove sta il modulo breadcrumb e il modulo cerca?

Se sì, la ottieni attivando il "Page Title" nel tab "Helix Page Title" della voce di menu della pagina. Lì puoi scegliere se impostare un colore o un'immagine in background.

si... intendo tutte le fascie colorate quella blu quella nera quelle grigie.

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Come ottenere solo alcuni elementi width 100%
« Risposta #10 il: 09 Gen 2018, 15:30:15 »
... quella blu in alto nella pagina è fatta attivando l'opzione nel menu come da mia precdente risposta.
Per le altre credo dovresti prendere confidenza con il Layout Manager Settings di Helix3, grazie al quale potrai creare tutti i container full-width (100% dello schermo) che ti servono e utilizzarli come ti pare.

Un piccolo esempio lo puoi vedere anche qui.

 



Web Design Bolzano Kreatif