Aggiungere un logo alle immagini link

[xX_Simon_Xx]

è possibile aggiungere una specie di logo sulle immagini inserite tra i tag (IMG)(/IMG)

ad esempio questo:

e mettero in questo modo automaticamente:

[Carlo]

Cioè, tipo quella scritta "PSU" presente nell'immagine?

[xX_Simon_Xx]

Cioè, tipo quella scritta "PSU" presente nell'immagine?

si esatto io vorrei che la scritta psu apparisse ogni volta automaticamente su ogni immagine messa tra i tag

in modo he venga furori una cosa del genere:

[Carlo]

Apri il file includes/bbcode.php, trova:

Codice: Seleziona tutto

                'img'        => '<img src="$1" alt="' . $user->lang['IMAGE'] . '" />', 

e sostituiscilo con:

Codice: Seleziona tutto

                'img'        => '<div class="copyright_immagine"><img src="$1" alt="' . $user->lang['IMAGE'] . '" /></div>', 

Poi negli stylesheet, non importa quale (consigliato common.css), inserisci alla fine:

Codice: Seleziona tutto

    div.copyright_immagine{width: 458px;position: relative;
        background: #C7C7C7;border: 1px solid #999}
    div.copyright_immagine img{display:block;padding: 4px}
    div.copyright_immagine span{position: absolute;top: 0;left: 0;
        width: 100%;height: 100%;background: url('qui link immagine') center bottom}

In questo codice sostituire qui link immagine con il link dell'immagine interessata.

Ecco l'output:

[xX_Simon_Xx]

dato che il codice img lo ha già modificato in questo modo:

Codice: Seleziona tutto

'img'       => '<img style="max-width: 400px; max-height: 250px;" src="$1" alt="' . $user->lang['IMAGE'] . '" />',

ora per non perdere quella modifica devo modificarlo in questo modo il codice???

Codice: Seleziona tutto

'img'       => '<div class="copyright_immagine"><img style="max-width: 400px; max-height: 250px;" src="$1" alt="' . $user->lang['IMAGE'] . '" />',

[Carlo]

Sì, ma devi aggiungere alla fine del tag img, ovvero dopo "/>" anche il tag di chiusura "</div>" (senza apici).

[xX_Simon_Xx]

ho provato ma appare solo il contorno ma non appare l' immagine io ho fatto così:

Codice: Seleziona tutto

  /*     
    --------------------------------------------------------------
    Colours and backgrounds for common.css
    -------------------------------------------------------------- */

    html, body {
       
       cursor: url("http://playstationuser.altervista.org/images/cursor.cur"), auto;

       color: #606060;
       background-color: #5F5E5E;
       background-image: url("{T_THEME_PATH}/images/background.gif");
       background-repeat: repeat-x;
    }

    h1 {
       color: #FFFFFF;
    }

    h2 {
       color: #28313F;
    }

    h3 {
       border-bottom-color: #CCCCCC;
       color: #464646;
    }

    hr {
       border-color: #FFFFFF;
       border-top-color: #CCCCCC;
    }

    hr.dashed {
       border-top-color: #CCCCCC;
    }
         div.copyright_immagine{width: 402px;position: relative;
        background: black;border: 0px solid #999}
         div.copyright_immagine img{display:block;padding: 1px}
         div.copyright_immagine span{position: absolute;top: 0;left: 0;
        width: 100%;height: 100%;background: url('http://playstationuser.altervista.org/images/logo.png') center bottom}
    /* Search box
    --------------------------------------------- */

[Carlo]

Cioè? Puoi postare uno screen per vedere il risultato?

[xX_Simon_Xx]

Cioè? Puoi postare uno screen per vedere il risultato?

come vedi intorno all' immagine c'è una linea nera che prima era grigia ed era più larga poi mi è bastato ridurre la dimensione ma il logo non appare

[Carlo]

Allora nei CSS, sostituisci quel codice che ti ho dato con:

Codice: Seleziona tutto

div.copyright_immagine img{
	display: block;
	padding: 1px;
}

div.copyright_immagine span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('http://playstationuser.altervista.org/images/logo.png') center bottom;
}

E quello nel file includes/bbcode.php con:

Codice: Seleziona tutto

         'img'        => '<div class="copyright_immagine"><img src="$1" alt="' . $user->lang['IMAGE'] . '" /><span></span></div>',  

(nota che non ho aggiunto la tua modifica)