[RISOLTO]element.style help

[Christopher_bale]

Ciao RAgazzi,
ho aggiunto al mio sito :
marcosiniscalco.altervista.org
un modulo wrapper con il link alle notizie ansa
come potete vedere nella banda verde che riporta in alto lo scorrere delle notizie.

il problema è il seguente:
avrei bisogno di personalizzare lo stile modificando il css con i seguenti parametri

Codice: [Seleziona]

background-color: highlight
position:fixed
width:100%
height: 20px;
Se passo con firebug sul componente mi dice che l'elemento da modificare è il seguente:
 

Codice: [Seleziona]

element.style {    background-color: #009D42;    height: 20px;    position: absolute;    width: 970px;}mi sono letto una varietà di articoli senza arrivare a capo della questione, perchè non trovo il file dov'è contenuto.
Quello che ho imparato è che:
''element.style'' non si trova in css ma in php e non esiste materialmente.
Dovrei,forse, per risolvere, aggiungere un suffisso alla classe css modulo(wrapper) e poi personalizzarlo nel template.css ma non so come si fa.
insomma gradirei molto il vostro aiuto, premettendo che non mi saranno d'aiuto dei link ad articoli che non rappresentano il mio caso specifico ma oggetti in generale.
Non riesco a trovare ne il div ne la classe a cui fa riferimento
<$1alt="" title="" onresizestart="return false;" id="smiley__$2" style="padding: 0 3px 0 3px;" />(
grazie mille a chi si adopererà per aiutarmi

[giusebos]

puoi sovrascrivere la regola semplicemente portandoti nel div relativo (alla sinistra di firebug) e cliccando con il tasto dx del mouse scegliere "copia percorso css".

Adesso hai la tua bella dichiarazione da semplificare, da incollare nel file css principale del tuo sito e dove applicherai le regole che vuoi.

P.S.
in alcuni casi è possibile che occorra un "!important" dopo ogni regola.

[Christopher_bale]

grazie,

ho provato a fare come dicevi tu.
Copia percorso css dal div relativo
ho aperto il file template.css e incollato

il risultato è :
html body table tbody tr td table tbody tr td div div

forse ho sbagliato il div !

Scusami caro, ma ho incollato il link al sito e specificato il problema.

Ho sicuramente sbagliato il Div...

puoi essermi d'aiuto ? Help !

[giusebos]

certo che posso esserti d'aiuto, ma la prima persona che si deve aiutare sei tu!
hai messo un link al sito?

[Christopher_bale]

L'avevo inserito nel primo posto ma non era ben leggibile.

Hai Ragione !

http://marcosiniscalco.altervista.org/joomla/

[giusebos]

si avevi ragione sul l'indirizzo

Prova ad incollare questa regola nel file
/marcosiniscalco.altervista.org/joomla/templates/shaper_helix_ii/css/template.css

Codice: [Seleziona]

tbody tr td div div {
background-color: highlight !important;
position:fixed !important;
width:100% !important;
height: 20px; !important;
}

[adottauncane]

Ciao Christopher_bale,
mmm... mi sa di no, che la regola di giusebos non va, ma mi saprete dire...  ciao giosebos

Il background non si può cambiare perche se lo prende dall'ANSA.
Puoi cambiare il resto:

Codice: [Seleziona]

#ansa {background-color: #009D42;
position:fixed;
width:100%;
height: 20px;
}tenendoti il verde...

[giusebos]

ho provato la regola con firebug e funzionava....
ma se hai trovato il div corretto meglio,
tu hai [Adottauncane] un metodo particolare per trovare il punto esatto dove intervenire, qualche volta è davvero difficile.

[adottauncane]

Non so, ma a me con Firebug non funziona... magari sbaglio io.

[giusebos]

Non so, ma a me con Firebug non funziona... magari sbaglio io.

deve essere cambiato qualcosa, adesso nemmeno io ci riesco

[Christopher_bale]

mi fa piacere di aver aperto un dibattito. Complimenti ad entrambi.


giusebos mi dispiace quel codice non funziona, anche se ti ringrazio lo stesso perchè per un attimo ho sognato di aver [RISOLTO].


adotta un cane, con il tuo codice va, ma non è la stessa cosa che inserire le stesse opzioni con firebug.


Mi spiego meglio: l'attributo fixed doveva servire a far partire il testo dal 1 pixel della barra sulla destra e lo scorrere delle news a tutto schermo.


Invece comincia a 3/4 di schermo anche se la barra verde è su tutto lo schermo(da dx a sx).
(spero di essermi spiegato)


Soluzioni ?


in alternativa avevo trovato un codice i-frame, ma neanche questo è personalizzabile(background) ?

[/size][size=78%]<script>[/size] document.write('<iframe width="970" height="20" scrolling="no" frameborder="0" src="http://www.ansa.it/site/ssi/newsticker.html" marginheight="0" marginwidth="0" align="middle"></iframe>');
 </script>


Altre alternative ? Extension Joomla ?


in conclusione, a meno di soluzioni o idee, credo di risolvere il post con la formattazione di adesso


http://marcosiniscalco.altervista.org/joomla/


anche se nn era la mia idea iniziale.. 

[adottauncane]

E no, non credo ci siano altre solozioni. Il css è in linea, quindi lo puoi modificare con Firebug, nel senso che modifichi l'originale, ma non puoi sovrascriverlo nel tuo sito.

Codice: [Seleziona]

.bk_newsticker{background-color:#009D42;height:22px;width:970px;} .newsticker_date{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#fc0;font-weight:bold;padding-right:3px;padding-left:3px;} .newsticker_title{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#FFF;text-transform:uppercase;text-decoration:none;} .newsticker_date_toolbar{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#009D42;font-weight:bold;padding-right:3px;padding-left:3px;} .newsticker_title_toolbar{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#000;text-transform:uppercase;text-decoration:none;}
questo non è modificabile...

#ansa è il contenitore che hai sul tuo sito.

[Christopher_bale]

Scusa Adottauncane, non capisco se è ironia  o una cosa seria quello che dici tu..forse perchè mi rendo conto che non finisco mai di imparare..


con il codice newsticker che hai postato in ''codice'' cosa ci posso fare ?

il codice per far visualizzare il testo ''delle news ansa'' su tutta la barra e non da dove parte qual'è ?

Ho impostato widht 100%, nel layout del mio template l'ho impostato alla massima dimensione ''span12'' ho impostato position:fixed
ma non è servito a nulla, continua a fare quello che gli pare

[adottauncane]

Perché ironia? Quale parte ti è sembrata ironica? Ho scritto le informazioni che so... Non ho la pretesa che siano assolutamente non confutabili, ma fino ad ora non ho mai trovato il modo di sovrascrivere css di altri.

Niente, l'ho postato per farti vedere qual è il codice che usa, che prende direttamente dal sito ANSA e che non puoi sovrascrivere.

È questo:

Codice: [Seleziona]

.bk_newsticker{background-color:#009D42;height:22px;width:970px;}
E sì, come già scritto e come hai potuto verificare, non puoi sovrascriverlo...

Normalmente gli iframe, cioè quelle robe che prendi a prestito da altri siti, magari intere pagine, non si possono cambiare.

[Christopher_bale]

non ti offendere adottauncane, non ho messo in dubbio il tuo sapere, ed è difficile spiegare.
Allora ho messo il [RISOLTO]
Grazie CMq.

in ultima battuta, cosa ne pensi del sito che ho postato ? la mia idea era di realizzare una cosa semplice.
Se si, quale accorgimento faresti ?
 

[adottauncane]

Ma no figurati, non mi sono offesa, non capivo solamente che cosa sembrasse ironico...

Il mio sapere è assolutamente da mettere in dubbio 

È ancora un po' vuoto per giudicarlo... Personalmente, se non ha uno scopo preciso e utile, la slide non la metterei. Se la userai per gli ultimi aggiornamenti del sito OK, se la userai per delle foto... ma, ecco in un sito per uno studio legale non ne sentirei la necessità.

Ah, il sito è responsive, e ciò e bello, ma la fascetta verde no...

[adottauncane]

Ho spostato il tuo post qui:
http://forum.joomla.it/index.php?topic=231498.0