Modificare l'editor di scrittura in una determinata sezione

[xX_Simon_Xx]

io vorrei modicicare nellla sezione NEWS HOME
l'editor per inserire un topic in modo da aggiungere delle cose come ad esempio:

1)uno scripto comunque qualcosa che (solo in quella sezione) automaticamente renda le immagini 250px x 150px
2)una cosa che aggiunga(tramite una scelta tipo emoticon) una icona in alto a destra come questa:
3)un bbcode automtico che allinei l'immagine a sinistra e lo scritto intorno all'immagine

Si può fare????

[Carlo]

Sì, certo che si può fare... comunque dovresti modificare il template viewtopic_body.html...

Per la richiesta n.2 puoi per esempio aggiungere nel posto che desideri:

Codice: Seleziona tutto

<!-- IF FORUM_ID == QUI_ID_DEL_FORUM_NEW -->quello che vuoi mostrare<!-- ENDIF -->

[xX_Simon_Xx]

potresti darmi una mano a fere tutto?

[Carlo]

Sì, certo.

Allora per la prima richiesta vuoi utilizzare un JavaScript?

Per la seconda, mi fai uno screen per vedere esattamente dove vuoi inserire l'immagine?

Per la terza, attualmente non mi viene in mente come fare...

[xX_Simon_Xx]

Per la seconda, mi fai uno screen per vedere esattamente dove vuoi inserire l'immagine?

ecco come che vorrei che venisse

Allora per la prima richiesta vuoi utilizzare un JavaScript?

va bene anche un bbcode è uguale basta che funzioni

[Carlo]

Per la prima richiesta ti ho creato questo JavaScript che ridimensiona in automatico le immagini con il testo alternativo "Immagine", ovvero il testo alternativo che viene applicato a tutte le immagini inserite tramite il BBCode IMG.
Lo devi inserire nel template overall_header.html prima del tag </head>.

Codice: Seleziona tutto

<!-- IF FORUM_ID == ID_DEL_FORUM_NEWS -->
    <script>
    window.onload = resizeimg;
    function resizeimg()
    {
       if (document.getElementsByTagName)
       {
          for (i=0; i<document.getElementsByTagName('img').length; i++)
          {
             im = document.getElementsByTagName('img')[i];
             if (im.alt == 'Immagine')
             {
                im.style.width = '250px';
		im.style.height = '150px'
             }
          }
       }
    }
    </script>
<!-- ENDIF -->

Oppure puoi usare questo BBCode:
Uso del BBCode:

Codice: Seleziona tutto

[immagine]{TEXT1}[/immagine]

Trasforma in HTML:

Codice: Seleziona tutto

<img src="{TEXT1}" height="150" width="250" title="" alt="" />

Dimmi se questo funziona e soddisfa le tue caratteristiche, e poi procediamo con le altre richieste...

[xX_Simon_Xx]

si ma in questo modo tutte le immagini verranno ridimensionate mentre io voglio che solo quelle inserite in quel forum siano ridimensionate magari provo con il bbcode che forse e meglio

[Carlo]

Scusa rileggi il messaggio precedente... avevo saltato un particolare nel javascript.

[xX_Simon_Xx]

ho inseriro il bbcode dato che è più rapido e più comodo

[Carlo]

Ti rispondo subito per la terza richiesta.

Uso del BBCode:

Codice: Seleziona tutto

[all_img={TEXT1}]{TEXT2}[/all_img]

Trasforma in HTML:

Codice: Seleziona tutto

<p><img src="{TEXT1}" align="left" title="" alt="">{TEXT2}</p>

Esempio d'uso:

Codice: Seleziona tutto

[all_img=http://link_immaigne]Qui il testo che desideri.[/all_img]