Autore Topic: Mini-guida alla personalizzazione del template PROTOSTAR  (Letto 13096 volte)

Offline Mauro73

  • Esploratore
  • **
  • Post: 73
  • Sesso: Maschio
    • Mostra profilo
Re:Mini-guida alla personalizzazione del template PROTOSTAR
« Risposta #20 il: 08 Ago 2014, 15:19:08 »
Praticamente il tuo span13, credo, ha semplicemente ridotto lo spazio a disposizione.
Devi immaginare la pagina bianca del tuo template diviso in 12 colonne uguali (ognuna di esse=span1).
Ora, devi usare i 12 span suddividendoli come ti servono ma il totale deve corrispondere sempre a 12.


Esempi:


Codice: [Seleziona]
2 Colonne uguali
<div class="container-fluid"> 
<div class="row-fluid">   
<div class="span6 well">     
 area 1   
<*div>   
<div class="span6 well">     
area 2     
<*div>   
<*div >
<*div >


3 Colonne uguali
<div class="container-fluid"> 
<div class="row-fluid">   
<div class="span4 well">     
area 1   
<*div>   
<div class="span4 well">     
area 2     
<*div> <div class="span4 well">     
area 3     
<*div >   
<*div >
<*div >

Se usi, invece, i moduli....l'area si restringe Ŕ vero (perchŔ una parte Ŕ occupata), ma....il bootstrap vede quell'area rimasta al centro sempre e comunque suddivisa in 12 colonne.
« Ultima modifica: 08 Ago 2014, 15:23:39 da Mauro73 »

Offline Iluvee

  • Nuovo arrivato
  • *
  • Post: 34
  • Sesso: Maschio
    • Mostra profilo
Re:Mini-guida alla personalizzazione del template PROTOSTAR
« Risposta #21 il: 08 Ago 2014, 15:28:47 »
Grazie mille, non avendo fatto io nessun corso ma cercando di arrivarci per tentativi, credo che l'unico modo per capirlo sia fare delle prove con le indicazioni che mi hai dato, grazie ancora.

Iluvee

Offline mirkols

  • Esploratore
  • **
  • Post: 154
    • Mostra profilo
Re:Mini-guida alla personalizzazione del template PROTOSTAR
« Risposta #22 il: 17 Dic 2014, 02:29:38 »
Ciao a tutti. ho un sito con template protostar e vorrei modificare il footer come http://www.bancoscuolaantisismico.com/ . questo ha la possibilitÓ di inserire fino a 6 men¨ nel footer....
chi ha pazienza di aiutarmi...non ho grandi conoscenze di programmazione... :-[

Offline Iluvee

  • Nuovo arrivato
  • *
  • Post: 34
  • Sesso: Maschio
    • Mostra profilo
Re:Mini-guida alla personalizzazione del template PROTOSTAR
« Risposta #23 il: 17 Dic 2014, 06:16:42 »
Io farei un "Modulo html" con una tabella, composta come l'esempio che hai linkato, con tutte le voci che vuoi inserire linkate ai corrispettivi menu. Poi la pubblicherei in posizione "Footer" di protostar.

Offline mirkols

  • Esploratore
  • **
  • Post: 154
    • Mostra profilo
Re:Mini-guida alla personalizzazione del template PROTOSTAR
« Risposta #24 il: 17 Dic 2014, 17:49:29 »
Grazie Iluvee, potrebbe essere una soluzione...ma mi piacerebbe poter gestire dei veri e propri men¨...
[/size]

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 29789
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
    • Xataface Italia
Re:Mini-guida alla personalizzazione del template PROTOSTAR
« Risposta #25 il: 17 Dic 2014, 18:04:41 »
Fai tanti moduli men¨ e gli dai footer come posizione ove si posizioneranno affiancati come nella demo.
NEWS DataGrill Xataface Installer (Ver. 1.0.1) per Joomla 3.8.x - DEMO Gestione Magazzino

Offline mirkols

  • Esploratore
  • **
  • Post: 154
    • Mostra profilo
Re:Mini-guida alla personalizzazione del template PROTOSTAR
« Risposta #26 il: 17 Dic 2014, 19:05:45 »
ciao tomtomeight. ho provato come mi hai consigliato, l'ho lasciato momentaneamente visualizzato come puoi vedere: mi mette le voci di menu ma non i titoli dei menu e non uno a fianco all'altro...

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 29789
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
    • Xataface Italia
Re:Mini-guida alla personalizzazione del template PROTOSTAR
« Risposta #27 il: 17 Dic 2014, 19:46:40 »
Come posso vedere dove?  Non trovo un tuo link e poi il titolo del men¨ ti basta impostarlo a visualizza.
NEWS DataGrill Xataface Installer (Ver. 1.0.1) per Joomla 3.8.x - DEMO Gestione Magazzino

Offline mirkols

  • Esploratore
  • **
  • Post: 154
    • Mostra profilo
Re:Mini-guida alla personalizzazione del template PROTOSTAR
« Risposta #28 il: 17 Dic 2014, 20:10:03 »
caspita... :-[ ...ero convinto di aver messo il link...perdonami... http://www.oscarallestimenti.com/

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 29789
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
    • Xataface Italia
Re:Mini-guida alla personalizzazione del template PROTOSTAR
« Risposta #29 il: 17 Dic 2014, 20:16:43 »
Per mettere i 6 men¨ affiancati devi suddividere il footer in 6 spazi da 2 span.
NEWS DataGrill Xataface Installer (Ver. 1.0.1) per Joomla 3.8.x - DEMO Gestione Magazzino

Offline Stefano82

  • Esploratore
  • **
  • Post: 75
  • Sesso: Maschio
  • Si stava meglio quando si stava meglio!
    • Mostra profilo
    • Il sito di Stefano D'Alessandro
Re:Mini-guida alla personalizzazione del template PROTOSTAR
« Risposta #30 il: 24 Dic 2014, 17:52:12 »
Salve a tutti ho letto con interesse l'articolo perchÚ riguarda proprio il problema che vorrei risolvere sul sito che gestisco.


Vorrei semplicemente modificare il colore delle scritte all'interno del modulo HTML personalizzato "Highly Recommended Links" che si trova in alto a destra sulla Home Page del sito con Template Protostar.


Ho provato a costruire un nuovo modulo HTML personalizzato. Ho inserito il suffisso "_min" alla voce Suffisso classe CSS ed ho selezionato lo Stile Modulo xhtml.

(Per prudenza ho effettuato questa prova su un sito sperimentale in locale. Vorrei esser sicuro che tutto funzioni prima di combinare eventuali guai in remoto).


Una volta creato il modulo grazie ad ispeziona elemento sono riuscito ad effettuare tutte le modifiche desisderate nella sezione "element.style".


Purtroppo non riesco a capire in quale file inserire le proprietÓ colore, background image ecc...


Da quel che ho capito dall'articolo dovrei farlo nel file css del mio template, cioŔ "protostar.css" ma non riesco a capire in quale riga devo andare ad operare.


Sto anche cercando, eventualmente, di modificare il file del modulo che ho creato, magari con un override, ma sto impazzendo nel cercarlo, senza soluzione.


Se riusciste ad aiutarmi (come sempre il forum ha fatto sinora) vi sar˛ infinitamente grato.  :)
Stefano D'Alessandro

www.stefanodalessandro.it

Offline Stefano82

  • Esploratore
  • **
  • Post: 75
  • Sesso: Maschio
  • Si stava meglio quando si stava meglio!
    • Mostra profilo
    • Il sito di Stefano D'Alessandro
Re:Mini-guida alla personalizzazione del template PROTOSTAR
« Risposta #31 il: 24 Dic 2014, 17:52:50 »
Scusate ma ho dimenticato di inserire il link al sito ...
Eccolo qui:
http://www.avalon-instruments.com/
Stefano D'Alessandro

www.stefanodalessandro.it

Offline mirkols

  • Esploratore
  • **
  • Post: 154
    • Mostra profilo
Re:Mini-guida alla personalizzazione del template PROTOSTAR
« Risposta #32 il: 02 Gen 2015, 12:44:22 »
Salve a tutti e buon anno!


Stavo facendo il test ottimizzato per dispositivi mobili e ho 2 problemi, contenuti pi¨ grandi rispetto allo schermo e link vicini l'uno all'altro.
Potete aiutarmi a risolvere questi 2 problemi?
Credo che uno potrebbe essere l'immagine dell'header ma non so come farla adattare al dispositivo...
Il sito Ŕ http://www.oscarallestimenti.com/

Offline ciroslitz

  • Esploratore
  • **
  • Post: 134
    • Mostra profilo
Re:Mini-guida alla personalizzazione del template PROTOSTAR
« Risposta #33 il: 19 Feb 2015, 17:56:40 »
Ottima guida..... avrei solo bisogno di un chiarimento ho creato la position-icone....  ma vorrei allargare lo spazio che occupa per inserire  la voce cerca oppure spostare il menu al posto della nuova position appena creata. Come fare per evitare che occupi solo la parte dx la position? vorrei sfruttare tutto lo spazio in alto creato, su cosa agire per dimensionare la zona?

Offline gecota

  • Nuovo arrivato
  • *
  • Post: 17
    • Mostra profilo
Re:Mini-guida alla personalizzazione del template PROTOSTAR
« Risposta #34 il: 23 Feb 2015, 15:39:42 »
Ciao a tutti,
innanzitutto complimenti per la mini-guida, veramente ben fatta!!
Ho solo un piccolo problema. Ho seguito tutti i passi, anche prendendoli dal tuo sito piccoliwebmaster, ma non riesco a dare l'ombreggiatura allo slideshow messo in position-1 o banner... suggerimenti?

 

Host

Torna su