Unofficial WebSite X5

Area JS => Richieste Integrazioni => Topic aperto da: PierBin - 23 Giugno, 2012, 08:21:13

Titolo: Effetto sliding door
Inserito da: PierBin - 23 Giugno, 2012, 08:21:13
Ciao GDR,volevo sapere se questo effetto trovato su questo sito è stato spiegato nella relativa sezione
vedi sito d'esempio (http://www.osteriacarre.de/)
Grazie mille
Titolo: Re:Effetto
Inserito da: frank.cobra - 23 Giugno, 2012, 09:20:16
Ciao Pier,
Quel sito da te indicato è stato fatto in wordpress
questo è il link del template "free"
http://wordpress.org/extend/themes/sliding-door (http://wordpress.org/extend/themes/sliding-door)
http://wordpress.org/extend/themes/sliding-door
con website ho visto qualche effetto simile fatto in css da Likaweb
la pagina demo è questa:
http://www.likaweb.net/demo/102/index.html (http://www.likaweb.net/demo/102/index.html)

Avevo visto anche qualcosa anche di simile ... ma ora non trovo il link !!!

Sicuramente GDR può essere più esplicativo

Titolo: Re:Effetto
Inserito da: PierBin - 23 Giugno, 2012, 09:47:57
Ciao frank.cobra, ho visto anch'io la sorgente del sito web, ma l'effetto suggerito non è la stessa cosa,
grazie e buona giornata
Titolo: Re:sliding door
Inserito da: GDR - 23 Giugno, 2012, 09:53:11
Forse meglio evitare mootools, se non erro lì dovrebbe esserci... comunque stessa cosa e già trattata ma non ricordo dove si fa tranquillamente con jquery:


http://www.gdrtestdesign.altervista.org/jquery%20image%20menu/ (http://www.gdrtestdesign.altervista.org/jquery%20image%20menu/)
Titolo: Re:sliding doors mootools
Inserito da: PierBin - 23 Giugno, 2012, 10:04:37
Forse meglio evitare mootools, se non erro lì dovrebbe esserci... comunque stessa cosa e già trattata ma non ricordo dove si fa tranquillamente con jquery:


http://www.gdrtestdesign.altervista.org/jquery%20image%20menu/ (http://www.gdrtestdesign.altervista.org/jquery%20image%20menu/)

 
Bene si l'effetto è quello, hai il link di esempio con allegato file IWP
Forse pretendo troppo?
Grazie e Buon weekend
Titolo: Re:Effetto sliding door
Inserito da: GDR - 23 Giugno, 2012, 11:37:06
Si cerca di spronare ed invogliare gli utenti a riuscire, leggendo il codice, ad arrivare comunque alla soluzione altrimenti si rimane sempre un po limitati all'aiuto...comunque al link mio precedente adesso è presente il file IWZIP.

Ciao.
Titolo: Re:Effetto sliding door
Inserito da: PierBin - 23 Giugno, 2012, 13:00:54
Si cerca di spronare ed invogliare gli utenti a riuscire, leggendo il codice, ad arrivare comunque alla soluzione altrimenti si rimane sempre un po limitati all'aiuto...comunque al link mio precedente adesso è presente il file IWZIP.

Ciao.

Concordo sulla tua precisazione, ti RINGRAZIO della disponibiltà che come sempre mostri nei topic, ho messo in rete il proggetto ma non funziona l'effetto sulle immagini, mi piacerebbe inserirlo nell' intestazione.
1 intestazione codice html
2 nella home - cella html con i relativi file allegati
3 cosa sbaglio ?
pagina dimostrativa (http://grafikoweb.altervista.org/index.html)
Saluti
Titolo: Re:Effetto sliding door
Inserito da: lemonsong - 23 Giugno, 2012, 13:14:46
Ti sei dimenticato questo:

Codice:
Only registered users can see contents. Please click here to Register or Login.
Titolo: Re:Effetto sliding door
Inserito da: PierBin - 23 Giugno, 2012, 18:55:35
Ti sei dimenticato questo:

Codice:
Only registered users can see contents. Please click here to Register or Login.



Ciao Lemon, grazie del pezzo di codice mancante;
Altro problema dato che l'effetto l' ho inserito nell' intestazione come faccio ad farlo visualizzare anche ne blog
vedi esempio (http://grafikoweb.altervista.org/blog/index.php)
Che trita pa che sono !!!!!!!!!!!!!!!!
Ciao
Titolo: Re:Effetto sliding door
Inserito da: lemonsong - 23 Giugno, 2012, 21:25:28
Intanto quel codice andrebbe messo nell'head.

Non avendo la 9 non posso provare bene se codice + file JS etc... possono essere messi in (nella 8 è) impostazioni generali - esperto - codice personalizzato per la sezione head.

Se inseriti lì funge tutto, potresti scrivere i percorsi assoluti delle immagini nel file http://grafikoweb.altervista.org/files/jimgmenu.css ed in queste 3 righe:

Citazione
<link rel="stylesheet" type="text/css" href="http://grafikoweb.altervista.org/files/jimgmenu.css" media="screen, print" />
<script type="text/javascript" src="http://grafikoweb.altervista.org/files/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="http://grafikoweb.altervista.org/files/jquery-easing-compatibility.1.2.pack.js"></script>


Il Blog è in una cartella quindi questo è il sistema più semplice che mi viene in mente (mentre con un occhio guardo Spagna - Francia  :) ) per far trovare le immagini etc...

Potresti anche creare una cartella files nella cartella blog e copiarci quei 3 files + immagini (senza modificare i percorsi).

Ti conviene aspettare GDR o altri e lasciare in sospeso questo mio post.  ;)
Titolo: Re:Effetto sliding door
Inserito da: PierBin - 23 Giugno, 2012, 22:32:42
Intanto quel codice andrebbe messo nell'head.

Non avendo la 9 non posso provare bene se codice + file JS etc... possono essere messi in (nella 8 è) impostazioni generali - esperto - codice personalizzato per la sezione head.

Se inseriti lì funge tutto, potresti scrivere i percorsi assoluti delle immagini nel file http://grafikoweb.altervista.org/files/jimgmenu.css ed in queste 3 righe:

Citazione
<link rel="stylesheet" type="text/css" href="http://grafikoweb.altervista.org/files/jimgmenu.css" media="screen, print" />
<script type="text/javascript" src="http://grafikoweb.altervista.org/files/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="http://grafikoweb.altervista.org/files/jquery-easing-compatibility.1.2.pack.js"></script>


Il Blog è in una cartella quindi questo è il sistema più semplice che mi viene in mente (mentre con un occhio guardo Spagna - Francia  :) ) per far trovare le immagini etc...

Potresti anche creare una cartella files nella cartella blog e copiarci quei 3 files + immagini (senza modificare i percorsi).

Ti conviene aspettare GDR o altri e lasciare in sospeso questo mio post.  ;)

Funziona perfettamente
grazie
lemonsong 1 - Inghilterra 0
Ciao grazie mille
Titolo: Re:Effetto sliding door
Inserito da: lemonsong - 24 Giugno, 2012, 10:43:09
lemonsong 1 - Inghilterra 0


Diciamo 1 a 1 e tempi supplementari... questo era superfluo  :) :

potresti scrivere i percorsi assoluti delle immagini nel file http://grafikoweb.altervista.org/files/jimgmenu.css


Ciao, prego.
Titolo: Re:sliding door
Inserito da: frank.cobra - 24 Giugno, 2012, 11:23:57
@PierBin ecco ... Pier mi ricordavo di averlo visto da qualche parte .... ma non ricordavo il link .... ed era proprio questo !!!  ;D

Mitico GDR  ;)


Forse meglio evitare mootools, se non erro lì dovrebbe esserci... comunque stessa cosa e già trattata ma non ricordo dove si fa tranquillamente con jquery:


http://www.gdrtestdesign.altervista.org/jquery%20image%20menu/ (http://www.gdrtestdesign.altervista.org/jquery%20image%20menu/)
Titolo: Re:sliding door
Inserito da: peppe990 - 30 Giugno, 2012, 19:31:11
Forse meglio evitare mootools, se non erro lì dovrebbe esserci... comunque stessa cosa e già trattata ma non ricordo dove si fa tranquillamente con jquery:


http://www.gdrtestdesign.altervista.org/jquery%20image%20menu/ (http://www.gdrtestdesign.altervista.org/jquery%20image%20menu/)


Scusatemi, si posso ingrandire le immagini in altezza? e cambiare l'ordine di visualizzaione, cioè che sia la prima a sinistra a stare aperta?

Grazie

O.T. siamo in finale  ;D ;D ;D
Titolo: Re:Effetto sliding door
Inserito da: PierBin - 30 Giugno, 2012, 20:29:14
devi modificare il file jimgmenu.css
e poi il codice html
<div class="jimgMenu">
  <ul>
    <li class="landscapes"><a href="#nogo">Landscapes</a></li> PRIMA A SINISTRA
    <li class="people"><a href="#nogo">People</a></li>
    <li class="nature"><a href="#nogo">Nature</a></li>
    <li class="abstract"><a href="#nogo">Abstract</a></li>
    <li class="urban"><a href="#nogo">Urban</a></li> QUELLA CHE RIMANE APERTA A DESTRA
  </ul>
</div>
Titolo: Re:sliding door
Inserito da: PierBin - 21 Dicembre, 2012, 18:41:23
Forse meglio evitare mootools, se non erro lì dovrebbe esserci... comunque stessa cosa e già trattata ma non ricordo dove si fa tranquillamente con jquery:


http://www.gdrtestdesign.altervista.org/jquery%20image%20menu/ (http://www.gdrtestdesign.altervista.org/jquery%20image%20menu/)



Ciao a tutti è possibile associare anche il collegamento ipertestuale ad ogni immagine?
Titolo: Re:Effetto sliding door
Inserito da: stesil - 21 Dicembre, 2012, 20:56:10
 Ma i link ci sono già ... basta scrivere il nome della pagina:

<li class="landscapes"><a href="nomepagina.html">Landscapes</a></li>

ma probabilmente non ho capito io la domanda e intendi qualcosa di diverso ......
Titolo: Re:Effetto sliding door
Inserito da: PierBin - 22 Dicembre, 2012, 11:09:55
Ma i link ci sono già ... basta scrivere il nome della pagina:

<li class="landscapes"><a href="nomepagina.html">Landscapes</a></li>

ma probabilmente non ho capito io la domanda e intendi qualcosa di diverso ......


Giusto quello che hai scritto, grazie e AUGURISSIMI a tutta la community
Titolo: Re:Effetto sliding door
Inserito da: PierBin - 28 Dicembre, 2012, 21:56:57
Ciao raga, se inserisco questo effetto si vedrà nella pagina e- commerce dato che non puoi agire nella pagina del carrello (cart/index.html )
Per rendere visibile l'effetto ( intestazione ) in tutte le pagine ho inserito un oggetto html in fondo alla pagina con altezza 5, dove in esperto ho collegato le immagini e i relativi file x farlo funzionare.
Ma nella pagina cart/index.html si vedrà?
Saluti e Grazie
Titolo: Re:Effetto sliding door
Inserito da: PierBin - 29 Dicembre, 2012, 14:00:10
Ciao raga, se inserisco questo effetto si vedrà nella pagina e- commerce dato che non puoi agire nella pagina del carrello (cart/index.html )
Per rendere visibile l'effetto ( intestazione ) in tutte le pagine ho inserito un oggetto html in fondo alla pagina con altezza 5, dove in esperto ho collegato le immagini e i relativi file x farlo funzionare.
Ma nella pagina cart/index.html si vedrà?
Saluti e Grazie


risolto