Crea sito

(Esempio) Vendo soprammobile elefante marmo grigio

Qua potrai trovare le risposte alle tue domande relative alle eventuali problematiche che dovessero nascere durante l'uso di questo sito web.

ATTENZIONE:
Prima di postare una nuova domanda, effettua delle ricerche al fine di appurare se il tuo quesito non sia stato già discusso in passato: risparmierai tempo e ne farai risparmiare agli altri che ti risponderebbero per dirti che l'argomento è già stato trattato, creando solo scompiglio inutile nella comunity.

Moderatore: peopleopinion

Regole del forum
Prima di postare in questa sezione consulta la pagina delle domande frequenti (FAQ) e quella del Documento informativo generale e Regolamento del Sito/Forum e se non trovi la tua risposta allora posta qui il tuo quesito.

FAQ:
faq.php

Documento informativo generale e Regolamento del Sito/Forum:
viewforum.php?f=63

(Esempio) Vendo soprammobile elefante marmo grigio

Messaggio da leggereda peopleopinion » giovedì 26 gennaio 2012, 2:29

Sommario del post



Nota Bene:
Il suppellettile presente in questo post non è in vendita. Il post è solo un mero esempio dei tanti risultati che potete ottenere su .


Ovviamente non farò l'esempio del layout più semplice che in realtà implica il solo caricamento dei file e la scrittura della descrizione. Cercherò di fare qualche esempio di layout un po' più articolati in modo da mettere in evidenza le potenzialità del sito. Ovviamente poi ciascuno è libero di scegliersi l'impaginazione che preferisce nei limiti delle possibilità di questo sito.

Delle parti che seguono ovviamente ogni uno può mettere quelle che ritiene utili di dover mettere e omettere quelle che non ritiene di dover pubblicare e aggiungendone altre qui non presenti, adattando al proprio gusto e necessità oltre che il contenuto anche l'aspetto, la formattazione del testo ed in parte anche l'impaginazione.

Esempio 1
Torna al Sommario (se esiste)

Esempio 1


Layout semplice di base per la descrizione + layout tabellare a 2 colonne per le immagini

DESCRIZIONE:
  • Scultura in marmo grigio rappresentante un piccolo ma simpatico elefante grigio

CONDIZIONI:
  • Nuovo / Usato

DIMENSIONI E PESO:
  • mm 85 Lunghezza
  • mm 81 Altezza
  • mm 29 Spessore
  • gr 100 circa di peso

PREZZO E SCONTI QUANTITA:
  1. pz: € 500.00 cad. + Spese di spedizione (prezzo d'esempio!!!)
  2. pz: € 490.00 cad. + Spese di spedizione (prezzo d'esempio!!!)
  3. pz: € ...

CONDIZIONI DI VENDITA:
  • Scrivete le vostre condizioni di vendita

PAGAMENTO:
  • Scrivete i pagamenti che accettate

SPEDIZIONE:
  • Scrivete come intendete spedire l'oggetto
  • Acquistando più articoli risparmi sulle spese di spedizione.

CONDIZIONI DI RESTITUZIONE:
  • Scrivete le vostre condizioni di restituzione dell'oggetto

VEDI ANCHE ALTRI MIEI OGGETTI:
  • Scrivete qui gli altri vostri oggetti ed i relativi collegamenti alle pagine

TIPO DI VENDITORE:
  • Privato / Hobbista / Professionista...

Clicca sulle immagini sotto per ingrandirla a pieno schermo:





Click to Zoom / Open / Play / Download

Elefante grigio Marmo - Vista Assionometrica 1.jpg
File data: Elefante grigio Marmo - Vista Assionometrica 1.jpg (299.61 KiB) Osservato 1189 volte
File Comment: Elefante grigio Marmo - Vista Assonometrica 1.jpg

Click to Zoom / Open / Play / Download

Elefante grigio Marmo - Vista Assionometrica 2.jpg
File data: Elefante grigio Marmo - Vista Assionometrica 2.jpg (302.3 KiB) Osservato 1189 volte
File Comment: Elefante grigio Marmo - Vista Assonometrica 2.jpg

Click to Zoom / Open / Play / Download

Elefante grigio Marmo - Vista Assionometrica 3.jpg
File data: Elefante grigio Marmo - Vista Assionometrica 3.jpg (280.88 KiB) Osservato 1189 volte
File Comment: Elefante grigio Marmo - Vista Assonometrica 3.jpg

Click to Zoom / Open / Play / Download

Elefante grigio Marmo - Vista Assionometrica 4.jpg
File data: Elefante grigio Marmo - Vista Assionometrica 4.jpg (276.71 KiB) Osservato 1189 volte
File Comment: Elefante grigio Marmo - Vista Assionometrica 4.jpg

Click to Zoom / Open / Play / Download

Elefante grigio Marmo - Vista Frontale.jpg
File data: Elefante grigio Marmo - Vista Frontale.jpg (260.65 KiB) Osservato 1177 volte
File Comment: Elefante grigio Marmo - Vista Frontale.jpg

Click to Zoom / Open / Play / Download

Elefante grigio Marmo - Vista Posteriore.jpg
File data: Elefante grigio Marmo - Vista Posteriore.jpg (259.7 KiB) Osservato 1189 volte
File Comment: Elefante grigio Marmo - Vista Posteriore.jpg






Spiegazione:
Il codice PHPBB per realizzare la tabella di cui sopra dove sono inquadrate le immagini è il seguente (se lo vuoi studiare con attenzione per comprenderne il funzionamento selezionalo tutto, copialo e incollalo in un editor di testo qualsiasi come ad esempio Notepad++):

Codice: Seleziona tutto
 [tabellacorpo #BFFFBF]
  [tabellariga]
   [tabellacampo][attachment=5]Elefante grigio Marmo - Vista Assonometrica 1.jpg[/attachment][/tabellacampo]
   [tabellacampo][attachment=4]Elefante grigio Marmo - Vista Assonometrica 2.jpg[/attachment][/tabellacampo]
  [/tabellariga]
  [tabellariga]
   [tabellacampo][attachment=3]Elefante grigio Marmo - Vista Assonometrica 3.jpg[/attachment][/tabellacampo]
   [tabellacampo][attachment=2]Elefante grigio Marmo - Vista Assonometrica 4.jpg[/attachment][/tabellacampo]
      [/tabellariga]
      [tabellariga]
         [tabellacampo][attachment=0]Elefante grigio Marmo - Vista Frontale.jpg[/attachment][/tabellacampo]
         [tabellacampo][attachment=1]Elefante grigio Marmo - Vista Posteriore.jpg[/attachment][/tabellacampo]
      [/tabellariga]
   [/tabellacorpo]





Esempio 2
Torna al Sommario (se esiste)

Esempio 2


Layout semplice a doppia colonna: una per le immagini e l'altra per le caratteristiche e la descrizione

Click to Zoom / Open / Play / Download

Elefante grigio Marmo - Vista Assionometrica 1.jpg
File data: Elefante grigio Marmo - Vista Assionometrica 1.jpg (299.61 KiB) Osservato 1189 volte
File Comment: Elefante grigio Marmo - Vista Assonometrica 1.jpg


Click to Zoom / Open / Play / Download

Elefante grigio Marmo - Vista Assionometrica 2.jpg
File data: Elefante grigio Marmo - Vista Assionometrica 2.jpg (302.3 KiB) Osservato 1189 volte
File Comment: Elefante grigio Marmo - Vista Assonometrica 2.jpg


Click to Zoom / Open / Play / Download

Elefante grigio Marmo - Vista Assionometrica 3.jpg
File data: Elefante grigio Marmo - Vista Assionometrica 3.jpg (280.88 KiB) Osservato 1189 volte
File Comment: Elefante grigio Marmo - Vista Assonometrica 3.jpg


Click to Zoom / Open / Play / Download

Elefante grigio Marmo - Vista Assionometrica 4.jpg
File data: Elefante grigio Marmo - Vista Assionometrica 4.jpg (276.71 KiB) Osservato 1189 volte
File Comment: Elefante grigio Marmo - Vista Assionometrica 4.jpg


Click to Zoom / Open / Play / Download

Elefante grigio Marmo - Vista Posteriore.jpg
File data: Elefante grigio Marmo - Vista Posteriore.jpg (259.7 KiB) Osservato 1189 volte
File Comment: Elefante grigio Marmo - Vista Posteriore.jpg


Click to Zoom / Open / Play / Download

Elefante grigio Marmo - Vista Frontale.jpg
File data: Elefante grigio Marmo - Vista Frontale.jpg (260.65 KiB) Osservato 1177 volte
File Comment: Elefante grigio Marmo - Vista Frontale.jpg

DESCRIZIONE:
  • Scultura in marmo grigio rappresentante un piccolo ma simpatico elefante grigio

CONDIZIONI:
  • Nuovo / Usato

DIMENSIONI E PESO:
  • mm 85 Lunghezza
  • mm 81 Altezza
  • mm 29 Spessore
  • gr 100 circa di peso

PREZZO E SCONTI QUANTITA:
  1. pz: € 500.00 cad. + Spese di spedizione (prezzo d'esempio!!!)
  2. pz: € 490.00 cad. + Spese di spedizione (prezzo d'esempio!!!)
  3. pz: € ...

CONDIZIONI DI VENDITA:
  • Scrivete le vostre condizioni di vendita

PAGAMENTO:
  • Scrivete i pagamenti che accettate

SPEDIZIONE:
  • Scrivete come intendete spedire l'oggetto
  • Acquistando più articoli risparmi sulle spese di spedizione.

CONDIZIONI DI RESTITUZIONE:
  • Scrivete le vostre condizioni di restituzione dell'oggetto

VEDI ANCHE ALTRI MIEI OGGETTI:
  • Scrivete qui gli altri vostri oggetti ed i relativi collegamenti alle pagine

TIPO DI VENDITORE:
  • Privato / Hobbista / Professionista...

Clicca sulle immagini a fianco per ingrandirle a pieno schermo





Spiegazione:
Il codice PHPBB per realizzare il layout a colonne di cui sopra dove sono inquadrate le immagini ed il testo seguente (se lo vuoi studiare con attenzione per comprenderne la logica di funzionamento selezionalo tutto, copialo e incollalo in un editor di testo qualsiasi come ad esempio Notepad++): (ho omesso il contenuto in quanto mi sembra abbastanza logico come funziona visto che nel precedente estratto del codice lo ho già inserito.)

Codice: Seleziona tutto
[colonnetesto 290px #BFFFBF]Elenco delle immagini[/ColonneTesto][colonnetesto 250px white]Elenco delle caratteristiche e descrizione[/ColonneTesto]


Il codice per la scheda tecnica è il seguente in entrambi i casi:

Codice: Seleziona tutto

[color=#FF0000]DESCRIZIONE:[/color]
[list]
 [*] Scultura in marmo grigio rappresentante un piccolo ma simpatico elefante grigio[/list]

[color=#FF0000]CONDIZIONI:[/color]
[list]
 [*] Nuovo / Usato[/list]

[color=#FF0000]DIMENSIONI E PESO:[/color]
[list]
 [*] mm 85 Lunghezza
 [*] mm 81 Altezza
 [*] mm 29 Spessore
 [*] gr 100 circa di peso[/list]

[color=#FF0000]PREZZO E SCONTI QUANTITA:[/color]
[list=1]
 [*] pz: € 500.00 cad. + Spese di spedizione (prezzo d'esempio!!!)
 [*] pz: € 490.00 cad. + Spese di spedizione (prezzo d'esempio!!!)
 [*] pz: € ...[/list]

[color=#FF0000]CONDIZIONI DI VENDITA:[/color]
[list]
 [*] Scrivete le vostre condizioni di vendita[/list]

[color=#FF0000]PAGAMENTO:[/color]
[list]
 [*] Scrivete i pagamenti che accettate[/list]

[color=#FF0000]SPEDIZIONE:[/color]
[list]
 [*] Scrivete come intendete spedire l'oggetto
 [*] Acquistando più articoli risparmi sulle spese di spedizione.[/list]

[color=#FF0000]CONDIZIONI DI RESTITUZIONE:[/color]
[list]
 [*] Scrivete le vostre condizioni di restituzione dell'oggetto[/list]

[color=#FF0000]VEDI ANCHE ALTRI MIEI OGGETTI:[/color]
[list]
 [*] Scrivete qui gli altri vostri oggetti ed i relativi collegamenti alle pagine[/list]

[color=#FF0000]TIPO DI VENDITORE:[/color]
[list]
 [*] Privato / Hobbista / Professionista...[/list]


Tale codice nel primo caso non è inserito da nessuna parte ma è solo formatato. Nel secondo caso è insierito dentro la cornice realizzata con il seguente bbcode:
Codice: Seleziona tutto
[colonnetesto 250px white]DESCRIZIONE E SCHEDA TECNICA VA INSERITA DENTRO QUESTO BBCODE[/colonnetesto]


Eccolo di seguito vuoto:
Codice: Seleziona tutto
[colonnetesto 250px white]...[/colonnetesto]


I tre punti al centro rappresentano dove deve essere inserito il contenuto. Mentre il parametro "250px" rappresenta la larghezza. L'altro parametro "white" rappresenta il colore. Se non volete scrivere in inglese metete il colore che desiderate in questo formato: #FFFFFF (non dimenticate il cancelletto "#" o potrebbero sorgere errori nella corretta visualizzazione del colore!).

Potete ricavare i colori desiderati con grande facilità da qualsiasi programma di grafica compatibile ma anche on line: ad esempio io uso spesso dei seguenti siti on line come ad esempio i seguenti:
http://www.w3schools.com/tags/ref_colorpicker.asp
http://www.colorpicker.com
http://www.pagetutor.com/colorpicker/index.html
http://html-color-codes.info



Conclusioni
Torna al Sommario (se esiste)

Conclusioni


Come si può notare dal codice sorgente, entrambe le soluzioni sono relativamente semplici da realizzare. Forse la seconda lo è leggermente di più. Per poter comunque comprendere come funziona, si consiglia di copiare ed incollare il codice nel corpo di un altro messaggio da voi stessi creato in modo da poterlo modificare. In tal modo sarà più semplice comprendere il comportamento del layout sulla base della modifica dei parametri che gli date voi di volta in volta.

Fine Post - Eventuale firma dell'Autore del post - Eventuali risposte da parte di altri utenti
Torna al Sommario del post corrente (se esiste)


Se ritenete che in qualsiasi messaggio pubblicato siano presenti degli errori, o imperfezioni, o vorreste proporre delle integrazioni segnalatelo di seguito al messaggio stesso, oppure usando l'apposita funzione di segnalazione del messaggio (pulsante a forma di triangolo con punto esclamativo) specificando poi il motivo, o ancora contattando me o lo staff tramite messaggi privati. Senza esitazione, anzi, vi ringrazio anticipatamente per quando lo farete.
Se volete contattarmi tramite Messagio Privato cliccate sul mio Nome utente, a fianco ad ogni mio messaggio e ad ogni forum di cui sono moderatore. Nella pagina che sarà mostrata contenente il mio profilo pubblico, andate nella sezione "CONTATTA PEOPLEOPINION". Qui troverete le modalità a vostra disposizione per contattarmi.

Se avete Skype e se sono online potete anche chiamarmi cliccando qui:
Chiama peopleopinion con Skype

Vi ricordo di dare una sbirciatina alle regole del forum prima di contattare qualsiasi componente dello staff.

Grazie della partecipazione e collaborazione.

Cordialmente

Forum Administrator



Avatar utente
peopleopinion
Amministratore
 
Messaggi: 63
Iscritto il: mercoledì 20 ottobre 2010, 21:52
Skype: peopleopinion

Torna a Aiuto FAQ (domande frequenti) Suggerimenti Supporto sul Forum

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite

Notizie da...:

Caricamento news http://peopleopinion.altervista.org/...

Caricamento news prima pagina...

Caricamento news nazionali...

Caricamento news esteri...

Caricamento news BBC...

cron

Totale visite dal 02.02.2012