Miglioriamo le nostre pagine di Qrz

[IZ8XOV]

Apro questa discussione perché ci sono certamente molti nuovi Radioamatori appena registrati su Qrz ma anche coloro che sono iscritti da tempo e non si sono mai attivati per migliorare il proprio profilo su Qrz.com

Una volta iscritti a Qrz otterrete una pagina bianca come un lenzuolo con solo i vostri dati (visibili solo agli utenti iscritti), ma ogni pagina è manipolabile in due modi differenti:

1) utilizzando i Codici HTML
2) utilizzando i Codici CSS

In linea generale con l'HTML si imposta la struttura della pagina (Layout), mentre in CSS si va ad implementarla agendo generalmente sui colori, sui bordi e sulle immagini in alcune aree della pagina.

Lavorandoci su si possono ottenere risultati più o meno gradevoli come ha fatto un certo IZ8XOV....  http://www.qrz.com/db/IZ8XOV

Come procedere? Beh non è facile nel senso che dipende dalla vostra dimestichezza e dalla vostra fantasia, sarebbe sempre opportuno creare pagine originali e non copia copiella altrimenti si ottengono solo dei cloni mentre l'originalità è qualcosa di sicuramente distintivo.

Dunque, almeno come approccio iniziale una volta loggati alla destra del vostro indicativo troverete un menù a tendina del quale la seconda voce è denominata "EDIT" (col vostro indicativo affianco).

Se ci cliccate sopra vi si apre una pagina che vi da accesso alle funzioni del vostro Layout. La prima che ci interessa è senz'altro la voce denominata "Add or edit your pictures and Qsl images".

Questa è la sezione dell'Upload. In pratica da qui potrete caricare le fotografie dal vostro Desktop/cartelle da mettere nella piccola immagine a destra in formato piccolo (ad esempio una vostra Qsl) ed altresì caricare le foto da inserire nel corpo pagina come il vostro shack radio, le vostre antenne etc.

Da precisare che ogni immagine non deve superare le dimensioni di 800x600 pixel altrimenti il sito ve le ridimensionerà automaticamente. Dovrete tenerne conto poiché se caricate una foto 400x300 e dopo la ingrandite verrà sgranata ottenendo un'effetto sgradevole mentre se caricate una foto 1600x800 il sito ve la rimpicciolisce.

Una volta fatto l'upload vedrete comparire via via le foto nella sezione di carica. Se ora cliccate su una qualsiasi vi viene data l'opportunità di sceglierne una come predefinita per la piccola foto a destra di cui vi parlavo (quella che nella mia pagina è una cartina satellitare dell'Italia Meridionale). Si tratta semplicemente  di cliccare sulla foto che volete mettere a margine e poi cliccare "Set as Primary" e magicamente apparirà proprio in quella posizione, inoltre cliccandoci sopra dalla vostra pagina la foto verrà automaticamente ingrandita.

Per inserire invece le foto e il testo nel corpo pagina dovrete andare alla voce "Add or edit your Biography, text, fonts etc", (la voce di sopra alla precedente partendo sempre da "EDIT" sotto al vostro indicativo), una volta cliccato siete nel copro pagina, dovrete solo cliccare sulla voce "Source" e siete nella sorgente della pagina ovvero alla vostra prima esperienza alchemica con l'HTML! :mrgreen:

Niente paura, vi basterà incollare la stringa esatta, facciamo un esempio pratico: (la prima stringa riguarda il testo, la seconda una foto)

<div style="margin: auto; width: 800px; text-align: justify;"><span style="font-family: verdana,geneva,sans-serif;"><span style="font-size: 15px;">Ciao a tutti mi chiamo XXXXX e vivo nella città di XXXX ho conseguito la Patente di Radioamatore nel XXXX etc.etc.etc.</span></span></div>

<p align="center"><img alt="" src="/hampages/vostro indicativo in minuscolo/nomefoto.jpg" style="width: 800px; height: 600px;" /><p>

Questo è un breve esempio per aggiungere una vostra biografia anche più lunga e una foto qualsiasi ma nulla vi vieta di replicare queste stringhe e pubblicare più foto e altre descrizioni, ad esempio la vostra stazione da cosa è composta etc.

Logicamente vi sarà possibile affiancare ad esempio 2 foto di formato più piccolo (400x300px), come ho fatto io così come variare il carattere e le dimensioni del testo.

Tornando alle foto queste potranno avere anche altre estensioni rispetto al "jpg" come il formato "gif" o il "png" a voi non importa perché il sito le caricherà e le visualizzerà normalmente, tuttavia se caricherete una foto gif (in movimento) di dimensioni superiori ai 600 px il sito ve la scompone e non avrà le proprie caratteristiche originarie quindi se caricate quelle belle foto in movimento come l'italia che lampeggia valutate prima le dimensioni, (generalmente 300x300 va benissimo e non crea problemi).

Queste sono le linee guida basilari per impostare il corpo pagina, poi magari ci sono di più esperti che possono fornire dritte migliori.

Quanto invece ai Codici CSS la situazione è leggermente più complessa ma nemmeno troppo. Coi CSS è possibile intervenire nell'area del vostro Indicativo cambiandone il colore di sfondo o aggiungendo una immagine di background (peccato che Qrz abbia deciso di ridurre  il formato ad 800 px poiché l'estensione dell'area superiore è maggiore).

Inoltre coi CSS si possono sovrapporre immagini gif ottenendo risultati accattivanti, aggiungere ombre al testo, cambiarne i colori idem al Layout della pagina ma ci vuole quel minimo di esperienza altrimenti si fanno dei casini e quelli di Qrz si arrabbiano (variare le dimensioni del Callsign, mettere ombre su sfondi neri etc. non è permesso).

Purtroppo non posso riportarvi esempi diretti perché violerei il Copyright di Qrz ma eventualmente vi consiglierò su come sostituire i colori del corpo pagina per variarne l'aspetto.

Credo che comunque non tutti sentano la necessità di fare cose strabilianti ma almeno di riuscire ad accedere al caricamento testi e foto per dare qualche informazione in più a chi colleghiamo su chi siamo, la nostra città, le nostre condizioni operative ovvero la stazione che abbiamo costruito con tanta passione e sacrificio.

Spero di aver fornito degli spunti e di non aver creato maggior confusione! Per eventuali domande fate pure.

Ciao 73





         

[Alberto207]

Come è bello trovare tante foto e info, tanto bello è darne a chi ci visita, a me scappa un vaffa quando non c'è nemmeno la foto profilo....

[IZ8XOV]

Come è bello trovare tante foto e info, tanto bello è darne a chi ci visita, a me scappa un vaffa quando non c'è nemmeno la foto profilo....

Beh c'è anche gente che non gli va di mettersi a smanettare col sito, altri per scelta personale non danno particolari informazioni e non è assolutamente obbligatorio farlo. Come te penso anch'io che sia gradevole leggere e vedere qualcosa di chi colleghiamo e personalmente mi diverte lavorare su Qrz per rendere la mia pagina un po originale.

Allora come detto vi do un'altra dritta in questo caso per i Codici CSS. Per lavorare in CSS si deve andare in un'altra sezione della nostra pagina partendo sempre dalla voce "Edit" ma in tal caso si dovrà andare alla sezione "Expert Options Includes CSS Style".

Giunti in questa pagina siete nel source dei Codici CSS. Come detto non posso incollarvi stringhe di Qrz ma posso dirvi che nella configurazione basic cioè nella pagina così come fornita da Qrz troverete solo tre voci di vostro interesse:

1. csbody
2. calldata
3. biodata

Faccio un esempio basilare: se volete cambiare lo sfondo della pagina da bianco a nero dovrete aggiungere a fianco alla parentesi Graffa-aperta la stringa "background-color: black;" (Si intende senza le virgolette che ho messo io).

Chiaramente siccome di default la pagina è settata con i caratteri neri dovrete invertirli e quindi la voce "color: black" dovrete cambiarla in "color: white;" (Sempre senza le virgolette).

In CSS la parentesi Graffa apre e chiude il Tag quindi non cancellatela mai e non modificate la punteggiature e il # che precede ogni singola stringa altrimenti farete casini.

NB: Consiglio SEMPRE a chiunque interagisce con la propria pagina di Qrz di salvare una copia di backup delle pagine di Default (sia in HTML che in CSS) in modo che in caso di eventuali problemi voi possiate incollare nuovamente il testo originale. Per far ciò vi basta aprire due rispettivi fogli di lavoro in Word e salvarli come copie delle rispettive pagine.

[Alberto207]

i codici dei colori per gli sfondi etc sono elencati qui in maniera chiara e semplice
http://riemann.unica.it/studenti/guida/colori.html

[fabio_bz - IN3FOB]

buonasera dinuovo a tutti!segnalo per chi si vuole cimentare a migliorare la propria pagina una breve guida di un radioamatore io l ho trovata molto utile e pratica per capirci qualcosina e personalizzare un po la mia pagina!potete scaricarla a questo link alla prossima ciao a tutti...

[IZ8XOV]

Ciao Fabio è venuta una bella pagina (simpatici i fuochi artificiali animati). Unica variante che apporterei è di sostituire il colore bianco (FFFFFF) dei dati del Callsign con quello giallo (FFFF00 oppure CCCC00 o ancora FFD700), per evidenziarlo maggiormente sullo sfondo con le stelline anch'esse bianche, ma è una scelta soggettiva.

Qui invece ci sono 5 pagine di bandierine animate:
http://www.gifanimata.it/gifanimata.it/gif-animate-italia.asp?pg=1&gif=bandiere&sez=112&id=112

Qui le antenne animate:
http://www.animatedimages.org/cat-antennas-324.htm

E qui i microfoni:
http://www.animatedimages.org/cat-microphones-387.htm

73's - Michele

[fabio_bz - IN3FOB]

grazie michele  l ho messa azzurrina!ascoltami una cosa invece non riesco a ricordare come cambiare colore e dimensione al nominativo!mi daresti una stringa di esempio per quanto riguarda colore e dimensione solo del nominativo e non dei dati....grazie mille

[Leopardo]

anche io tengo molto alla mia pagina su QRZ  :up:  purtroppo sono 'nu poco ignurantellu in materia, per fortuna ho un caro amico che mi dà una mano... e lo ringrazio tanto  :amore:   sto rinnovando la station e tra un po' gli romperò i ball... per aggiornarla..   :dance:   chi può la renda al meglio la pagina su QRZ è il nostro passaporto.  :up:

[IZ8XOV]

grazie michele  l ho messa azzurrina!ascoltami una cosa invece non riesco a ricordare come cambiare colore e dimensione al nominativo!mi daresti una stringa di esempio per quanto riguarda colore e dimensione solo del nominativo e non dei dati....grazie mille

Ciao Fabio, non si possono alterare i colori di default del Callsign ne tantomeno le dimensioni così come non si possono aggiungere le ombre ai caratteri se lo sfondo è scuro. Sono delle direttive di Qrz a cui bisogna attenersi quando si "customizza" la propria pagina infatti tempo addietro non lo sapevo e fui richiamato da un amministratore di Qrz. Inoltre i colori di default indicano oltretutto l'appartenenza cioè il profilo sottoscritto (gratuito o a pagamento).

Cosa diversa è per le dimensioni e i colori dell'indirizzo etc. Ad ogni modo la differenza che puoi comunque applicare è il "Font Style" come "Italic" che inclina i caratteri ma non so se funziona sul tuo profilo poiché il mio è di default Italic anche nel Callsign.

Nel caso la stringa da inserire è:
font-style:italic; 

(Che puoi incollare sotto il "Font-Size").

73's - Michele

[IZ8XOV]

anche io tengo molto alla mia pagina su QRZ  :up:  purtroppo sono 'nu poco ignurantellu in materia, per fortuna ho un caro amico che mi dà una mano... e lo ringrazio tanto  :amore:   sto rinnovando la station e tra un po' gli romperò i ball... per aggiornarla..   :dance:   chi può la renda al meglio la pagina su QRZ è il nostro passaporto.  :up:

Sei fortunato ad avere un aiuto infatti la tua pagina ha una buona grafica, senz'altro il tuo amico non avrà problemi ad aggiornartela!

73's - Michele

[fabio_bz - IN3FOB]

Grazi mille michele

Sent from my GT-I9505 using RogerKApp mobile app

[Pol]

Ottimo questo topic Michele, mi ha ricordato che lo dovevo fare da tempo immemore. 
Vorrei precisare però che quando si arriva a questo punto (cito la tua descrizione):

...Per inserire invece le foto e il testo nel corpo pagina dovrete andare alla voce "Add or edit your Biography, text, fonts etc", (la voce di sopra alla precedente partendo sempre da "EDIT" sotto al vostro indicativo), una volta cliccato siete nel copro pagina, dovrete solo cliccare sulla voce "Source" e siete nella sorgente della pagina ovvero alla vostra prima esperienza alchemica con l'HTML! :mrgreen:....

se non si ha familiarità con i codici HTML se ne può benissimo fare a meno, basta non cliccare sull'icona  "Source" e inserire testo e foto più o meno come si fa con word o altri programmi di videoscrittura, per inserire le foto si usa l'icona con lo schermo.
Volendo si può verificare il codice cliccando su "Source", un secondo click permette di ritornare nella modalità normale.
Ciao!

[Leopardo]

anche io tengo molto alla mia pagina su QRZ  :up:  purtroppo sono 'nu poco ignurantellu in materia, per fortuna ho un caro amico che mi dà una mano... e lo ringrazio tanto  :amore:   sto rinnovando la station e tra un po' gli romperò i ball... per aggiornarla..   :dance:   chi può la renda al meglio la pagina su QRZ è il nostro passaporto.  :up:

Sei fortunato ad avere un aiuto infatti la tua pagina ha una buona grafica, senz'altro il tuo amico non avrà problemi ad aggiornartela!

73's - Michele

eh si carissimo Michele, mi ritengo molto fortunato ad avere un amico così preparato, e me lo tengo stretto...  con buona pace di chi, un amico così.. non l'ha!  :up: :-D

[IZ8XOV]

Si Pierpaolo, a dire il vero il metodo da te indicato è probabilmente più pratico per chi non ha dimestichezza con Html. Purtroppo per interagire con alcuni effetti della pagina si deve per forza di cose usare la Expert Option tramite i Css, almeno non mi risulta diversamente.

Tramite Css si può interagire con lo sfondo dell'area Callsign variandone il colore o mettendo una foto di background (Calldata), con quella del corpo pagina (Biodata), la cornice (Csbody) etc. ricordando che Qrz ha ristretto l'upload delle foto ad un massimo di 800x600 px pertanto essendo l'area di dimensioni superiori si dovrà optare per un host o per un sito esterno di collegamento.

Comunque per chi volesse approfondire c'è un tutorial linkato a Qrz:
http://www.w3schools.com/css/default.asp

73's - Michele

[IZ8XOV]

eh si carissimo Michele, mi ritengo molto fortunato ad avere un amico così preparato, e me lo tengo stretto...  con buona pace di chi, un amico così.. non l'ha!  :up: :-D

Chi trova un amico trova un tesoro  abbraccino

[Leopardo]

eh si carissimo Michele, mi ritengo molto fortunato ad avere un amico così preparato, e me lo tengo stretto...  con buona pace di chi, un amico così.. non l'ha!  :up: :-D

Chi trova un amico trova un tesoro  abbraccino

concordo... è uno dei proverbi che più preferisco...   ;-)  prendi te... se non mi suggerivi la Long Wire non mi sarei divertito e mi diverto sulle HF come sto facendo!!!!! L'amicizia è in bocca a tanti ma nel cuore di pochi.:up:

[IZ8XOV]

Caro Paolo, hai detto una sacrosanta verità: l'amicizia è in bocca a molti ma nel cuore di pochi. Per noi si chiama "Ham Spirit" ed equivale a una sorta di vocazione radiantistica! A me piace molto perché quando ho iniziato sono stato aiutato molto quindi trovo giusto essere disponibile e altri lo faranno con altri e così via. E' lo spirito che anima i radioamatori dai tempi di Marconi.

[Leopardo]

Caro Paolo, hai detto una sacrosanta verità: l'amicizia è in bocca a molti ma nel cuore di pochi. Per noi si chiama "Ham Spirit" ed equivale a una sorta di vocazione radiantistica! A me piace molto perché quando ho iniziato sono stato aiutato molto quindi trovo giusto essere disponibile e altri lo faranno con altri e così via. E' lo spirito che anima i radioamatori dai tempi di Marconi.

e così è!! :up:  a parte qualche sfortunato caso, è lo spirito che ritrovo da 40 anni e tale vorrei che fosse sempre...  sono felice di essere un amante del radiantismo!  :birra:

[IZ8XOV]

e così è!! :up:  a parte qualche sfortunato caso, è lo spirito che ritrovo da 40 anni e tale vorrei che fosse sempre...  sono felice di essere un amante del radiantismo!  :birra:

Paolo, c'è una parte di me nella tua stazione partendo dal'antenna a finire al leopardo con le cuffie!  :mrgreen:

[lake]

domanda: qualche giorno fa ho aggiunto alla mia pag di qrz il banner sulla propagazione http://www.hamqsl.com/solar.html
ma nonostante venga detto che ogni 3 ore si aggiorna a me ad esempio è fermo al 24 aprile...
qualcuno sa come mai ?

[fabio_bz - IN3FOB]

Ciao,succede anche a me ogni tanto vliccaci su dovrebbe aggiornarsi....

inviato HUAWEI GRA-L09 using rogerKapp.

[Marcello]

Ecco bene, mettiamo pure i banner di rogerk...si trovano su questa pagina, con il codice html da inserire.

http://www.rogerk.net/forum/index.php?page=page1664

[IU1FIG]

73 e buongiorno a tutti,
la mia pagina QRZ è www.qrz.com/db/IU1FIG
può piacere oppure no, non mi offendo  :-), vorrei solo aggiungere un paio di cose che magari possono essere di aiuto per qualcuno.

in EDIT vostro nominativo
- Se volete inserire molte foto senza compromettere il layout della pagina, quindi fare una sorta di gallery usando le immagini più piccole, thumbnail, potete fare in modo che al CLICK sopra l'immagine, la stessa si apre in un popup, come accade cliccando nella vostra foto di copertina.
Aggiungere l'elemento class="fancybox" all'url dell'immagine.
Non dovete caricare due volte la stessa foto, ma solo dare una dimensione ridotta nel sorgente della pagina.

- Se si hanno molti contenuti, si può creare un sotto menu utilizzando l'ancor text

in Expert options including CSS styles

- E' possibile aggiungere una immagine alla sinistra del vostro nominativo, qth etc; e per mettere uno sfondo sulla parte superiore della pagina, andare alla riga #calldata e aggiungere una cosa simile:

#calldata {
   background-image: URL(...percorso/immagine.png),URL(...percorso/sfondo.jpg);
   background-position: 0px 0px;
   background-repeat: no-repeat, repeat;
   background-size: auto, auto;
   padding-left: 145px;
   padding-right: 0px;
   padding-top: 0px;
}

Spero di aver fatto cosa gradita, buona giornata a tutti!  :birra:

[IU1FIG]

Ecco bene, mettiamo pure i banner di rogerk...si trovano su questa pagina, con il codice html da inserire.

http://www.rogerk.net/forum/index.php?page=page1664

Ho aggiunto il banner con molto piacere!  :up:

73

[Marcello]

Grazie,  bella pagina.