Vai al contenuto
fragolozzo

Edit Spoiler

Recommended Posts

fragolozzo

Vorrei modificare il tag spoiler, nel senco che quando insirisco del link http:// esso me li crea già linkabili, ed io vorrei eliminare tale finzione.

Quà sotto riporto il css da modificare (sempre che sia quello, e che sia possibile farlo), preso da ipb_styles.css

div.bbc_spoiler { }

div.bbc_spoiler span { font-weight: bold; }

div.bbc_spoiler_wrapper { border: 1px inset #777; padding: 4px; }

div.bbc_spoiler_content { }

input.bbc_spoiler_show { width: 45px; font-size: .7em; margin: 0px; padding: 0px; }

pre.prettyprint { padding: 5px; background: #f8f8f8; border: 1px solid #c9c9c9; overflow: auto; margin-left: 10px; font-size: 11px; line-height: 140%; }

P.S. Se non avvete capito cosa vorrei fare ditemelo, che cerchero di spiegari meglio..

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
fragolozzo

lo sai che hai proprio ragione, in effeti lo stesso msn inserendo l'acronimo http:// te lo dà linkbili, quindi niente ritiro la mia domando.. potete anche cestinare tutto, in modo da non sposrcarei l forum..

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
najaru

trovato da solo (non ci credo ;) )

allora ho pensato di fare un mix tra lo spoiler e il code, perchè nel code non sono cliccabili.

quindi sostituisci con questo

<div class='bbc_spoiler'>
<span>Spoiler</span> <input type='button' class='bbc_spoiler_show' value='Show' />
<div class='bbc_spoiler_wrapper'><div class='bbc_spoiler_content' style="display:none;"><pre class='prettyprint'>{content}<pre></div></div>
</div>

l'unica cosa è che ti fa apparire nello spoiler un altro box tipo code, e quindi se non ti piace bisogna vedere di editare (o duplicare e editare e poi sostituire) la classe class='prettyprint'

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
najaru

allora fatto anche l'altro

vai in look & feel

scegli la skin

css

ipb_style.css

cerchi:


pre.prettyprint { padding: 5px; background: #f8f8f8; border: 5px solid #c9c9c9; overflow: auto; margin-left: 12px; font-size: 11px; line-height: 140%; }

lo copi e lo incolli la riga sotto, aggiungendo _a al nome

pre.prettyprint_a 		{ padding: 5px; background: #f8f8f8; border: 5px solid #c9c9c9; overflow: auto; margin-left: 12px; font-size: 11px; line-height: 140%; }

modificando tutti background fornt border in base a quello che vuoi

e ovviamente nel codice del bbcode che ho postato nel post precedente usi questa nuova classe

<div class='bbc_spoiler'>
<span>Spoiler</span> <input type='button' class='bbc_spoiler_show' value='Show' />
<div class='bbc_spoiler_wrapper'><div class='bbc_spoiler_content' style="display:none;"><pre class='prettyprint_a'>{content}<pre></div></div>
</div>

cosi dentro il code originale classico ti rimane tutto intatt, e nello spoiler lo puoi formattare come vuoi

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
fragolozzo

non ho capito una cosa dove devo inserire questo ?

<div class='bbc_spoiler'>

<span>Spoiler</span> <input type='button' class='bbc_spoiler_show' value='Show' />

<div class='bbc_spoiler_wrapper'><div class='bbc_spoiler_content' style="display:none;"><pre class='prettyprint_a'>{content}<pre></div></div>

</div>

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
fragolozzo

grazie....

Cmq mi serve per quando inserisco molti link e lunghi, quando li link praticamente il codice accorcia la dicitura con i famosi ... e questo a me non serve.

si inserito e funzionante al 100%, meno male che ci siete voi...

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
najaru

diciamo che non so se è quello il modo corretto per farlo. io ho semplicemente ragionato pensando al fatto che nel tag code non li faceva cliccabili....

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
fragolozzo

cavolo pensavo che fosse ok, invece si sono verificati due problemi...

lo sfondo non è più trasparente ma è bianco, in più non tiene l'allineamento ovvero sposta lo spoiler a destra o a sinistra in base, al numero di caratteri al suo interno...

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
najaru

probabilmente dipende dal fatto che io ho fatto la modifica sulla mia skin.

bisogna rapportare tutto sulla tua.

soprattutto a livello delle classi (perchè il codice del bbcode dovrebbe andare bene)

prova a verificare cosa richiami con questo pre.prettyprint (o pre.prettyprint _a se hai usato con la _a )

e magari metti uno screen

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
najaru

ma ce l'hai qui nel primo post ;)

no aspetta. alla fine abbiamo fatto casino

quello postato all'inizio è la parte del css

risistema intanto il css mettendo questo che è tuo

div.bbc_spoiler { }
div.bbc_spoiler span { font-weight: bold; }
div.bbc_spoiler_wrapper { border: 1px inset #777; padding: 4px; }
div.bbc_spoiler_content { }
input.bbc_spoiler_show { width: 45px; font-size: .7em; margin: 0px; padding: 0px; }
pre.prettyprint { padding: 5px; background: #f8f8f8; border: 1px solid #c9c9c9; overflow: auto; margin-left: 10px; font-size: 11px; line-height: 140%; }
pre.prettyprint_a { padding: 5px; background: #f8f8f8; border: 1px solid #c9c9c9; overflow: auto; margin-left: 10px; font-size: 11px; line-height: 140%; }

ho già aggiunto pre.prettyprint_a

però nel bbcode il codice che ho messo dovrebbe andare bene

<div class='bbc_spoiler'>
<span>Spoiler</span> <input type='button' class='bbc_spoiler_show' value='Show' />
<div class='bbc_spoiler_wrapper'><div class='bbc_spoiler_content' style="display:none;"><pre class='prettyprint_a'>{content}<pre></div></div>
</div>

da notare che richiama il pre.prettyprint_a

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
fragolozzo

questo lo inserisco su Custom BBCode Replacement

<div class='bbc_spoiler'>

<span>Spoiler</span> <input type='button' class='bbc_spoiler_show' value='Show' />

<div class='bbc_spoiler_wrapper'><div class='bbc_spoiler_content' style="display:none;"><pre class='prettyprint_a'>{content}<pre></div></div>

</div>

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
najaru

esattamente. dovresti già avere una cosa molto simile

ricordati che il pre.prettyprint_a te lo devi personalizzare a piacere, nel senso che come è messo ora ti fa venire dentro lo spoiler lo stesso aspetto di come appare il CODE

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
fragolozzo

ok quindi per mettere sfondo trasparente come faccio, oppure lo stesso colore dello sfondo da dove lo posso recuperare ???

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Crea un account o accedi per lasciare un commento

You need to be a member in order to leave a comment

Crea un account

Iscriviti per un nuovo account nella nostra comunità. È facile!

Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.

Accedi Ora

×