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

Per favore accedi per lasciare un commento

Potrai lasciare un commento dopo aver effettuato l'accesso

Accedi Ora

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.

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.