Scroll del widget su Blog di Blogger, help con css?

Warmuser

Utente Èlite
1,822
96
CPU
Intel Core i5-4590 (Quad Core, 6M Cache, turbo up to 3.70 GHz) + Scythe Shuriken Rev. B
Scheda Madre
Asus H97M-Plus Micro-ATX
HDD
Samsung 840 EVO 500GB - WD Caviar Red 3TB & 2TB
RAM
G.Skill Ripjaws Z 16GB (2x8GB) 1866Mhz cl9
GPU
Asus GTX 970 Strix
Audio
Integrata - Esterna ancora da valutare..
Monitor
1x Dell U2414H AH-IPS 8ms
PSU
XFX TS 550W - APC Back-UPS Pro 900VA
Case
Thermaltake Core V21 Micro-ATX Cube
OS
Windows 8.1 Update 1 (super aggiornato) & Linux/Android (emulati)
Questo è il mio Blog che sto pian piano rielaborando servendomi di un template gratuito: Warmuser
tongue.png

Praticamente volevo rendere il main-wrapper ed il sidebar wrapper scrollabili dall' alto verso il basso, in modo da includere molti post e widget, contenendoli comunque in uno spazio fisso.
Tempo fa avevo fatto una simile modifica su un altro template e mi era riuscita bene, però questa volta c'è qualcosa che non mi quadra..

Potreste aiutarmi? Nei valori di CSS ho impostato "max-height: 724px; overflow: auto;" se provo a modificare come "overflow: scroll-y" non fa nulla.
frown.gif

Il problema è che non mi ricordo come avevo fatto l' altra volta..
what.gif


Questo è il progetto di come dovrebbe venire: Pasteboard — Uploaded Image

Qualche consiglio?

PS: Sono un autodidatta!
 

Warmuser

Utente Èlite
1,822
96
CPU
Intel Core i5-4590 (Quad Core, 6M Cache, turbo up to 3.70 GHz) + Scythe Shuriken Rev. B
Scheda Madre
Asus H97M-Plus Micro-ATX
HDD
Samsung 840 EVO 500GB - WD Caviar Red 3TB & 2TB
RAM
G.Skill Ripjaws Z 16GB (2x8GB) 1866Mhz cl9
GPU
Asus GTX 970 Strix
Audio
Integrata - Esterna ancora da valutare..
Monitor
1x Dell U2414H AH-IPS 8ms
PSU
XFX TS 550W - APC Back-UPS Pro 900VA
Case
Thermaltake Core V21 Micro-ATX Cube
OS
Windows 8.1 Update 1 (super aggiornato) & Linux/Android (emulati)
Perche' e' overflow-y: scroll
;)

Ahahah grande, cmq mi sono accorto che c' era un' altro codice già pre-esistente "overflow:hidden".. Dunque tutte le modifiche che facevo me le nascondeva. Mi pareva strano che non vedessi risultati a prescindere.
 
  • Mi piace
Reazioni: Mursey
M

Mursey

Ospite
Ahahah grande, cmq mi sono accorto che c' era un' altro codice già pre-esistente "overflow:hidden".. Dunque tutte le modifiche che facevo me le nascondeva. Mi pareva strano che non vedessi risultati a prescindere.

Vero, con overflow-y: scroll pero' funziona anche se mantieni overflow:hidden; per pulizia e' meglio eliminarlo.
 

Warmuser

Utente Èlite
1,822
96
CPU
Intel Core i5-4590 (Quad Core, 6M Cache, turbo up to 3.70 GHz) + Scythe Shuriken Rev. B
Scheda Madre
Asus H97M-Plus Micro-ATX
HDD
Samsung 840 EVO 500GB - WD Caviar Red 3TB & 2TB
RAM
G.Skill Ripjaws Z 16GB (2x8GB) 1866Mhz cl9
GPU
Asus GTX 970 Strix
Audio
Integrata - Esterna ancora da valutare..
Monitor
1x Dell U2414H AH-IPS 8ms
PSU
XFX TS 550W - APC Back-UPS Pro 900VA
Case
Thermaltake Core V21 Micro-ATX Cube
OS
Windows 8.1 Update 1 (super aggiornato) & Linux/Android (emulati)
Vero, con overflow-y: scroll pero' funziona anche se mantieni overflow:hidden; per pulizia e' meglio eliminarlo.

Sisi! Il problema che mi sono trovato a creare erroneamente, è il fatto che mi prende anche la numbered page navigation. C'è un modo per tenerla fissa? A me interesserebbe scrollare solo i posts in poche parole. :)
 
M

Mursey

Ospite
Sisi! Il problema che mi sono trovato a creare erroneamente, è il fatto che mi prende anche la numbered page navigation. C'è un modo per tenerla fissa? A me interesserebbe scrollare solo i posts in poche parole. :)

Devi rivedere la disposizione dei div, il blog-pager deve essere sempre visibile e quindi non puo' stare nella main.
 

Warmuser

Utente Èlite
1,822
96
CPU
Intel Core i5-4590 (Quad Core, 6M Cache, turbo up to 3.70 GHz) + Scythe Shuriken Rev. B
Scheda Madre
Asus H97M-Plus Micro-ATX
HDD
Samsung 840 EVO 500GB - WD Caviar Red 3TB & 2TB
RAM
G.Skill Ripjaws Z 16GB (2x8GB) 1866Mhz cl9
GPU
Asus GTX 970 Strix
Audio
Integrata - Esterna ancora da valutare..
Monitor
1x Dell U2414H AH-IPS 8ms
PSU
XFX TS 550W - APC Back-UPS Pro 900VA
Case
Thermaltake Core V21 Micro-ATX Cube
OS
Windows 8.1 Update 1 (super aggiornato) & Linux/Android (emulati)
Devi rivedere la disposizione dei div, il blog-pager deve essere sempre visibile e quindi non puo' stare nella main.

Ho capito, dove mi consigli di spostarlo, in zona footer?

PS: Ho un nuovo problema con un altro blog che sto mettendo su:

Praticamente ho scritto dei CSS, ma non riesco a beccare il titolo dei widgets oppure qualcosa nel blog impedisce la modifica.. Ho provato con Styler (estensione chrome) e funziona quasi tutto pressoché bene..
Però non so come mai, ma quando inserisco il titolo del widget delle linkslist non le riesco a modificarle per niente nell' editor HTML. Cioè, faccio una preview, ma non funzionano le modifiche.

Questi sono i codici:

.LinkList h2.title {
margin: 0 0 0 0em;
font: normal bold 16px 'tahoma';
color: #8f8f8f;
padding: 3px 0px 6px;
background: #333;
}




.LinkList widget ul {
padding: 0 0 0 0em;
margin: 0;
line-height: 1.2;
}


div.widget-content {
height: 120px;
overflow-y: scroll;
background: #f0f0f0;
}


#HTML1 {
background: #fff;
overflow: none;
}


#Stats1 {
background: #fff;
overflow: none;
}

Questo è il blog.
 

Entra

oppure Accedi utilizzando
Discord Ufficiale Entra ora!