Pagina 1 di 1
 
 

Messaggio Impostare Bordo Immagini News/posts Con Allineamento

#1  Davide72 Mercoledì, 28 Mag 2008, 11:25

Salve, mi sono già presentato, ma lo faccio nuovamente: mi chiamo Davide.
Allora, questo è il mio suggerimento per chi vuole distanziare l'immagine dal testo, ogni qual volta allinea a destra o a sinistra la stessa.

1) INCLUDES/BBCODE.PHP
Cercate:

            // generate html
            $html = '<img';
            foreach($params as $var => $value)
            {
                if ($this->process_text($value) != '')
                {
                    $html .= ' ' . $var . '="' . $this->process_text($value) . '"';
                }
            }
            if(!isset($params['title']))
            {
                $html .= ' title="' . $this->process_text($params['alt']) . '"';
            }
            $html .= ' />';


E sostituitelo con questo

            
// generate html
            $html = '<img';
            foreach($params as $var => $value)
            {
                if ($this->process_text($value) != '')
                {
                    $html .= ' ' . $var . '="' . $this->process_text($value) . '"';
                }
            }
            if(!isset($params['title']))
            {
                $html .= ' title="' . $this->process_text($params['alt']) . '"';
            }
            $html .= ' style="border:1px solid black;margin:1px 5px;" />';


Ovviamente, se non volete il bordo, eliminate la stringa "border: 1px solid black", facendo attenzione a rispettare apertura e chiusura dei tags.
Infine, se poi volete variare anche la distanza dell'immagine, operate su "margin", indicando un numero di px differente da quello che ho impostato io.
Ancora, se poi volete attribuire alle immagini delle vostre news, una dimensione fissa: aggiungete dopo "margin:1px 5px", separando con un ; "width:[LA DIMENSIONE PX CHE SCEGLIETE: es. 150px]; height: auto;".
Ricordiamoci però che se scegliete una dimensione fissa delle immagini, poi ogni immagine che posterete sarà di quella dimensione.
Spero sia stato utile!
 




Versione di IP: 1.2.0.27

Server: Linux
 
avatar
 Davide72 Sesso: Uomo
Utente
Utente
 
Età: 44
Registrato: Mag 2008
Messaggi: 4
  • Torna in cima Vai a fondo pagina
 


Messaggio Re: Impostare Bordo Immagini News/posts Con Allineamento

#2  FedericoBiccheddu Mercoledì, 28 Mag 2008, 13:07

Agguingo per l'attributo margin:

In questo caso lui ha usato questa sintassi:

margin:1px 5px;

E rispettivamente in ordine, sono:

1px = margin-top - Imposta il margine dall'alto
    
5px = margin-right - Imposta il margine da destra
    

Popi se vole aggiungere/modificare lo spazio anche a sinistra e dal basso (per quest'ultimo non cui dovrebbe essere bisogno) aggiungete:

Per lo spazio dal basso:

(VALORE_SPAZIO)px - margin-bottom - Imposta il margine da sotto
    
Per lo spazio da sinistra:

(VALORE_SPAZIO)px - margin-left - Imposta il margine da sinistra:

Quindi in conclusione per avere:

Spazio dall'alto di 1px;
Spazio dal basso 2px;
Spazio da destra 3px;
Spazio da sinistra 4px;

Utilizzeremo questa sintassi qui:

style="border:1px solid black;margin:1px 3px 2px 4px;"



Mentre se volete cambiare il colore del bordo scrivete così:

style="border:1px solid;border-color:(NOME/ESADECIMALE_COLORE);margin:1px 5px;"

Potete usare il nome del colore in inglese (red, black, gree, blue ecc ecc.) oppure l'esadecimale (#000000).



Mentre se volete aumentare il bordo dell' immagine scrivete così:

style="border:(VALORE_BORDO)px solid black;margin:1px 5px;

Dove in (VALORE_BORDO) scriverete il numero di pixel (px) che formeranno il bordo all' immagine ma consiglio non più di 3px.



Poi per qualsiasi altra cosa riguardante il CSS basta cercare su goggle e si trova quello che si vuole!


Grazie mille per il contributo Davide72  
 





Server: Linux

____________
Federico Biccheddu - Web Developer
 
avatar
italia.png FedericoBiccheddu Sesso: Uomo
Veterano
Veterano
 
Età: 25
Registrato: Dicembre 2007
Residenza: Sant'Antioco
Messaggi: 2588
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Impostare Bordo Immagini News/posts Con Allineamento

#3  Davide72 Mercoledì, 28 Mag 2008, 13:21

Grazie a te Jc Design, ottima spiegazione. E poi siamo anche conterranei!!! E a soli 70 km di distanza!!!
 




Versione di IP: 1.2.0.27

Server: Linux
 
avatar
 Davide72 Sesso: Uomo
Utente
Utente
 
Età: 44
Registrato: Mag 2008
Messaggi: 4
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Impostare Bordo Immagini News/posts Con Allineamento

#4  buldo Mercoledì, 28 Mag 2008, 14:57

Grazie Davide, tornerà utile sicuramente.
 




Versione di IP: 2.0.0.86

Server: Linux

____________
~~~ Andrea ~~~
Coltiva GNU/Linux, Windows si pianta da solo!
"Le password sono come le mutande: non devi lasciarle in bella vista, devi cambiarle frequentemente, non devi prestarle a nessuno"
 
avatar
italia.png buldo Sesso: Uomo
Andrea Libralato
Amministratore
Amministratore
mio fratello è un BUG
 
Età: 40
Registrato: Mag 2007
Residenza: Borgo San Michele
Messaggi: 2156
  • Torna in cima Vai a fondo pagina
 


NascondiQuesto argomento è stato utile?
Condividi Argomento
Segnala via email Facebook Twitter Windows Live Favorites MySpace del.icio.us Digg SlashDot google.com LinkedIn StumbleUpon Blogmarks Diigo reddit.com Blinklist co.mments.com
technorati.com DIGG ITA linkagogo.com meneame.net netscape.com newsvine.com yahoo.com Fai Informazione Ok Notizie Segnalo Bookmark IT fark.com feedmelinks.com spurl.net
Inserisci un link per questo argomento
URL
BBCode
HTML
NascondiArgomenti Simili
Argomento Autore Forum Risposte Ultimo Messaggio
No Nuovi Messaggi [RISOLTO] Allineamento Centrale Immagini zirosky Archivio 'Supporto Generale' 2 Venerdì, 16 Novembre 2007, 11:03 Leggi gli ultimi Messaggi
zirosky
No Nuovi Messaggi [Risolto] News Lunghe Con Un Altro Tipo Di... riox Archivio 'Supporto Generale' 2 Sabato, 21 Febbraio 2009, 20:26 Leggi gli ultimi Messaggi
riox
No Nuovi Messaggi Immagini News thecrow_90 Archivio 'Supporto Generale' 2 Lunedì, 08 Febbraio 2010, 19:52 Leggi gli ultimi Messaggi
buldo
No Nuovi Messaggi Categoie News E Immagini luke Archivio 'Supporto Generale' 1 Lunedì, 09 Giugno 2008, 20:18 Leggi gli ultimi Messaggi
Andrea75
No Nuovi Messaggi Immagini News Homepage zirosky Archivio 'Supporto Generale' 31 Venerdì, 01 Mag 2009, 17:13 Leggi gli ultimi Messaggi
MaxWeb

Pagina 1 di 1