Allineare Modulo

[Salvų]

Ciao a tutti, 

ho inserito, tramite un plugin, le icone dei social networks dentro i miei articoli.

Solo che queste icone, nonostante abbiano il comando allineamento a sinistra, non sono perfettamente allineate con il testo! 

Qualcuno sa aiutarmi? 

Ecco il Link di un'articolo: http://www.bagheriabenecomune.org/notizie/14-nascebagheriabenecomune

Grazie davvero! 

[56francesco]

io le vedo bene, con firefox evidentemente usi IE
devi agire sui .css   evidentemente.

[Salvų]

Non sono esattamente sotto la "C" della frase... 

Io le vorrei perfettamente allineate come il titolo ed il testo dell'articolo... 

[adottauncane]

Ciao Salvux93,

aggiungi questo:

Codice: [Seleziona]

.socbuttons {
margin-left:-12px;
}
Perō sono cose che con Firebug dovresti ormai saper individuare... 

[Salvų]

Grazie! 

Si hai ragione... ho capito come funziona firebug ma mi manca la conoscenza dei comandi. Non so come "formulare" i comandi di cui ho di bisogno. Comunque piano piano vado imparando 

Infine, ti volevo chiedere una cosa.. come aggiungo sopra queste icone una linea di colore #ED691D? 

Tipo come in questo sito.... http://imageshack.us/photo/my-images/441/schermata032456004alle1.png/

Quindi una linea che sia lunga quanto tutta la pagina dell'articolo e che sia appena sopra le icone...

[adottauncane]

Togli quello di prima  e metti questo, con il colore giusto:

Codice: [Seleziona]

.socbuttons {    border-top: 3px solid #000000;    width: 100%;}
Se lasci il margin-left ti sposta anche la riga, vedi tu. Se metti una misura fissa in px per allungarlo sulla destra poi nelle impaginazioni su due colonne ti sfora. Comunque il css č quello, fai le tue prove.

[Salvų]

Ok, ma come faccio a fare in modo che anche la linea parta dalla stessa posizione delle icone, del testo dell'articolo e del titolo??? 

Per adesso č cosė http://imageshack.us/photo/my-images/534/schermata032456004alle1v.png/

Invece io vorrei che fosse cosė: http://imageshack.us/photo/my-images/196/schera.png/

[Salvų]

Adottauncane puoi darmi una mano?? Ho fatto vari tentativi ma niente.. 

[adottauncane]

Devi vedere nel php del modulo social. Probabilmente lė trovi un margin-left:10px; Č da lė che lo devi togliere. Con i css che vedo io non puoi fare tutte e due le cose.

[Salvų]

Dentro il modulo, l'unico file in cui vedo valori di margin-left č il seguente e si chiama style.css

Codice: [Seleziona]


@CHARSET "UTF-8";
.itp-share{
    display:block !important;       
}


.itp-share-tw{
    float:left;
    margin:10px 5px 0;
}


.itp-share-tbr{
    float:left;
    margin:10px;
}


.itp-share-fbl{
    float:left;
    margin:10px;
}
.itp-share-digg{
    float:left;
    margin-right:15px;
    margin-top:0px;
}
.itp-share-su{
    float:left;
    margin-right:14px;
    margin-top:11px;
}
.itp-share-lin{
    float:left;
    margin-right:14px;
    margin-top:10px;
}


.itp-share-gone{
    float:left;
    margin-left:5px;
    margin-right:10px;
    margin-top:10px;
}


.itp-share-retweetme{
    float:left;
    margin-top:10px;
}


.itp-share-reddit{
    float:left;
    margin-top:10px;
}
.itp-share-reddit a:hover{
    text-decoration: none !important;
    background: none !important;
}


.itp-share-pinterest {
    float:left;
    margin-left:10px;
    margin-top:10px;
}


.itp-share-buffer {
    float:left;
    margin-top:10px;
}


[Salvų]

E' questo il file? 

[adottauncane]

No, č in un file .php dell'estensione.

[Salvų]

Allora,

tramite FTP sono entrato dentro la cartella del mio sito e poi sono andato su Modules ed infine su mod-itpshare, il nome del modulo č infatti ITPSHARE.

Una volta dentro la cartella ho esplorato tutti i file con estensione .php e ne ho trovati solo tre. 

Si chiamano mod_itpshare.php, helper.php e default.php

Il file default.php l'ho trovato, per l'esattezza, l'ho trovato dentro una sottocartella chiamata tmpl.

Ti allego tutti e tre file in formato .doc 

E' giusto il percorso? Quale di questi file mi interessa? 

[allegato eliminato da un amministratore essendo vecchio pių di un anno]

[adottauncane]

Non lo so, dovresti fare delle prove... Io il modulo non lo uso.

Comunque se metti cosė va a posto:

Codice: [Seleziona]

.socbuttons {
border-top: 5px solid #ED691D;
width: 100%;
}

 .socbuttons iframe {margin-left: -10px !important;}
Il primo lo sostitisci a quello che giā hai.

[Salvų]

Perfetto!! 

Sono felicissimo, grazie davvero!! 

Un'ultima cortesia... visto che il topic si chiama allineare moduli e visto che ho un'ultimo problemino ne approfitto.

Risolto quest'altra cosa finalmente il mio sito č pronto! 

Ti spiego: ho una piccola paranoia... Non riesco a capire se il modulo aderisci anche tu e la scritta del copyright sono centrali rispetto a tutto il sito!

Ti ho fatto uno screen in cui ti evidenzio le cose che vorrei centrali rispetto all'area in cui si trovano! 

Spero che anche in quest'ultimissima cosa riuscirai a darmi una mano grazie alla tua bravura! 

[allegato eliminato da un amministratore essendo vecchio pių di un anno]

[Salvų]

Spero di essere stato chiaro nella descrizione di ciō che vorrei fare 

[adottauncane]

Sii gentile, come ti ho giā chiesto, apri un topic per domanda con un titolo appropriato. E metti il link alla pagina completa con le cose da allineare. Grazie.

[Salvų]

Ok. Ho creato un nuovo post. Spero in un tuo aiuto perché davvero, č l'ultima cosa che mi manca e risolto questo problema posso iniziare a "riempire" il sito.   

Ecco il link della nuova discussione: http://forum.joomla.it/index.php/topic,159355.msg713327.html#msg713327

Grazie mille per tutto!