




<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Q-design &#187; fotografie</title>
	<atom:link href="http://www.q-design.it/tag/fotografie/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.q-design.it</link>
	<description>Graphic design &#38; Webdesign a Rovereto (TN)</description>
	<lastBuildDate>Mon, 19 Dec 2011 15:28:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Anello Cermis, Laghi Bombasel e Lago Lagorai</title>
		<link>http://www.q-design.it/blog/trentino/anello-cermis-laghi-bombasel-e-lago-lagorai/</link>
		<comments>http://www.q-design.it/blog/trentino/anello-cermis-laghi-bombasel-e-lago-lagorai/#comments</comments>
		<pubDate>Mon, 19 Dec 2011 15:28:56 +0000</pubDate>
		<dc:creator>Ren</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[Trentino]]></category>
		<category><![CDATA[bombasel]]></category>
		<category><![CDATA[cermis]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[fotografie]]></category>
		<category><![CDATA[lago]]></category>
		<category><![CDATA[lagorai]]></category>
		<category><![CDATA[trekkin]]></category>
		<category><![CDATA[val di fiemme]]></category>

		<guid isPermaLink="false">http://www.q-design.it/?p=966</guid>
		<description><![CDATA[Dettagli Gita: lunga Quota massima raggiunta: 2.285 m Dislivello: 400 m circa in salita; 1000 m in discesa Tempi: ore 4 circa Un interessante percorso nella catena del Lagorai. Per raggiungere il punto di inizio - e di arrivo - di questa escursione, occorre arrivare con la macchina fino al secondo tronco della Funivia del [...]


Related posts:<ol><li><a href='http://www.q-design.it/blog/trentino/il-sentiero-federico-augusto-e-la-val-duron/' rel='bookmark' title='Permanent Link: Il sentiero Federico Augusto e la Val Duron'>Il sentiero Federico Augusto e la Val Duron</a></li>
<li><a href='http://www.q-design.it/blog/trentino/eremo-di-san-colombano/' rel='bookmark' title='Permanent Link: Eremo di San Colombano'>Eremo di San Colombano</a></li>
<li><a href='http://www.q-design.it/blog/trentino/val-venegia-le-sorgenti-del-travignolo-e-la-baita-segantini/' rel='bookmark' title='Permanent Link: Val Venegia, le sorgenti del Travignolo e la Baita Segantini'>Val Venegia, le sorgenti del Travignolo e la Baita Segantini</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.q-design.it/wp-content/uploads/2011/12/bombasel-lagorai.jpg" rel="lightbox"><img src="http://www.q-design.it/wp-content/uploads/2011/12/bombasel-lagorai-620x256.jpg" alt="Anello Cermis, Laghi Bombasel e Lago Lagorai" title="Anello Cermis, Laghi Bombasel e Lago Lagorai" width="620" height="256" class="aligncenter size-large wp-image-967" /></a></p>
<div class="box-testo">
<h3>Dettagli</h3>
<p><strong>Gita:</strong> lunga<br />
<strong>Quota massima raggiunta:</strong> 2.285 m<br />
<strong>Dislivello:</strong> 400 m circa in salita; 1000 m in discesa<br />
<strong>Tempi:</strong> ore 4 circa</div>
<p><a href="http://www.q-design.it/restyling/wp-content/uploads/2011/12/bombasel.jpg" rel="lightbox"><img src="http://www.q-design.it/restyling/wp-content/uploads/2011/12/bombasel-250x166.jpg" alt="Laghi di Bombasel" title="Laghi di Bombasel" width="250" height="166" class="alignright size-medium wp-image-1550" /></a>Un interessante percorso nella catena del Lagorai.<br />
Per raggiungere il punto di inizio - e di arrivo - di questa escursione, occorre arrivare con la macchina fino al secondo tronco della <a href="http://www.alpecermis.it/" title="Funivia del Cermis">Funivia del Cermis</a>, al Doss dei Laresi. Dalla Statale delle Dolomiti, si supera il grande parcheggio della funivia e si segue l'indicazione per Masi di Cavalese. A questo punto un cartello indica la nostra meta.</p>
<p>Si sale con la funivia e quindi la seggiovia fino a Paion del Cermis, a quota 2.229 metri. Poco doltre il grande rifugio, c'è il punto panoramico "Panoramio Lagorai 360°", da cui è possibile ammirare l'intero gruppo delle Dolomiti. Estremamente utili le fotografie con i nomi delle vette.</p>
<p>Lasciato il punto panoramico, una breve discesa lungo il sentiero 3-353 porta alla forcella di Bombasel. Una breve ma ripida discesa - aiutata da una corda e dagli scalini tracciati nel terreno - porta al sentiero in costante salita che porta ai Laghi di Bombasel - quota 2.268.</p>
<p>Dai laghetti si sale in pochi minuti alla Forcella del Macaco che li sovrasta. L'itinerario adesso è contraddistinto dall'indicazione 6 - unito a volte al numero del sentiero 353 sulle indicazioni bianche e rosse sulle rocce.</p>
<p>Superata la forcella si inizia a scendere lungo arditi tornanti che tagliano il ripido pendio erboso, fino al bivio con il sentiero 316 - l'itinerario è sempre il 6 - che porta al Lago Lagorai.</p>
<p>Si prosegue lungo la stradina che costeggia il lago e si percorre una vecchia mulattiera austriaca della Prima Guerra Mondiale (1915-1918). Il percorso si snoda all'interno del bosco, all'ombra degli abeti. Il sentiero è largo e non presenta particolari difficoltà, se non alcuni tratti con discreta pendenza.</p>
<p>Oltrepassiamo la sbarra di chiusura della strada forestale per giungere - a quota 1.360 - ad un bivio dove occorre lasciare il largo sentiero per entrare nel bosco.</p>
<p>L'itinerario procede entrando ed uscendo da piccoli valloncelli, guadagnando quota fino a 1.615 metri. Proseguendo a zigzag tra gli abeti, anche con percorso molto ripido, si arriva poco sopra la stazione intermedia della funivia, su quella che d'inverno funge da pista da sci. Si chiude in questo modo l'itinerario ad anello, di circa 12 chilometri di lunghezza.</p>
<h3>Immagini dal percorso</h3>
<p><object width="640" height="480" type="application/x-shockwave-flash" data="http://www.flickr.com/apps/slideshow/show.swf?v=71649"><param name="flashvars" value="offsite=true&amp;lang=it-it&amp;page_show_url=%2Fphotos%2Fquerin%2Fsets%2F72157628482136909%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Fquerin%2Fsets%2F72157628482136909%2F&amp;set_id=72157628482136909&amp;jump_to="></param><param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649" /></object></p>


<p>Related posts:<ol><li><a href='http://www.q-design.it/blog/trentino/il-sentiero-federico-augusto-e-la-val-duron/' rel='bookmark' title='Permanent Link: Il sentiero Federico Augusto e la Val Duron'>Il sentiero Federico Augusto e la Val Duron</a></li>
<li><a href='http://www.q-design.it/blog/trentino/eremo-di-san-colombano/' rel='bookmark' title='Permanent Link: Eremo di San Colombano'>Eremo di San Colombano</a></li>
<li><a href='http://www.q-design.it/blog/trentino/val-venegia-le-sorgenti-del-travignolo-e-la-baita-segantini/' rel='bookmark' title='Permanent Link: Val Venegia, le sorgenti del Travignolo e la Baita Segantini'>Val Venegia, le sorgenti del Travignolo e la Baita Segantini</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.q-design.it/blog/trentino/anello-cermis-laghi-bombasel-e-lago-lagorai/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Eremo di San Colombano</title>
		<link>http://www.q-design.it/blog/trentino/eremo-di-san-colombano/</link>
		<comments>http://www.q-design.it/blog/trentino/eremo-di-san-colombano/#comments</comments>
		<pubDate>Thu, 06 May 2010 12:14:54 +0000</pubDate>
		<dc:creator>Ren</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[Trentino]]></category>
		<category><![CDATA[drago]]></category>
		<category><![CDATA[eremo di san colombano]]></category>
		<category><![CDATA[fiume leno]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[fotografie]]></category>
		<category><![CDATA[galleria fotografica]]></category>
		<category><![CDATA[leggenda]]></category>
		<category><![CDATA[leno]]></category>
		<category><![CDATA[rovereto]]></category>
		<category><![CDATA[san colombano]]></category>
		<category><![CDATA[trambileno]]></category>

		<guid isPermaLink="false">http://www.q-design.it/?p=804</guid>
		<description><![CDATA[L'Eremo di San Colombano si trova nel comune di Trambileno, a pochi minuti da Rovereto Per raggiungere l'Eremo occorre prendere la strada per Vicenza da Piazza Podestà, nel centro di Rovereto. Dopo aver percorso pochi chilometri, occorre svoltare a destra in una piccola stradina in discesa, con l'indicazione per l'Eremo. Parcheggiata la vettura, bisogna percorrere [...]


Related posts:<ol><li><a href='http://www.q-design.it/blog/trentino/grotta-cascata-varone/' rel='bookmark' title='Permanent Link: Grotta Cascata Varone'>Grotta Cascata Varone</a></li>
<li><a href='http://www.q-design.it/blog/trentino/anello-cermis-laghi-bombasel-e-lago-lagorai/' rel='bookmark' title='Permanent Link: Anello Cermis, Laghi Bombasel e Lago Lagorai'>Anello Cermis, Laghi Bombasel e Lago Lagorai</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.q-design.it/wp-content/uploads/2010/05/eremo.jpg" rel="lightbox"><img src="http://www.q-design.it/wp-content/uploads/2010/05/eremo.jpg" alt="Eremo di San Colombano, Trambileno (TN)" title="Eremo di San Colombano, Trambileno (TN)" width="620" height="143" class="aligncenter size-full wp-image-807" /></a><br />
L'Eremo di San Colombano si trova nel comune di Trambileno, a pochi minuti da Rovereto<br />
Per raggiungere l'Eremo occorre prendere la strada per Vicenza da Piazza Podestà, nel centro di Rovereto. Dopo aver percorso pochi chilometri, occorre svoltare a destra in una piccola stradina in discesa, con l'indicazione per l'Eremo. Parcheggiata la vettura, bisogna percorrere un breve sentiero ed una scalinata composta da 102 gradini scavati nella roccia.</p>
<p>La leggenda riferisce che il santo irlandese Colombano, vissuto tra il 543 ed il 615, giunto nel periodo di quaresima con la volontà di ritirarsi in una grotta, avrebbe ucciso in drago che provocava la morte dei bambini battezzati nelle acque del sottostante torrente Leno.</p>
<p>L'Eremo di San Colombano sarebbe sorto nel luogo in cui, dal 753, dove un monaco eremita proveniente dal Monastero di Bobbio avrebbe soggiornato in meditazione.</p>
<p>Non si hanno precise notizie sulla costruzione dell'eremo, a mezza altezza su uno strapiombo di circa 120 metri, ma viene accreditata l'ipotesi dell'erezione della chiesetta e del romitorio tra la fine del X secolo e l'inizio dell'XI.</p>
<p>L'eremo della "Grotta dell'eremita" venne utilizzato fino al 1782 e, una volta terminata la pratica del <a href="http://it.wiktionary.org/wiki/romitaggio" title="Definizione di romitaggio">romitaggio</a>, fu curato dagli abitanti della valle. Dal 1996 la manutenzione ordinaria e l'apertura al pubblico sono garantite da un gruppo di volontati riuniti nel Comitato Amici di San Colombano.</p>
<p>Ogni anno a Natale viene organizzata una suggestiva fiaccolata e si celebra la Messa.</p>
<h3>Galleria fotografica</h3>
<p><object width="620" height="465" type="application/x-shockwave-flash" data="http://www.flickr.com/apps/slideshow/show.swf?v=71649"><param name="flashvars" value="offsite=true&amp;lang=it-it&amp;page_show_url=%2Fphotos%2Fquerin%2Fsets%2F72157624004926506%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Fquerin%2Fsets%2F72157624004926506%2F&amp;set_id=72157624004926506&amp;jump_to="></param><param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649" /></object></p>


<p>Related posts:<ol><li><a href='http://www.q-design.it/blog/trentino/grotta-cascata-varone/' rel='bookmark' title='Permanent Link: Grotta Cascata Varone'>Grotta Cascata Varone</a></li>
<li><a href='http://www.q-design.it/blog/trentino/anello-cermis-laghi-bombasel-e-lago-lagorai/' rel='bookmark' title='Permanent Link: Anello Cermis, Laghi Bombasel e Lago Lagorai'>Anello Cermis, Laghi Bombasel e Lago Lagorai</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.q-design.it/blog/trentino/eremo-di-san-colombano/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Il calendario 2010 da tavolo</title>
		<link>http://www.q-design.it/blog/q-design/il-calendario-2010-da-tavolo/</link>
		<comments>http://www.q-design.it/blog/q-design/il-calendario-2010-da-tavolo/#comments</comments>
		<pubDate>Tue, 05 Jan 2010 22:07:30 +0000</pubDate>
		<dc:creator>Ren</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[Grafica]]></category>
		<category><![CDATA[Q-design]]></category>
		<category><![CDATA[Trentino]]></category>
		<category><![CDATA[2010]]></category>
		<category><![CDATA[calendario]]></category>
		<category><![CDATA[cd]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[fotografie]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[gratis]]></category>
		<category><![CDATA[scaricare]]></category>
		<category><![CDATA[tavolo]]></category>

		<guid isPermaLink="false">http://www.q-design.it/?p=763</guid>
		<description><![CDATA[Dopo la realizzazione del calendario 2010 in formato A4 da appendere al muro, ho adattato l'impaginato in modo da poter ottenere un comodo calendario da tavolo. Le dimensioni delle pagine, infatti, stanno perfettamente all'interno di una custodia per CD (del tipo jewel box). Si tratta della custodia per CD spessa circa mezzo centimetro, con all'interno [...]


Related posts:<ol><li><a href='http://www.q-design.it/blog/q-design/calendario-da-tavolo-2009-pronto-da-scaricare-e-stampare/' rel='bookmark' title='Permanent Link: Calendario da tavolo 2009 pronto da scaricare e stampare'>Calendario da tavolo 2009 pronto da scaricare e stampare</a></li>
<li><a href='http://www.q-design.it/blog/q-design/scarica-gratuitamente-il-calendario-2010-di-q-design/' rel='bookmark' title='Permanent Link: Scarica gratuitamente il calendario 2010 di Q-design'>Scarica gratuitamente il calendario 2010 di Q-design</a></li>
<li><a href='http://www.q-design.it/blog/q-design/il-calendario-da-tavolo-di-q-design/' rel='bookmark' title='Permanent Link: Il calendario da tavolo di Q-design'>Il calendario da tavolo di Q-design</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.q-design.it/wp-content/uploads/2010/01/qd_cd.jpg" rel="lightbox"><img src="http://www.q-design.it/wp-content/uploads/2010/01/qd_cd.jpg" alt="" title="Q-design | Calendario 2010, modello da tavolo" width="620" height="143" class="aligncenter size-full wp-image-764" /></a></p>
<p>Dopo la realizzazione del <a href="http://www.q-design.it/blog/q-design/scarica-gratuitamente-il-calendario-2010-di-q-design/">calendario 2010</a> in formato A4 da appendere al muro, ho adattato l'impaginato in modo da poter ottenere un comodo calendario da tavolo.</p>
<p>Le dimensioni delle pagine, infatti, stanno perfettamente all'interno di una custodia per CD (del tipo <em>jewel box</em>). Si tratta della custodia per CD spessa circa mezzo centimetro, con all'interno la plastica nera dove agganciare il disco.</p>
<p>In un prossimo articolo, qualora ci fossero problemi nella modifica della custodia, spiegherò passo a passo la realizzazione del sostegno per il calendario.</p>
<p>Il pdf è composto da 13 pagine in formato 120x120 mm, in quadricromia, con i crocini di registro che permettono un comodo taglio della pagina (attenzione alle dita! Il sottoscritto non si assume alcuna responsabilità...).</p>
<p>Come per il calendario in formato A4, a fianco del nome del mese è indicato il luogo dove è stata scattata la fotografia.</p>
<p>Le fotografie, ovviamente, sono le stesse.</p>
<p>E' stata solamente aggiunta la fotografia di copertina, scattata nella zona di Passo San Pellegrino in occasione del concerto di <a href="http://www.fiorellamannoia.it/">Fiorella Mannoia</a>, grande chiusura della manifestazione <strong><a href="http://www.isuonidelledolomiti.it/">I Suoni delle Dolomiti</a></strong>.</p>
<p>Se scaricate il calendario e lo utilizzate oppure se avete qualche osservazione o qualche richiesta, <a href="#commentform">lasciatemi un commento</a>.<br />
<div class="download">
<div class="info"><h2><a href="http://www.q-design.it/?file_id=19">Calendario 2010, modello da tavolo &raquo;</a> </h2>
<p>Il pdf del calendario da tavolo di Q-design. In formato 120x120 mm, è realizzato in alta risoluzione per la stampa.</p>
<h3><span>Dimensione: <strong>6.25MB</strong></span>Scaricato: <strong>764</strong> volte</h3>
</div></div></p>
<p><a href="http://www.q-design.it/wp-content/uploads/2010/01/qd_cd_01.jpg" rel="lightbox"><img src="http://www.q-design.it/wp-content/uploads/2010/01/qd_cd_01.jpg" alt="" title="Q-design | Utilizzo del calendario nella custodia per CD" width="620" height="533" class="aligncenter size-full wp-image-765" /></a></p>


<p>Related posts:<ol><li><a href='http://www.q-design.it/blog/q-design/calendario-da-tavolo-2009-pronto-da-scaricare-e-stampare/' rel='bookmark' title='Permanent Link: Calendario da tavolo 2009 pronto da scaricare e stampare'>Calendario da tavolo 2009 pronto da scaricare e stampare</a></li>
<li><a href='http://www.q-design.it/blog/q-design/scarica-gratuitamente-il-calendario-2010-di-q-design/' rel='bookmark' title='Permanent Link: Scarica gratuitamente il calendario 2010 di Q-design'>Scarica gratuitamente il calendario 2010 di Q-design</a></li>
<li><a href='http://www.q-design.it/blog/q-design/il-calendario-da-tavolo-di-q-design/' rel='bookmark' title='Permanent Link: Il calendario da tavolo di Q-design'>Il calendario da tavolo di Q-design</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.q-design.it/blog/q-design/il-calendario-2010-da-tavolo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Inserire Slideshow di Flickr con codice XHTML valido</title>
		<link>http://www.q-design.it/blog/q-design/inserire-slideshow-di-flickr-con-codice-xhtml-valido/</link>
		<comments>http://www.q-design.it/blog/q-design/inserire-slideshow-di-flickr-con-codice-xhtml-valido/#comments</comments>
		<pubDate>Tue, 05 Jan 2010 13:04:00 +0000</pubDate>
		<dc:creator>Ren</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[Grafica]]></category>
		<category><![CDATA[Q-design]]></category>
		<category><![CDATA[codice]]></category>
		<category><![CDATA[esempio]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[fotografie]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[immagini]]></category>
		<category><![CDATA[modificare codice]]></category>
		<category><![CDATA[slideshow]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[valido]]></category>
		<category><![CDATA[w3c]]></category>
		<category><![CDATA[world wide web consortium]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[yahoo!]]></category>

		<guid isPermaLink="false">http://www.q-design.it/?p=750</guid>
		<description><![CDATA[Sin dalla sua introduzione, il codice di Flickr per realizzare degli Slideshow ha avuto dei problemi per chi, come molti webdesigner, era attento alla validazione del codice. Innanzitutto, con XHTML - ma anche con il suo predecessore HTML, non è possibile inserire un oggetto in un documento web utilizzando il tag &#171;embed&#187; perché non è [...]


Related posts:<ol><li><a href='http://www.q-design.it/blog/trentino/eremo-di-san-colombano/' rel='bookmark' title='Permanent Link: Eremo di San Colombano'>Eremo di San Colombano</a></li>
<li><a href='http://www.q-design.it/blog/trentino/anello-cermis-laghi-bombasel-e-lago-lagorai/' rel='bookmark' title='Permanent Link: Anello Cermis, Laghi Bombasel e Lago Lagorai'>Anello Cermis, Laghi Bombasel e Lago Lagorai</a></li>
<li><a href='http://www.q-design.it/blog/trentino/grotta-cascata-varone/' rel='bookmark' title='Permanent Link: Grotta Cascata Varone'>Grotta Cascata Varone</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.q-design.it/wp-content/uploads/2010/01/flickr.jpg" rel="lightbox"><img src="http://www.q-design.it/wp-content/uploads/2010/01/flickr.jpg" alt="Q-design | Inserire Slideshow di Flickr con codice XHTML valido" title="Q-design | Inserire Slideshow di Flickr con codice XHTML valido" width="620" height="143" class="aligncenter size-full wp-image-761" /></a><br />
Sin dalla sua introduzione, il codice di Flickr per realizzare degli Slideshow ha avuto dei problemi per chi, come molti webdesigner, era attento alla <a href="http://validator.w3.org/">validazione del codice</a>.</p>
<p>Innanzitutto, con XHTML - ma anche con il suo predecessore HTML, non è possibile inserire un oggetto in un documento web utilizzando il tag &laquo;embed&raquo; perché non è un argomento standard accettato dal consorzio <a href="http://www.w3.org/">W3C (World Wide Web Consortium)</a>.</p>
<p>Pertanto, per cominciare, diamo un'occhiata a come inserire uno slideshow nel nostro sito Internet.</p>
<h3>Passaggio 1: Collegarsi a Flickr</h3>
<p>Ovviamente, il primo passo è quello di collegarsi al proprio spazio su <a href="http://www.flickr.com">Flickr</a>.</p>
<p><a href="http://www.q-design.it/wp-content/uploads/2010/01/flickr_01.jpg" rel="lightbox"><img src="http://www.q-design.it/wp-content/uploads/2010/01/flickr_01-620x235.jpg" alt="Flickr | www.flickr.com" title="Flickr | www.flickr.com" width="620" height="235" class="aligncenter size-large wp-image-751" /></a></p>
<h3>Passaggio 2: Selezionare il set da mostrare</h3>
<p>Scegli il set da mostrare. Nel mio esempio ho selezionato il set contenente le fotografie <a href="http://www.flickr.com/photos/querin/sets/72157603642947711/">scattate a Castel Toblino</a>.</p>
<p>Dalla pagina delle miniature, cliccate sul pulsante <strong>Slideshow</strong>, posizionato in alto a destra.</p>
<p><a href="http://www.q-design.it/wp-content/uploads/2010/01/flickr_02.jpg" rel="lightbox"><img src="http://www.q-design.it/wp-content/uploads/2010/01/flickr_02-620x399.jpg" alt="Flickr | Selezionare il set da mostrare" title="Flickr | Selezionare il set da mostrare" width="620" height="399" class="aligncenter size-large wp-image-752" /></a>	</p>
<h3>Passaggio 3: Impostare lo slideshow</h3>
<p>Nella pagina successiva si può vedere le fotografie nello Slideshow a tutto schermo.</p>
<p><a href="http://www.q-design.it/wp-content/uploads/2010/01/flickr_03.jpg" rel="lightbox"><img src="http://www.q-design.it/wp-content/uploads/2010/01/flickr_03-620x292.jpg" alt="Flickr | Impostare lo Slideshow" title="Flickr | Impostare lo Slideshow" width="620" height="292" class="aligncenter size-large wp-image-753" /></a></p>
<p>Però, per il nostro scopo, occorre personalizzare le dimensioni delle fotografie e, ovviamente, validare il codice proposto da Flickr.<br />
Nell'angolo in alto a destra, quindi, dobbiamo scegliere <strong>Condividi</strong>.<br />
A questo punto si apre una finestra pop-up, che permette la condivisione dello Slideshow proposto.</p>
<p><a href="http://www.q-design.it/wp-content/uploads/2010/01/flickr_04.jpg" rel="lightbox"><img src="http://www.q-design.it/wp-content/uploads/2010/01/flickr_04.jpg" alt="Flickr | Condividi questa slideshow" title="Flickr | Condividi questa slideshow" width="411" height="272" class="aligncenter size-full wp-image-754" /></a></p>
<p>Scegliere la voce <strong>Personalizza codice HTML</strong>.<br />
In questo modo potremo controllare meglio i parametri necessari per l'inserimento nel nostro sito Internet.</p>
<h3>Passaggio 4: Personalizza il codice HTML</h3>
<p>La pagina che si apre è suddivisa in 3 parti differenti.</p>
<p><a href="http://www.q-design.it/wp-content/uploads/2010/01/flickr_05.jpg" rel="lightbox"><img src="http://www.q-design.it/wp-content/uploads/2010/01/flickr_05-620x555.jpg" alt="Flickr | Personalizza il codice HTML" title="Flickr | Personalizza il codice HTML" width="620" height="555" class="aligncenter size-large wp-image-755" /></a></p>
<p>La <strong>parte 1</strong> serve per impostare la dimensione dello Slideshow. Possiamo utilizzare una delle 4 dimensioni proposte automaticamente da Flickr (piccolo: 400x300 pixel; medio: 500x375 pixel; grande: 700x525 pixel; extra-large: 800x600 pixel) oppure inserire la dimensione che preferiamo nelle apposite caselle.<br />
Scegliendo questa soluzione, consiglio di selezionare il box di spunta <strong>Mantieni rapporto di formato</strong>. In tal modo, basta inserire una sola delle dimensioni volute.<br />
Per occupare interamente lo spazio nel mio sito, inserisco <strong>620</strong> nella casella di sinistra. In automatico Flickr mi fornisce l'altezza dello Slideshow: <strong>465 pixel</strong>.</p>
<p>La <strong>parte 2</strong> mostra l'anteprima dello Slideshow con le impostazioni selezionate.</p>
<p>Nella <strong>parte 3</strong> viene fornito il codice da inserire nel sito Internet.</p>
<p>Però, come detto in precedenza, tale codice non è validato e <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.flickr.com%2Fphotos%2Fquerin%2Fsets%2F72157603642947711%2Fshow%2F%3Fembed%3D1">restituisce molti errori</a>.</p>
<p>Comunque, copiamo il codice ed apriamo un editor di testo (come Notepad per PC o TextEdit per Macintosh). Incolliamo il testo fornito da Flickr e apprestiamoci agli ultimi passaggi.</p>
<h3>Passaggio 5: creiamo un codice per lo Slideshow valido in XHTML</h3>
<p>Qui sotto c'è il codice non valido fornito da Flickr:</p>
<pre class="brush: xml; title: ;">&lt;object width=&quot;620&quot; height=&quot;465&quot;&gt;
&lt;param name=&quot;flashvars&quot; value=&quot;offsite=true&amp;lang=it-it&amp;page_show_url=%2Fphotos%2Fquerin%2Fsets%2F72157603642947711%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Fquerin%2Fsets%2F72157603642947711%2F&amp;set_id=72157603642947711&amp;jump_to=&quot;&gt;&lt;/param&gt;
&lt;param name=&quot;movie&quot; value=&quot;http://www.flickr.com/apps/slideshow/show.swf?v=71649&quot;&gt;&lt;/param&gt;
&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;
&lt;embed type=&quot;application/x-shockwave-flash&quot; src=&quot;http://www.flickr.com/apps/slideshow/show.swf?v=71649&quot; allowFullScreen=&quot;true&quot; flashvars=&quot;offsite=true&amp;lang=it-it&amp;page_show_url=%2Fphotos%2Fquerin%2Fsets%2F72157603642947711%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Fquerin%2Fsets%2F72157603642947711%2F&amp;set_id=72157603642947711&amp;jump_to=&quot; width=&quot;620&quot; height=&quot;465&quot;&gt;&lt;/embed&gt;
&lt;/object&gt;</pre>
<p>Adesso dobbiamo riorganizzare il codice, inserire due piccole porzioni di codice (<strong>data=</strong> nella riga dell'<strong>object</strong> e uno slash <strong>/</strong> nell'ultima riga dei parametri), cancellare i tag <strong>&laquo;embed&raquo;</strong> è &laquo;/embed&raquo;. Inoltre occorre trasformare tutti i caratteri <strong>&amp;</strong> in <strong>&amp;amp;</strong>.</p>
<p>Quindi il codice risultante per l'esempio sopra mostrato è il seguente:</p>
<pre class="brush: xml; title: ;">&lt;object width=&quot;620&quot; height=&quot;465&quot; type=&quot;application/x-shockwave-flash&quot; data=&quot;http://www.flickr.com/apps/slideshow/show.swf?v=71649&quot;&gt;
&lt;param name=&quot;flashvars&quot; value=&quot;offsite=true&amp;lang=it-it&amp;page_show_url=%2Fphotos%2Fquerin%2Fsets%2F72157603642947711%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Fquerin%2Fsets%2F72157603642947711%2F&amp;set_id=72157603642947711&amp;jump_to=&quot;&gt;&lt;/param&gt;
&lt;param name=&quot;movie&quot; value=&quot;http://www.flickr.com/apps/slideshow/show.swf?v=71649&quot; /&gt;&lt;/object&gt;</pre>
<h3>Opzionale: Validiamo anche il codice per lo Slideshow dei Tag (o Etichette)</h3>
<p>I passaggi da 1 a 4 sono gli stessi, solo che invece di selezionare un particolare set, scegliamo un Tag (o Etichetta) applicato ad un determinato gruppo di fotografie.<br />
Nel mio caso, ho scelto l'etichetta <strong>Dolomiti</strong>.</p>
<p>Questo è il codice fornito in automatico da Flickr:</p>
<pre class="brush: xml; title: ;">&lt;object width=&quot;620&quot; height=&quot;465&quot;&gt;
&lt;param name=&quot;flashvars&quot; value=&quot;offsite=true&amp;lang=it-it&amp;page_show_url=%2Fphotos%2Fquerin%2Ftags%2Fdolomiti%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Fquerin%2Ftags%2Fdolomiti%2F&amp;user_id=9338046@N04&amp;tags=dolomiti&amp;jump_to=&amp;start_index=&quot;&gt;&lt;/param&gt;
&lt;param name=&quot;movie&quot; value=&quot;http://www.flickr.com/apps/slideshow/show.swf?v=71649&quot;&gt;&lt;/param&gt;
&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;
&lt;embed type=&quot;application/x-shockwave-flash&quot; src=&quot;http://www.flickr.com/apps/slideshow/show.swf?v=71649&quot; allowFullScreen=&quot;true&quot; flashvars=&quot;offsite=true&amp;lang=it-it&amp;page_show_url=%2Fphotos%2Fquerin%2Ftags%2Fdolomiti%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Fquerin%2Ftags%2Fdolomiti%2F&amp;user_id=9338046@N04&amp;tags=dolomiti&amp;jump_to=&amp;start_index=&quot; width=&quot;620&quot; height=&quot;465&quot;&gt;&lt;/embed&gt;
&lt;/object&gt;</pre>
<p>e questo, in base alle modifiche riportate nel <strong>Passaggio 5</strong>, è il codice XHTML valido per lo Slideshow di Flickr relativo ad un Tag:</p>
<pre class="brush: xml; title: ;">&lt;object width=&quot;620&quot; height=&quot;465&quot; type=&quot;application/x-shockwave-flash&quot; data=&quot;http://www.flickr.com/apps/slideshow/show.swf?v=71649&quot;&gt;
&lt;param name=&quot;flashvars&quot; value=&quot;offsite=true&amp;lang=it-it&amp;page_show_url=%2Fphotos%2Fquerin%2Ftags%2Fdolomiti%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Fquerin%2Ftags%2Fdolomiti%2F&amp;user_id=9338046@N04&amp;tags=dolomiti&amp;jump_to=&amp;start_index=&quot;&gt;&lt;/param&gt;
&lt;param name=&quot;movie&quot; value=&quot;http://www.flickr.com/apps/slideshow/show.swf?v=71649&quot; /&gt;&lt;/object&gt;</pre>
<h3>Risultato delle modifiche</h3>
<p>Ecco come si presentano gli Slideshow con i codici appositamente modificati:</p>
<h4>Set Castel Toblino</h4>
<p><object width="620" height="465" type="application/x-shockwave-flash" data="http://www.flickr.com/apps/slideshow/show.swf?v=71649"><param name="flashvars" value="offsite=true&#038;lang=it-it&#038;page_show_url=%2Fphotos%2Fquerin%2Fsets%2F72157603642947711%2Fshow%2F&#038;page_show_back_url=%2Fphotos%2Fquerin%2Fsets%2F72157603642947711%2F&#038;set_id=72157603642947711&#038;jump_to="></param><param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649" /></object></p>
<h4>Tag Dolomiti</h4>
<p><object width="620" height="465" type="application/x-shockwave-flash" data="http://www.flickr.com/apps/slideshow/show.swf?v=71649"><param name="flashvars" value="offsite=true&#038;lang=it-it&#038;page_show_url=%2Fphotos%2Fquerin%2Ftags%2Fdolomiti%2Fshow%2F&#038;page_show_back_url=%2Fphotos%2Fquerin%2Ftags%2Fdolomiti%2F&#038;user_id=9338046@N04&#038;tags=dolomiti&#038;jump_to=&#038;start_index="></param><param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649" /></object></p>
<p>Per vedere se il codice viene validato correttamente, è possibile utilizzare il sito <a href="http://validator.w3.org/check?uri=referer">Validator W3C</a>.</p>


<p>Related posts:<ol><li><a href='http://www.q-design.it/blog/trentino/eremo-di-san-colombano/' rel='bookmark' title='Permanent Link: Eremo di San Colombano'>Eremo di San Colombano</a></li>
<li><a href='http://www.q-design.it/blog/trentino/anello-cermis-laghi-bombasel-e-lago-lagorai/' rel='bookmark' title='Permanent Link: Anello Cermis, Laghi Bombasel e Lago Lagorai'>Anello Cermis, Laghi Bombasel e Lago Lagorai</a></li>
<li><a href='http://www.q-design.it/blog/trentino/grotta-cascata-varone/' rel='bookmark' title='Permanent Link: Grotta Cascata Varone'>Grotta Cascata Varone</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.q-design.it/blog/q-design/inserire-slideshow-di-flickr-con-codice-xhtml-valido/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

