{"id":423,"date":"2003-08-28T11:38:38","date_gmt":"2003-08-28T09:38:38","guid":{"rendered":"\/\/?p="},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T23:00:00","slug":"css-e-fir","status":"publish","type":"post","link":"https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/","title":{"rendered":"css e fir"},"content":{"rendered":"

ho letto da futa<\/a> un p\u00f2 di articoli sulle tecniche FIR<\/a> per la gestione delle immagini in ambito semantico…<\/p>\n

e devo dire che li ho trovato molto interessanti…<\/p>\n

unico dubbio… <\/p>\n

se all’interno della mia pagina ho 8374298 immagini, ovviamente riassumibili anche in semplice testo, altrimenti l’esempio semantico va a farsi friggere :wink:, che ovviamente sono contenstuali ed “indispensabili” al layout cosa faccio mi creo l’equivalente numero di ID nel css per la loro gestione? <\/p>\n

esempio stupido: <\/strong>
\nper definire le immagini delle lettere dell’alfabeto da usare come capoversi (esempio<\/a> tratto da stopdesign<\/a>) dovrei aggiungere 24 ID nel mio CSS, se poi voglio anche i numeri e i caratteri particolari… <\/p>\n

e qui esce la mia VERA<\/strong> anima di programmatore, non c’e’ la possibilit\u00e0 di inserire nell’attributo “background-image<\/em>” l’url presa dinamicamente da un attributo di un elemento? <\/p>\n

esempio [ovviamente questo NON funziona]:<\/p>\n

<h1 miaurl=”img.gif”>testo<\/h1><\/p><\/blockquote>\n

e poi nel CSS <\/p>\n

h1 {
\nbackground-image: url ( attr (miaurl) );
\ntext-indent: -100em;
\nbackground-repeat: no-repeat;
\n}<\/p><\/blockquote>\n

l’unica alternativa “dinamica” che ho trovato, sui commenti di phark<\/a>, \u00e8 di sovrascrivere l’attributo “background-image<\/em>” della nostra classe utilizzando all’interno del tag l’attributo “style”:<\/p>\n

<h1 style=”background-image:url(img.gif);”>
\nHeader replaced with image
\n<\/h1><\/p><\/blockquote>\n

e poi nel css definire:<\/p>\n

h1 {
\nbackground-image: none;
\n}<\/p>\n

h1[style] {
\nbackground-repeat: no-repeat;
\ntext-indent: -100em;
\n}<\/p><\/blockquote>\n

solo che anche questo non funziona su tutti i browser…<\/p>\n

quindi? che fare? continuare ad usare il tag “img” nelle pagine con pi\u00f9 di 5 immagini? o scrivere dei css da 1mb?<\/p>\n

boh! :wink:<\/p>\n

ciauz <\/p>\n","protected":false},"excerpt":{"rendered":"

ho letto da futa un p\u00f2 di articoli sulle tecniche FIR per la gestione delle immagini in ambito semantico… e devo dire che li ho trovato molto interessanti… unico dubbio… se all’interno della mia pagina ho 8374298 immagini, ovviamente riassumibili anche in semplice testo, altrimenti l’esempio semantico va a farsi friggere :wink:, che ovviamente sono […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[5],"tags":[],"class_list":["post-423","post","type-post","status-publish","format-standard","hentry","category-tecnologia"],"yoast_head":"\ncss e fir - Fullo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"css e fir - Fullo\" \/>\n<meta property=\"og:description\" content=\"ho letto da futa un p\u00f2 di articoli sulle tecniche FIR per la gestione delle immagini in ambito semantico… e devo dire che li ho trovato molto interessanti… unico dubbio… se all’interno della mia pagina ho 8374298 immagini, ovviamente riassumibili anche in semplice testo, altrimenti l’esempio semantico va a farsi friggere :wink:, che ovviamente sono […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/\" \/>\n<meta property=\"og:site_name\" content=\"Fullo\" \/>\n<meta property=\"article:published_time\" content=\"2003-08-28T09:38:38+00:00\" \/>\n<meta name=\"author\" content=\"Francesco Fullone\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@fullo\" \/>\n<meta name=\"twitter:site\" content=\"@fullo\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Francesco Fullone\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/08\\\/28\\\/css-e-fir\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/08\\\/28\\\/css-e-fir\\\/\"},\"author\":{\"name\":\"Francesco Fullone\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\"},\"headline\":\"css e fir\",\"datePublished\":\"2003-08-28T09:38:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/08\\\/28\\\/css-e-fir\\\/\"},\"wordCount\":262,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\"},\"articleSection\":[\"tecnologia\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/08\\\/28\\\/css-e-fir\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/08\\\/28\\\/css-e-fir\\\/\",\"url\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/08\\\/28\\\/css-e-fir\\\/\",\"name\":\"css e fir - Fullo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#website\"},\"datePublished\":\"2003-08-28T09:38:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/08\\\/28\\\/css-e-fir\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/08\\\/28\\\/css-e-fir\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2003\\\/08\\\/28\\\/css-e-fir\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"css e fir\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/\",\"name\":\"Fullo\",\"description\":\"nulla e' impossibile per chi non lo deve fare!\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\",\"name\":\"Francesco Fullone\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\",\"width\":622,\"height\":622,\"caption\":\"Francesco Fullone\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\"},\"sameAs\":[\"http:\\\/\\\/www.fullo.net\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/fullo\",\"https:\\\/\\\/x.com\\\/fullo\"],\"url\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/author\\\/fullo\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"css e fir - Fullo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/","og_locale":"en_US","og_type":"article","og_title":"css e fir - Fullo","og_description":"ho letto da futa un p\u00f2 di articoli sulle tecniche FIR per la gestione delle immagini in ambito semantico… e devo dire che li ho trovato molto interessanti… unico dubbio… se all’interno della mia pagina ho 8374298 immagini, ovviamente riassumibili anche in semplice testo, altrimenti l’esempio semantico va a farsi friggere :wink:, che ovviamente sono […]","og_url":"https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/","og_site_name":"Fullo","article_published_time":"2003-08-28T09:38:38+00:00","author":"Francesco Fullone","twitter_card":"summary_large_image","twitter_creator":"@fullo","twitter_site":"@fullo","twitter_misc":{"Written by":"Francesco Fullone","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/#article","isPartOf":{"@id":"https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/"},"author":{"name":"Francesco Fullone","@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c"},"headline":"css e fir","datePublished":"2003-08-28T09:38:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/"},"wordCount":262,"commentCount":3,"publisher":{"@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c"},"articleSection":["tecnologia"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/","url":"https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/","name":"css e fir - Fullo","isPartOf":{"@id":"https:\/\/www.fullo.net\/blog\/#website"},"datePublished":"2003-08-28T09:38:38+00:00","breadcrumb":{"@id":"https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fullo.net\/blog\/"},{"@type":"ListItem","position":2,"name":"css e fir"}]},{"@type":"WebSite","@id":"https:\/\/www.fullo.net\/blog\/#website","url":"https:\/\/www.fullo.net\/blog\/","name":"Fullo","description":"nulla e' impossibile per chi non lo deve fare!","publisher":{"@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fullo.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c","name":"Francesco Fullone","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1","url":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1","width":622,"height":622,"caption":"Francesco Fullone"},"logo":{"@id":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1"},"sameAs":["http:\/\/www.fullo.net","https:\/\/www.linkedin.com\/in\/fullo","https:\/\/x.com\/fullo"],"url":"https:\/\/www.fullo.net\/blog\/author\/fullo\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3OSc1-6P","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":1646,"url":"https:\/\/www.fullo.net\/blog\/2005\/09\/14\/gallery-20\/","url_meta":{"origin":423,"position":0},"title":"Gallery 2.0","author":"Francesco Fullone","date":"14\/09\/2005","format":false,"excerpt":"Finalmente, dopo quasi due anni di sviluppo, \u00e8 stata rilasciata la versione 2.0 di Gallery, noto script in php per la gestione di gallerie di immagini. Questa versione dell'applicativo, che \u00e8 praticamente una riscrittura da zero del precedente, ha una gestione dei temi e dei template molto potente e basata\u2026","rel":"","context":"In "open source"","block_context":{"text":"open source","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/open-source\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1395,"url":"https:\/\/www.fullo.net\/blog\/2005\/05\/13\/where-is-my-wife\/","url_meta":{"origin":423,"position":1},"title":"where is my wife?","author":"Francesco Fullone","date":"13\/05\/2005","format":false,"excerpt":"Google ha recentemente comprato Dodgeball un social software per cellulari che permetti di comunicare a tutti i propri amici presenti entro qualche cella GSM dove ci si trova. La cosa di per se non \u00e8 una novit\u00e0 sia perch\u00e8 Google \u00e8 impegnata da tempo nell'acquisto di aziende\/prodotti per il social\u2026","rel":"","context":"In "pensieri"","block_context":{"text":"pensieri","link":"https:\/\/www.fullo.net\/blog\/category\/pensieri\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":732,"url":"https:\/\/www.fullo.net\/blog\/2004\/03\/02\/smartgallery\/","url_meta":{"origin":423,"position":2},"title":"smartGallery","author":"Francesco Fullone","date":"02\/03\/2004","format":false,"excerpt":"nato come progettino in collaborazione con Futa, smartGallery \u00e8 uno script PHP scritto in OOP che permette di creare delle gallerie di immagini senza impazzire con strampalati file di configurazione. Ecco alcune features dello script: - supporta l'utilizzo della classe smartThumb per la creazione dinamica di thumbnails (se il formato\u2026","rel":"","context":"In "tecnologia"","block_context":{"text":"tecnologia","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1573,"url":"https:\/\/www.fullo.net\/blog\/2005\/08\/04\/lussumo-vanilla-forum\/","url_meta":{"origin":423,"position":3},"title":"Lussumo Vanilla Forum e GrUSP","author":"Francesco Fullone","date":"04\/08\/2005","format":false,"excerpt":"Il Vanilla Forum \u00e8 un progettino open source che si sta facendo strada in questi giorni nel mondo dei forum in php [ne ho parlato anche su downloadblog]. Vanilla ha di interessante l'inclusione di ajax e l'uso massiccio di CSS per la gestione delle template, senza contare le classiche features\u2026","rel":"","context":"In "php"","block_context":{"text":"php","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/php\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2286,"url":"https:\/\/www.fullo.net\/blog\/2007\/06\/15\/vmware-ridondanza-e-backup\/","url_meta":{"origin":423,"position":4},"title":"VMware, ridondanza e backup","author":"Francesco Fullone","date":"15\/06\/2007","format":false,"excerpt":"Ieri ho partecipato ad un breve corso che illustrava le potenzialit\u00e0 di VMware ESX Server (stupendo prodotto se si ha un ced affollato). Ad un certo punto durante una domanda su come fare copie \"a caldo\" delle immagini VDMX il relatore ha detto semplicemente che, oltre alle soluzioni \"commerciali\" (e\u2026","rel":"","context":"In "lifehack"","block_context":{"text":"lifehack","link":"https:\/\/www.fullo.net\/blog\/category\/di-tutto-un-po\/lifehack\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":213,"url":"https:\/\/www.fullo.net\/blog\/2003\/04\/27\/phplinkssmartthumb\/","url_meta":{"origin":423,"position":5},"title":"php::Links(‘smartThumb’)","author":"Francesco Fullone","date":"27\/04\/2003","format":false,"excerpt":"dopo l'estensione per la classe smartButton ho deciso di cimentarmi in un altro hack e come preda ho scelto la classe thumbnail. Il risultato della serata \u00e8 la classe smartThumb, che tra le altre cose fa:- salvataggio delle immagini in true color (supporto per le GD 2.0) - inserimento di\u2026","rel":"","context":"In "tecnologia"","block_context":{"text":"tecnologia","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/posts\/423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/comments?post=423"}],"version-history":[{"count":0,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/posts\/423\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/media?parent=423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/categories?post=423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/tags?post=423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}