Italian SMF

Supporto SMF => SMF 2.0.x => Themes - Temi per SMF => Discussione aperta da: ikaroweb il Venerdì - 26 Agosto 2016 - 09:05

Titolo: Rendere responsivo il tema Concept
Inserito da: ikaroweb il Venerdì - 26 Agosto 2016 - 09:05
Salve ragazzi,
Tramite la mod curve (http://custom.simplemachines.org/mods/index.php?mod=4040).
Ho iniziato a rendere responsivo il tema Concept (http://custom.simplemachines.org/themes/index.php?lemma=2796), solo che all'interno delle sezioni perde la responsività.
Qualche idea ?

Grazie
Titolo: Re:Rendere responsivo il tema Concept
Inserito da: emanuele il Venerdì - 26 Agosto 2016 - 14:09
E' per caso online il lavoro che hai iniziato a fare?
Titolo: Re:Rendere responsivo il tema Concept
Inserito da: ikaroweb il Venerdì - 26 Agosto 2016 - 14:22
Si è online ma è chiuso all'utenza perchè ci sto lavorando :)
Titolo: Re:Rendere responsivo il tema Concept
Inserito da: emanuele il Venerdì - 26 Agosto 2016 - 16:51
Se riesci a fare in modo di farmi dare un'occhiata, posso provare a capire.
Altrimenti il massimo che ti posso dire è: usa gli strumenti di sviluppo dei browser (tasto di destra => ispeziona elemento) per capire il motivo...
Titolo: Re:Rendere responsivo il tema Concept
Inserito da: ikaroweb il Venerdì - 26 Agosto 2016 - 16:52
se posso mandarti pm, ti invio il link :)
Titolo: Re:Rendere responsivo il tema Concept
Inserito da: emanuele il Venerdì - 26 Agosto 2016 - 22:26
Ok.
Titolo: Re:Rendere responsivo il tema Concept
Inserito da: emanuele il Sabato - 27 Agosto 2016 - 14:24
Iniziamo.
Blocco:
@media screen and (max-width: 720px) {
Questo:
table.table_list tbody.content td.stats, .lastpost
{
display: none;
}

nasconde l'ultima colonna del "corpo" della tabella, ma non dell'intestazione.

Stesso discorso per il blocco:
@media screen and (max-width: 640px)
La regola:

.hidden, .icon, .stats, #posting_icons, #mlist th, .icon1, .icon2 {
    display: none;
}

nasconde le celle del corpo, ma non le intestazioni.

Tra l'altro, non so se queste regole le hai scritte tu o erano nel mod che hai menzionato, ma a me personalmente sembrano un po' troppo generiche e potrebbero venir applicate a posti dove non dovrebbero esserci.

Supponendo che siano tutte specifiche per il "message index", io proverei con:
#messageindex .table_list td.stats, #messageindex .table_grid .lastpost,
#messageindex .table_grid .last_th
{
display: none;
}


e:

.hidden, #messageindex .icon, #messageindex .stats, #posting_icons, #mlist th, #messageindex .icon1, #messageindex .icon2,
#messageindex  .first_th, #messageindex th:nth-child(3) {
    display: none;
}


Questo per iniziare.
Titolo: Re:Rendere responsivo il tema Concept
Inserito da: ikaroweb il Sabato - 27 Agosto 2016 - 14:29
No le ho riprese dalla mod e come hai visto nelle sezioni si perde un po tutto.

Edit
Ma il css intendi index.css del tema oppure quello default ?
Titolo: Re:Rendere responsivo il tema Concept
Inserito da: emanuele il Sabato - 27 Agosto 2016 - 15:34
Credo sia in responsive.css.
Titolo: Re:Rendere responsivo il tema Concept
Inserito da: ikaroweb il Sabato - 27 Agosto 2016 - 15:35
Si ho iniziato a modificare quello e ora sta già migliorando, grazie ;)