Vai al contenuto
  • 0

Edit Spoiler


fragolozzo

Domanda

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

Link al commento
Condividi su altri siti

Messaggi raccomandati

  • 0

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

Link al commento
Condividi su altri siti

  • 0

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'

Link al commento
Condividi su altri siti

  • 0

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

Link al commento
Condividi su altri siti

  • 0

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>

Link al commento
Condividi su altri siti

  • 0

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

Link al commento
Condividi su altri siti

  • 0

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

Link al commento
Condividi su altri siti

  • 0

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

Link al commento
Condividi su altri siti

  • 0

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

Link al commento
Condividi su altri siti

  • 0

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

Link al commento
Condividi su altri siti

  • 0

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>

Link al commento
Condividi su altri siti

  • 0

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

Link al commento
Condividi su altri siti

  • 0

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

Link al commento
Condividi su altri siti

Crea un account o accedi per lasciare un commento

Devi essere un membro per lasciare un commento

Crea un account

Iscriviti per un nuovo account nella nostra community. È facile!

Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.

Accedi Ora
  • Chi sta navigando   0 utenti

    • Nessun utente registrato visualizza questa pagina.
×
×
  • Crea Nuovo...

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.