Aiutamici Forum
Benvenuto Ospite Cerca | Topic Attivi | Utenti | | Log In | Registra

Immagini speculari Opzioni
archimede70
Inviato: Monday, November 15, 2010 4:23:47 PM

Rank: AiutAmico

Iscritto dal : 10/19/2010
Posts: 66
Salve, di nuovo, a tutti:
Sono alle prese con la costruzione di uno sfondo:
Bianco
ma con due immagini, una a Dx e una a Sx: (stessa immagine ma una speculare orizzontalmente all'altra)
Le ho messe con 2 <DIV> e all'interno di ognuno l' <img src="percorso/immagine">
Per rendere un'immagine speculare all'altra ho provato a mettere su una la width con gli stessi pixel ma col "-" davanti:
1 width "60px" -- 2 width "-60px" ........non funziona.
Non ho capito bene come fare.
Nel CSS sembra che non ridimensioni per niente, Infatti
mi è riuscito solo ridimensionare l'height ma usando style dentro il listato HTML.

Ma esiste un prontuario (per CSS esterni)
con i comandi (e attributi assegnabili)......e a quale tipo di TAG?Think
A presto...
Sponsor
Inviato: Monday, November 15, 2010 4:23:47 PM

 
ecofive
Inviato: Monday, November 15, 2010 7:19:48 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
Forse ti conviene unire le due immagini speculari con un programma di grafica. Probabilmente ce la fai anche con Gimp, ma non so indicarti la procedura giusta.

Ciao.
wubullo
Inviato: Monday, November 15, 2010 8:09:19 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
Ciao archimede!

Quoto in pieno Ecofive (anche sull'uso di Gimp; se hai problemi, fai un fischio!). Diversamente, dovresti lavorare con il position:absolute; sulle due immagini, impostando il valore esatto in pixel (poniamo: position:absolute; left:10px; [per l'immagine di sinistra] - position:absolute; left:750px; [per l'immagine di destra]), ma verrebbe una mezza schifezza...

archimede70 ha scritto:
Per rendere un'immagine speculare all'altra ho provato a mettere su una la width con gli stessi pixel ma col "-" davanti:
1 width "60px" -- 2 width "-60px"


width non ammette valori negativi... E se anche li ammettesse, con questa dichiarazione si imposta la larghezza dell'immagine, non la sua posizione.

Commenta:
Ma esiste un prontuario (per CSS esterni)
con i comandi (e attributi assegnabili)......e a quale tipo di TAG?Think


Cerchi forse questo? --> CSS Reference (da W3C Schools)
Se vuoi lo stesso elenco in ordine alfabetico --> CSS Reference A to Z (da W3C Schools)

Alla prossima!
archimede70
Inviato: Monday, November 15, 2010 11:23:52 PM

Rank: AiutAmico

Iscritto dal : 10/19/2010
Posts: 66
ecofive ha scritto:
Forse ti conviene unire le due immagini speculari con un programma di grafica.

Quello che volevo evitare era di creare 2 immagini separate.....(e di crearne una sola da "porzionare" come si fa sui Fast-Rollover)
Io uso Photo-paint (e mi ci trovo abbastanza bene) e li c'è un tastino che mi riflette specularmente sia in Orizz. che in Vert.
Mi chiedevo solo (visto che ci sono comandi che permettono di usare solo una parte di immagine)
se c'è un comando o un attributo che permette di scalare a -1 un'immagine orizzontalmente o verticalmente.
Era solo per alleggerire il caricamento della pagina...ma per ora caricherò 2 immagini diverse.
GRAZIE lo stesso.

wubullo
Inviato: Monday, November 15, 2010 11:47:29 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
Archimede, posta con IoUppo l'immagine o le immagini che vuoi rollare e, separatamente, un'unica immagine in cui possiamo vedere che cosa vuoi ottenere: magari ti sappiamo dare indicazioni!

Ciao.
archimede70
Inviato: Tuesday, November 16, 2010 11:13:05 AM

Rank: AiutAmico

Iscritto dal : 10/19/2010
Posts: 66
wubullo ha scritto:
Archimede, posta con IoUppo l'immagine o le immagini che vuoi rollare

Ecco il link a quello che ho fatto finora: www.pausacaffepg.it
(alla pag. "chicche" c'è quello di cui parlo: ho caricato 2 immagini- 1 a Dx - e 1 a Sx
volevo sapere se c'era il modo di caricarne solo 1 e manipolarla Online con qualche comando o attributo...
ma visto che sono piccole non è grave)
Ciao.
wubullo
Inviato: Tuesday, November 16, 2010 4:51:02 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
Ciao Archimede!

Ho visto la pagina e adesso ho capito bene la questione.

No, non c'è pezza di ottenere quell'effeto con un'unica immagine e le proprietà CSS: l'unica soluzione è quella che hai adottato.

Ottimo lavoro! Applause Applause Applause

A presto.
archimede70
Inviato: Wednesday, November 17, 2010 1:44:23 AM

Rank: AiutAmico

Iscritto dal : 10/19/2010
Posts: 66
Grazie, ricambio con Ottimo Aiuto!!
Il prossimo gradino mi si è rivelato abbastanzAltino:
volendo rendere un po'vivace la navigaz.del sito stavo imparando javascript ma essendo lato client sono sospettoso
(io stesso ho i js disabilitati ma sapendo che sono innocui autorizzo sempre gli script (ma scelgo io).
Quindi, cercando un'alternativa avevo buttato l'occhio sui PHP
Ma mi è sembrato di capire che vanno cambiate le estensioni delle mie pagg cioè:
non più index.htm(l)....ma index.php, Giusto?
e questo può creare problemi? (tipo per la rintracciabilità sui motori di ricerca) o di altro tipo?
Qualcosina so ma ancora sto scegliendo Cosa devo Imparare......
Buoni Bytes A tutti!
CIAO
wubullo
Inviato: Wednesday, November 17, 2010 11:41:23 AM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
archimede70 ha scritto:
cercando un'alternativa avevo buttato l'occhio sui PHP


Calma, calma... Speak to the hand Speak to the hand Speak to the hand

archimede70 ha scritto:
Qualcosina so ma ancora sto scegliendo Cosa devo Imparare......


PHP è un linguaggio straordinario, che ti permette di gestire contenuti dinamici con un livello di automazione e precisione strepitoso. Unico neo: è un linguaggio - almeno per me - molto difficile. Tieni conto, tra l'altro, che normalmente PHP chiama SQL e MySQL (per la gestione dei database relazionali), SQL e MySQL chiamano PHP-MyAdmin e via discorrendo... Brick wall Brick wall Brick wall
A mio parere, per imparare il PHP è necessaria e imprescindibile - in via preliminare - una conoscenza più che ottima di HTML, CSS e Javascript, senza la quale rischi seriamente di bruciare le tappe e di fare solo una gran confusione.
Per farti un paragone, è un po' come desiderare di leggere e tradurre all'impronta la Poetica di Aristotele dopo tre lezioni di greco in IV ginnasio; o, se preferisci, è un po' come voler stampare il tempo di 1.48.500 al Mugello con una MotoGP due settimane dopo aver preso la patente della moto...

archimede70 ha scritto:
Ma mi è sembrato di capire che vanno cambiate le estensioni delle mie pagg cioè:
non più index.htm(l)....ma index.php, Giusto?
e questo può creare problemi? (tipo per la rintracciabilità sui motori di ricerca) o di altro tipo?


Nessun problema di alcun genere: in linea generale, una pagina deve cambiare estensione solo se al suo interno prevede contenuti dinamici (scritti in PHP) che vanno processati dal server prima del suo caricamento. Diversamente, l'estensione rimane .htm(l).

Ti riporto un consiglio del saggio Ecofive, scritto in un altro topic:

ecofive ha scritto:
non voler però fare tutto e subito.


Abbi pazienza, non c'è fretta!

Ciao.
archimede70
Inviato: Thursday, November 18, 2010 5:54:28 PM

Rank: AiutAmico

Iscritto dal : 10/19/2010
Posts: 66
wubullo ha scritto:

Calma, calma... Speak to the hand Speak to the hand Speak to the hand

ecofive ha scritto:
non voler però fare tutto e subito.
Abbi pazienza, non c'è fretta!
Ciao.

Quoto tutte le vostre raccomandazioni.....Per ora la pagina sta così com'è; per arricchirla di contenuti tanto per ora
scriverò più che altro TESTO (quindi mi eserciterò a differenziare i paragrafi con il CSS e a posizionarli con i <div>)
OFF-Line, invece, pasticcerò un po' con JS
cominciando a creare qualche funzione e a gestire la finestra con gli attributi onclick,onmouseover etc
per creare un qualcosa di più interattivo di un semplice <a...href...> o di un Fast-rollover con il CSS (Insegnamento prezioso
e di cui farò ancora uso, che però è limitato all'ambito dell'impaginazione..)
Ora vorrei provare a creare qualcosa tipo "caccia al tesoro":
Trova l'oggetto in 5 clic, dopo 5 click la partita finisce. Ovviamente in js
E sperimenterò altri tags html: imagemap..forms e pulsanti vari.
Ripeto,c'è talmente tanta roba da imparare che "Viene naturale buttare l'occhio più avanti..."Sick
Grazie di tutto.
A presto.
ecofive
Inviato: Thursday, November 18, 2010 6:11:11 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
Ottima idea quella di dedicarsi alla stesura del testo. Da qualche tempo troppi sono alla caccia di effetti speciali da inserire nelle pagine web, dimenticando che una pagina web vale per quanto offre come informazione, non come spettacolo.

Ciao.
archimede70
Inviato: Sunday, November 21, 2010 1:25:58 PM

Rank: AiutAmico

Iscritto dal : 10/19/2010
Posts: 66
ecofive ha scritto:
Ottima idea quella di dedicarsi alla stesura del testo. Da qualche tempo troppi sono alla caccia di effetti speciali da inserire nelle pagine web, dimenticando che una pagina web vale per quanto offre come informazione, non come spettacolo.

Ciao.

Volevamo stupirvi con effetti speciali e colori ultravivaci ma noi siamo Scienza, non Fantascienza ...Applause
Grande Eco, in effetti mi ha fatto "eco" in testa la frase:-E adesso, intorno ai disegni, Che ci scrivo??
Un saluto.
Speak to the hand Speak to the hand
(anzi 2!)
ecofive
Inviato: Sunday, November 21, 2010 2:23:08 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
Intorno ai disegni non ci scriverei nulla: se devi metterci delle parole, a che servono i disegni?
Controlla i link.

Ciao.
wubullo
Inviato: Sunday, November 21, 2010 6:41:12 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
ecofive ha scritto:
Controlla i link.


Archimede, in effetti tutti i link che da una pagina interna tornano verso la home sono scorretti (non hai una pagina index.htm, la tua pagina principale è semplicemente http://www.pausacaffepg.it/).

Se ti va di sperimentare nuove soluzioni, da' a tutti i pulsanti che tornano alla home questa destinazione --> <a href="javascript:history.go(-1);">...</a>

Drool
archimede70
Inviato: Monday, November 22, 2010 5:19:52 PM

Rank: AiutAmico

Iscritto dal : 10/19/2010
Posts: 66
wubullo ha scritto:
ecofive ha scritto:
Controlla i link.

(non hai una pagina index.htm, la tua pagina principale è semplicemente http://www.pausacaffepg.it/).

Ecco un'altra cosa che non ho capito bene:
l' "href..." delle sottopagine rimanda al file: -nomeSottopagina.html- contenuto nel mio web-host (aruba)
Questo dovrebbe valere anche per la pagina iniziale no? (forse si chiama index.html e non index.htm - distrazione mia)
O sbaglio?
Comunque per tornare alla Home sperimenterò il tuo Script wubullo
Ciao e
Grazie della segnalazione.
ecofive
Inviato: Monday, November 22, 2010 5:32:16 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
La pagina pricipale (o home page) del sito si deve chiamare index.html (o index.htm, a seconda del provider). Nella pagina galleria il collegamento è fatto al file index.htm; mi sembra invece che la tua home si chiami index.html.

Ciao.
wubullo
Inviato: Monday, November 22, 2010 5:35:25 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
ecofive ha scritto:
mi sembra invece che la tua home si chiami index.html.


Confermo: ho provato a modificare il link e con la dicitura <a href="index.html">...</a> il collegamento funziona.

Alla prossima.
archimede70
Inviato: Wednesday, November 24, 2010 12:08:01 PM

Rank: AiutAmico

Iscritto dal : 10/19/2010
Posts: 66
Dovrei aver risolto...Le sottopagine HREFfavano a .htm
Ho aggiunto 4 "l" ai files......penso che ora vada bene.
Ma tornando al tema del 3ad:
Sto cercando uno Script per la galleria Immagini (Domenica c'è l'Inaugurazione e volevo metterne qualche foto online)
Ho guardato su HTML.it (ce ne sono un sacco)
Voi mi potete dare qualche dritta?
Penso che i più carini siano quelli in Javascr. o Flash (ma quel che ho visto finora presenta ingrandimenti un po'piccoli >max 320x240)
Dove mi consigliate di "scopiazzare" uno Script carino (e alla mia portata?)
Whistle Azie !!
ecofive
Inviato: Wednesday, November 24, 2010 2:02:40 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
Utenti presenti in questo topic
Guest


Salta al Forum
Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Main Forum RSS : RSS

Aiutamici Theme
Powered by Yet Another Forum.net versione 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.