Jump to content
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..

Share this post


Link to post
Share on other sites
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..

Share this post


Link to post
Share on other sites
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'

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites
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>

Share this post


Link to post
Share on other sites
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...

Share this post


Link to post
Share on other sites
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....

Share this post


Link to post
Share on other sites
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...

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites
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>

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites
fragolozzo

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Crea Nuovo...

Important Information

By using this site, you agree to our Terms of Use.