[RISOLTO] Aumentare spazio tra i plugin nel template

[idroweb]

Ciao a tutti, avrei una domanda riguardo la pubblicazione di alcuni plugin di cui  ITPShare e Quote This Article.

Ciò che vorrei è ottenere uno spazio minimo tra i due plugin pubblicati nel template ma non inserendo un codice nei singoli articoli.

Esempio:

non così

Codice: [Seleziona]

testo articolo
plugin +1
plugin quota articolo
barra navigazione

ma così

Codice: [Seleziona]

testo articolo

 plugin +1

 plugin quota articolo

 barra navigazione

 

[adottauncane]

Ciao idroveb,
devi, con ogni probabilità, scriverti un css per i due plugin. Se vuoi una mano metti un link al sito.

[idroweb]

Si grazie ecco il link di un articolo; http://www.idraulicogas.it/aspetti-fiscali/97-semplificazione-fiscale-2011.html

[adottauncane]

Io li vedo allineati... Comunque i tre css da aggiungere sono:

Codice: [Seleziona]

.itp-share-fbl {
    margin-top: 20px !important;
}


.itp-share-tw {
    margin-right: 20px !important;
    margin-top: 20px !important;
}

.itp-share-gone {
    margin-top: 20px !important;
}
Poi regolali tu come credi...

[idroweb]

Ok per ITPShare ma dovrei fare la stessa cosa per il plugin Quote This Article di cui non trovo il css

e anche della barra di navigazione che fino ad oggi inserivo spazi a fine articoli e l'arraggiangiavo così.

[adottauncane]

I css che ho scritto servono per i tre plugin che vedo... Quote this article dov'è?

Per il pagenav aggiungi questo:

Codice: [Seleziona]

table.pagenav {    margin-top: 20px !important;}
In ogni caso puoi cercarlo con firebug e, prendendo ad esempio quelli che ho scritto, scriverlo anche per quello che manca.

[idroweb]

Il quotethise forse non è modificabile così, comunque per ora va bene così dato che visualizzo come volevo

[adottauncane]

Bene. Allora metti [RISOLTO] davanti al titolo del primo post. Grazie mille.

[idroweb]

Ad ogni modo se qualcuno sa come inserire spazi prima e dopo il plugine quotethise apprezzo, Ti Ringrazio molto.

[adottauncane]

Basta scrivere anche per esso un css...
Ad esempio:

Codice: [Seleziona]

#toggle {    margin-top: 20px !important;    position: absolute;}
e poi fare lo stesso con il testo che si apre sotto:

Codice: [Seleziona]

#quotethisexpand {
    margin-top: 20px !important;
    position: absolute;
}
oppure, semplicemente, aggiungere un margin-bottom ai tre css di prima. Se si avvicina troppo al page-nav aumenti il margin-top a quest'ultimo. 

[idroweb]

Perdonami temo di aver fatto una boiata (poichè capisco poco di codice) anche se pubblicando il plugin ITPShare il risultato dopo diverse prove è quello voluto, ho aggiunto alla fine nel file css di questo percorso  plugins/content/itpshare/style.css  il seguente:

Codice: [Seleziona]

.itp-share-fbl {
    margin-top: 20px !important;
}


.itp-share-tw {
    margin-right: 20px !important;
    margin-top: 20px !important;
}

.itp-share-gone {
    margin-top: 20px !important;
}

table.pagenav {    margin-top: 70px !important;}

#toggle {    margin-top: 20px !important;    position: absolute;}
Dal momento che non pubblico questo plugin, chiaramente tutto torna come prima quindi la mia domanda è come e dove e se devo creare un file o modificarne alcuni che richiamano separatamente queste istruzioni indipendentemente se pubblico o no uno dei 3 plugin.

ps. ma è Firebug avendo anche NoScript che mi rallenta firefox 5? stasera il caricamento delle pagine risulta lento e scombinato.

Grazie ancora

[adottauncane]

 
L'ho scritto sopra il css per il quote. Lo incolli nel file template.css...

No non credo che sia quello. Probabilmete fatica a caricare google+ o un altro social plugin...

[idroweb]

Dunque qualcosa non quadra ancora, nel file plugins/content/itpshare/style.css  ho inserito questo

Codice: [Seleziona]


.itp-share-fbl {
    margin-top: 20px !important;
}


.itp-share-tw {
    margin-right: 20px !important;
    margin-top: 20px !important;
}

.itp-share-gone {
    margin-top: 20px !important;
}

e qui bene come inizialmente per questo plugin, anche se aggiungo

Codice: [Seleziona]

table.pagenav {    margin-top: 20px !important;}
Poi nel templates/rhuk_milkyway/css/template.css  ho inserito questo che mi da problemi in quanto il plugin rimane sempre espanso e cliccandolo si sposta la barra di navigazione e il footer

Codice: [Seleziona]

#toggle {    margin-top: 20px !important;    position: absolute;}

#quotethisexpand {
    margin-top: 20px !important;
    position: absolute;
}

Infine dove inserisco questo per la barra navigazione? ho provato inserirli in entrambi i precedenti ma scombina il tutto appena clicco sul Quotethis

Codice: [Seleziona]

table.pagenav {    margin-top: 20px !important;}
Spero di non abusare della tua pazienza

[adottauncane]

Questo mettilo nel file template.css

Codice: [Seleziona]

table.pagenav {    margin-top: 20px !important;}
 e togli invece questo css

Codice: [Seleziona]

#quotethisexpand {
    margin-top: 20px !important;
    position: absolute;
}
è questo pezzo che probabilmente scombina la visione. Prova così e guarda se va bene.

[idroweb]

Perfetto!! tutto bene anche pubblicandoli indipendentemente.

Questi i valori impostati nel template.css

Codice: [Seleziona]

#toggle {    margin-top: 5px !important;    position: absolute;}

table.pagenav {    margin-top: 35px !important;}
ps. il rallentamento lo crea il box degli Gli Affidabili per ora disattivato che non riesce a connettersi al sito per prelevare le immagini.

Ti ringrazio infinitamente