Effetto sliding door

[PierBin]

Ciao GDR,volevo sapere se questo effetto trovato su questo sito è stato spiegato nella relativa sezione
vedi sito d'esempio
Grazie mille

[frank.cobra]

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
con website ho visto qualche effetto simile fatto in css da Likaweb
la pagina demo è questa:
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

[PierBin]

Ciao frank.cobra, ho visto anch'io la sorgente del sito web, ma l'effetto suggerito non è la stessa cosa,
grazie e buona giornata

[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/

[PierBin]

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/

 
Bene si l'effetto è quello, hai il link di esempio con allegato file IWP
Forse pretendo troppo?
Grazie e Buon weekend

[GDR]

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.

[PierBin]

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
Saluti

[lemonsong]

Ti sei dimenticato questo:

Codice:

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

[PierBin]

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
Che trita pa che sono !!!!!!!!!!!!!!!!
Ciao

[lemonsong]

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:

<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. 

[PierBin]

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:

<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

[lemonsong]

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.

[frank.cobra]

@PierBin ecco ... Pier mi ricordavo di averlo visto da qualche parte .... ma non ricordavo il link .... ed era proprio questo !!! 

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/

[peppe990]

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/

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 

[PierBin]

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>