Back to top

Autore Topic: Come realizzare una pagina con immagini contornate da una linea?  (Letto 2546 volte)

Offline Tobo

  • Nuovo arrivato
  • *
  • Post: 15
    • Mostra profilo
Ciao a tutti!

Lurko il forum da molto tempo, è molto completo e ho sempre trovato quello che cercavo :)

Ora però ho di fronte un problema che non so proprio come prendere: devo realizzare una pagina come in allegato.
Le prime due righe di mattoncini grigi sono Menu e Sottomenu. Le immagini nella pagina al passaggio del mouse dovrebbero cambiare.
Per queste due cose il problema più o meno so come risolverlo, il grande punto di domanda è la riga grigia che fa di contorno e unisce il tutto, in più questa riga dovrebbe essere animata e all'ingresso della pagina, disegnarsi a partire dalla voce di sottomenu, passare vicino alle immagini e finire in fondo :o (anche se la caratteristica di "disegnarsi" può essere omessa)

Ragazzi non so proprio da dove partire, avete qualche suggerimento su componenti o metodi alternativi?

Ringrazio tutti in anticipo  :)

[allegato eliminato da un amministratore essendo vecchio più di un anno]
« Ultima modifica: 08 Gen 2013, 17:59:19 da Tobo »

Offline Rasjah

  • Abituale
  • ****
  • Post: 959
  • Sesso: Maschio
    • Mostra profilo
Re:Come realizzare una pagina con immagini contornate da una linea?
« Risposta #1 il: 08 Gen 2013, 18:46:08 »
beh... una richiesta mica da poco.... :o

Per l'effetto di cambiamento immagine, devo dire che dovrebbe essere abbastanza semplice, infatti basta applicare il cambiamendo immaggine con un comando :hover su ogni immagine.

Per quanto riguarda la linea animata direi proprio che li devi fare un bel comando javascript, e li....
devi avere un pò di esperienza altrimenti è un bel casino. :-[

Se sei fortunato trovi qualche applicativo già fatto, oppure se quello che mostri è un sito già realizzato, chiedi a chi la fatto qualche dritta... ;)

Offline Tobo

  • Nuovo arrivato
  • *
  • Post: 15
    • Mostra profilo
Re:Come realizzare una pagina con immagini contornate da una linea?
« Risposta #2 il: 08 Gen 2013, 19:56:04 »
Grazie per la risposta :)

Tristemente quello che mostro è un pdf  :-\ Conosco Java e so qualcosa anche di javascript, ma non ho idea di come si usi con joomla!

Offline Tobo

  • Nuovo arrivato
  • *
  • Post: 15
    • Mostra profilo
Re:Come realizzare una pagina con immagini contornate da una linea?
« Risposta #3 il: 09 Gen 2013, 19:01:12 »
Ok forse ne sto venendo fuori, ho creato un'immagine di 1px col colore che mi interessa e con javascript sto provando come posizionarla a gruppi in giro per la pagina :)

Avete per caso qualche link/consiglio sull'integrazione tra css e javascript o direttamente joomla e javascript?
Grazie!


Offline Rasjah

  • Abituale
  • ****
  • Post: 959
  • Sesso: Maschio
    • Mostra profilo
Re:Come realizzare una pagina con immagini contornate da una linea?
« Risposta #5 il: 10 Gen 2013, 10:00:41 »
opsss .... dimenticavo questo


http://forum.joomla.it/index.php?topic=132242.0


 :) :)

Offline Tobo

  • Nuovo arrivato
  • *
  • Post: 15
    • Mostra profilo
Re:Come realizzare una pagina con immagini contornate da una linea?
« Risposta #6 il: 13 Gen 2013, 20:02:33 »
Niente ragazzi sto impazzendo

Il problema è che, pu riusciendo a posizionare righe orizzontali e verticali, non riesco a farle cambiare di posizione a seconda della voce di menu che premo  :-\

Offline Rasjah

  • Abituale
  • ****
  • Post: 959
  • Sesso: Maschio
    • Mostra profilo
Re:Come realizzare una pagina con immagini contornate da una linea?
« Risposta #7 il: 13 Gen 2013, 20:38:57 »
Tobo essendo una cosa molto personalizzata, penso che darti una dritta di come farlo al 100% è un pò dura visto che solo tu sai cosa vuoi realizzare...

Per le animazioni javascript ti consiglio di vedere qui

http://api.jquery.com/animate/

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Come realizzare una pagina con immagini contornate da una linea?
« Risposta #8 il: 14 Gen 2013, 00:22:22 »
Niente ragazzi sto impazzendo

Il problema è che, pu riusciendo a posizionare righe orizzontali e verticali, non riesco a farle cambiare di posizione a seconda della voce di menu che premo  :-\
http://www.joomla.it/articoli-community-16-e-17-tab/5666-un-modulo-tuttofare-menu-dependent-item.html

 



Web Design Bolzano Kreatif