Back to top

Autore Topic: Bootstrap e dimensioni moduli  (Letto 3138 volte)

Offline kefy

  • Esploratore
  • **
  • Post: 177
  • Sesso: Femmina
    • Mostra profilo
Bootstrap e dimensioni moduli
« il: 16 Dic 2015, 17:50:52 »
Ciao a tutti,
c'è qualcuno che mi sa chiarire come funziona bootstrap?
Da quel che ho letto è già "inserito" in joomla, è corretto?
Ho letto anche che in genere una pagina è divisa in 12 colonne, e che è possibile "spalmare" i moduli su uno o più colonne, infatti, se vado nelle impostazioni di un qualsiasi modulo trovo l'opzione "dimensioni bootstrap" con appunto i numeri da 1 a 12.
Purtroppo però anche settando i vari numeri non mi cambia niente.
Dipende quindi dal template che non ha queste 12 posizioni?
Ho un template che ha 6 moduli per riga, io vorrei mettere una foto lunga che occupi 5 moduli su 6 ed un modulo con una scritta che occupi solo l'ultimo.
Come potrei fare per ottenere un risultato del genere?


ps. il mio template è http://demo.favthemes.com/favourite/

Offline ItalPascal

  • Appassionato
  • ***
  • Post: 457
    • Mostra profilo
Re:Bootstrap e dimensioni moduli
« Risposta #1 il: 17 Dic 2015, 07:51:52 »
Ciao, puoi usare diversi modi.
Ad esempio ad un modulo html vuoi aggiungere un image centrale puoi sfruttare :

Codice: [Seleziona]
<div id="fav-slide1" class="span12">
<div class="moduletable">
<h3>Slide1</h3>
<div class="custom">
<p>This is the <code>slide1</code> module position. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<br /> <img style="display: block; margin-left: auto; margin-right: auto;" src="images/headers/raindrops.jpg" alt="" /></div>
</div>
</div>
<p>This is the <code>slide1</code> module position. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
Assegni a questo modulo la posizione slide1 ( a differenza dell'originale è stato impostato con span12 )
vedi image Favourite_3

Se vuoi usare i moduli Intro in posizione intro1 ( img Favourite_1 ) Qui è stato sufficiente sospendere Intro2-Intro3
Intro4

Se vuoi prenderti del tempo per "rilassare" corpo e mente visita www.marilontani.com

Offline kefy

  • Esploratore
  • **
  • Post: 177
  • Sesso: Femmina
    • Mostra profilo
Re:Bootstrap e dimensioni moduli
« Risposta #2 il: 19 Dic 2015, 21:56:24 »
Ciao,
grazie mille della risposta!  :D
Quello che vorrei fare è proprio quello che hai fatto nell'img 1, con slide 1 e slide2.
In realtà non ho capito esattamente come hai fatto, però smanettando un po' alla fine ho trovato una quasi-soluzione:

Praticamente ho creato due nuove posizioni (slide 2 e slide 3):

Nel template in details.xml ho aggiunto tra slide e info :

Codice: [Seleziona]
  <position>slide_2prova</position> 
    <position>slide_3prova</position>   


E poi ho copiato due volte nel file index php (sempre tra slide  e intro) il codice originale del modulo slide, aggiungendo però direttamente lo span che volevo (cioè 8 e 4) e ovviamente modificando i nomi delle posizioni:

 
Codice: [Seleziona]

           <!-- SLIDE2prova -->
        <?php if ($this->countModules('slide')) { ?>
          <div class="container-fluid" id="fav-slidewrap">
            <div class="<?php echo $slide_bg_image_overlay?>">
              <div class="row-fluid">
                <div id="fav-slide" class="span8">
                  <jdoc:include type="modules" name="slide_2prova" style="fav" />
                <>
              <>
            <>
          <>
        <?php ?>
       
              <!-- SLIDE3prova -->
        <?php if ($this->countModules('slide')) { ?>
          <div class="container-fluid" id="fav-slidewrap">
            <div class="<?php echo $slide_bg_image_overlay?>">
              <div class="row-fluid">
                <div id="fav-slide" class="span4">
                  <jdoc:include type="modules" name="slide_3prova" style="fav" />
                <>
              <>
            <>
          <>
        <?php ?>       



Sembra che funzioni, però, mi va a capo! (Vedi immagine)
Come glielo dico che voglio slide 2 e slide 3 sulla stessa riga?


Ps.

Per quanto riguarda la parte dei moduli intro:


- Ho provato sia a pubblicarli tutti dandogli uno per uno i valori di bootstrap tipo:



intro 1 - dim bootstrap: 8
intro 2 - dim bootstrap: 0
intro 3 - dim bootstrap: 0
intro 4 - dim bootstrap: 0
intro 5 - dim bootstrap: 4
intro 6 - dim bootstrap: 0


- Ho provato anche pubblicare solo intro1 e intro5.
- E ho provato anche a pubblicare 2 moduli tutti in intro 1 dandogli sempre dim:8 e 4.


Però in tutti i casi, mi pubblica i due moduli della stessa dimensione, 6 e 6.





« Ultima modifica: 19 Dic 2015, 22:02:37 da kefy »

Offline ItalPascal

  • Appassionato
  • ***
  • Post: 457
    • Mostra profilo
Re:Bootstrap e dimensioni moduli
« Risposta #3 il: 20 Dic 2015, 11:23:36 »
Non c'era bisogno di creare altre posizioni.
Utilizzi Slide1 ( vedi codice del mio precedente post ) e in Slide2 inserisci semplicemente testo e/o image



Se vuoi prenderti del tempo per "rilassare" corpo e mente visita www.marilontani.com

Offline kefy

  • Esploratore
  • **
  • Post: 177
  • Sesso: Femmina
    • Mostra profilo
Re:Bootstrap e dimensioni moduli
« Risposta #4 il: 20 Dic 2015, 21:24:31 »

ok, ho creato un modulo html con il codice che mi hai messo ma se lo pubblico in slide1 (che non esiste nel template) ovviamente non lo vedo. Per quello ho creato le due posizioni.
Ora mi è venuto, però non ha "preso" l'aspetto della slide, ma dell'intro..
Uff!  :P









Offline ItalPascal

  • Appassionato
  • ***
  • Post: 457
    • Mostra profilo
Re:Bootstrap e dimensioni moduli
« Risposta #5 il: 21 Dic 2015, 07:44:23 »
Ciao, ma stai usando il template Favourite ?


leggi msg privato
Se vuoi prenderti del tempo per "rilassare" corpo e mente visita www.marilontani.com

Offline ioeweb

  • Nuovo arrivato
  • *
  • Post: 4
    • Mostra profilo
Re:Bootstrap e dimensioni moduli
« Risposta #6 il: 23 Dic 2015, 17:36:11 »
per capire meglio come funziona bootstrap ti consiglio di leggere *****

edit by mod. Rimosso link a risorse esterne, pratica non gradita in questo forum.
« Ultima modifica: 23 Dic 2015, 17:40:06 da tomtomeight »

 



Web Design Bolzano Kreatif