Vai al contenuto

Edit Spoiler

Featured Replies

Inviato

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..

Inviato

ho capito

ma l'hai visto possibile da qualche parte?

Inviato
  • Autore

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..

Inviato

non si cestina mai niente.

tu vuoi che che non linki

mi informo e ti faccio sapere ;)

Inviato
  • Autore

ok grazie najaru...

Inviato

in pratica bisognerebbe fare un misto tra i tag spoiler e i tag code.....

Inviato

posso sapere in pratica a cosa deve servire?

per quale motivo i link negli spoiler non devono essere cliccabili?

Inviato

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'

Inviato

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

Inviato
  • Autore

ma quindi il comando spoiler rimane lo stesso ???ovvero [ spoiler ]

Inviato

si. quella modifica la vai a fare sullo spoiler normale.

Inviato
  • Autore

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>

Inviato

direi nello stesso posto dove hai preso il codice che hai postato nel primo post.

Inviato
  • Autore

ok risolto domanda inutile...

Inviato

dimmi poi se funziona

Inviato
  • Autore

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...

Inviato

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....

Inviato
  • Autore

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...

Inviato

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

Inviato
  • Autore

ok

Inviato
  • Autore

cavolo mi sono dimenticato di salvare lo script dello spoiler originale...

Inviato

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

Inviato
  • Autore

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>

Inviato

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

Inviato
  • Autore

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

Crea un account o accedi per lasciare un commento

Chi sta navigando 0

  • Nessun utente registrato visualizza questa pagina.

Informazioni importanti

Abbiamo inserito dei cookies nel tuo dispositivo per aiutarti a migliorare la tua esperienza su questo sito. Puoi modificare le impostazioni dei cookie, altrimenti puoi accettarli cliccando su continua. to insert a cookie message.

Account

Navigation

Cerca

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.