Ciao a tutti. Vorrei integrare in una pagina di Drupal 6.0 questo effetto
http://fixingthebug.com/css-effetto-fade-sulle-icone-dei-social-network
Includendolo e salvando la pagina non fa altro che visualizzarmi il contenuto in modalità testuale senza le animazioni.
Qualcuno di voi potrebbe illuminarmi?
PS: Nello script vi sono due tipi di script: css e jquery. Sarebbe possibile caricare il CSS per i browser che lo supportano ed in caso il Jquery per quelli che non lo supportano?
Comincia studiando css e html di base, dato che mi sembra che non sai nemmeno come funzioni tutto, le imamgini sono messe da css e te le devi salvare nel percorso giusto.
Per il P.S. si, esistono script per controllare se html5 è supportato, ma dato che jquery è già incluso in drupal puoi usare quello, purtroppo ie è troppo usato.
http://www.chromeos.eu
Ho idea di come funzioni lo script. Vi sono due "sezioni" una che funziona tramite css, un'altra tramite jquery.
Ho optato per la versione css per ora ma non funziona.
Ma non hai idea di come funzioni il web, le immagini sono messe con i css, scaricale e mettile nella cartella dei css (e sapere come funziona lo script non significa sapere che uno fa una cosa e uno l'altra, perché è scritto nella guida che hai linkato).
http://www.chromeos.eu
Le immagini sono nella cartella dei CSS...
Lo script, così come scaricato, funziona benissimo! Una volta che tento di integrarlo in drupal però non funziona...
ripeto css e html non sono optional per queste cose, il percorso è sbagliato, nella guida non sono nella cartella css ma in images fuori dalla cartella css.
Controlla con firebug la path, vedrai che non è corretta e che da un not found.
E studia html e css prima altrimenti non ne uscirai mai.
http://www.chromeos.eu
Proviamo...
No, mi spiace. Non era il percorso...
Qualcuno ha qualche altra idea?
Link
Ecco l'effetto finale.
Il codice che ho trovato in mezzo alla pagina:
<div class="asd-article"><p> </p><p> </p>
<p>
<meta content="text/html;charset=utf-8" http-equiv="content-type">
</p>
<p> </p>
<p> </p>
<p>
<title></title>
</p>
<p> </p>
<p> </p>
<link href="css/style.css" rel="stylesheet" type="text/css">
<ul class="mercatino" id="css3">
<li class="buy">
<a href="http://www.delicious.com/"><strong>Compra</strong></a></li>
<li class="sell">
<a href="http://digg.com/"><strong>Vendi</strong></a></li>
<li class="account">
<a href="http://www.facebook.com/"><strong>Account</strong></a></li>
</ul>
</div>...
Dimmi che hai fatto un copia incolla di tutto? (Rispondo io, SI)
Ripeto per la terza e ultima volta studia html e css, poi mettiti a fare queste cose, i css vanno messi nel .info o al massimo nel tpl del template della pagina, idem per js.
guarda html.it e studia quelle guide.
http://www.chromeos.eu
Ok, non sai come rispondermi e mi riproponi la solita solfa/moralismo.
Non rispondere al topic se non sai come fare, no?
Qualcun altro ha una soluzione?
Elamuno ti sta indicando la strada giusta.
Ho controllato per curiosità e l'unica immagine correttamente linkata nel css è postbullets.png che si vede regolarmente.
Ho notato che hai usato Artisteer per fare il tema. Artisteer può essere un buon sistema per risparmiare tempo, se però vuoi avere un reale controllo della grafica devi conoscere le basi di HTML + CSS.
CSS originale:
Il tuo CSS:
ma infatti, io l'artister si l'ho usato una-due volte: ma l'ho smontato e poi rimontato come volevo io
Senza basi software però "è molto dura" (anche con i cibi precotti come l'Artista)
Il file postbullets.png non è in nessuna cartella però.
Non vi sto proprio seguendo.
PS: Come si fa a vedere se è fatto con Artisteer? Dove osno precisamente le stringhe?
Ho capito. Le immagini vanno piazzate nella cartella images del template!
EDIT: No, non funziona.
La risposta la so, solo che se la devo fare io al posto tuo mi faccio pagare.
Le immagini non le devi mettere a caso in una cartella ma nel posto giusto e dipende dal css (nella cartella images dove c'è styles)
Se sapessi html e css sapresti pure come facciamo a sapere che è fatto con artister (dato che sporca il codice in una maniera incredibile e riconoscibile).
Per il file postbullets.png (sempre perché non so la risposta) ti dico che si trova su un server remoto non sul tuo sito.
Se non sai html e css non riuscirai mai a farlo se non per pura fortuna.
Quindi prima studia una guida e poi mettiti a creare siti.
http://www.chromeos.eu
Ciao, sono Chris, il creatore di fixingthebug.com . Ho trovato questo post perché ho visto delle visite provenienti da qui nell'analytics. Innanzitutto mi complimento con l'aiuto che date agli utenti di Drupal, che è un ottimo Cms che ho cominciato a guardare con più attenzione negli ultimi tempi.
Oltre all'attività di webdesigner e developer, mi cimento a scrivere articoli per aiutare gli altri a fare cose penso carine, con tanto di demo e possibilità di scaricare i file sorgente. Il tutto lo offro gratis...
Questi esempi sono validi, ma rimangono pur sempre esempi, da cui prendere spunto. E comunque, si presuppone che chi legga un articolo su come fare certe cose di webdesign, abbia una conoscenza non dico totale, ma almeno parziale dei linguaggi web.
Non si può prendere un esempio, modificarlo senza sapere cosa si stia facendo e poi lamentarsi che il risultato non è quello sperato. Mi dispiace che la gente scriva nei commenti "il risultato è deludente", perché per me che passo anche 1 ora e mezza a creare un esempio con tanto di demo e file sorgenti, vederlo poi modificato a caso e trovare un brutto commento, è una cosa da bestemmia libera... capite cosa intendo?
A volte basta un buon corso... se non si hanno soldi si può scaricare un pdf da internet (anche se non si dovrebbe, lo so), e cominciare non a studiare, ma a capire cosa si sta facendo e ricordarsi che il computer è stupido di per sé, perché capisce solo gli 0 e gli 1, e se c'è un problema, cerchiamo di indagare e di capire cosa non funziona, invece di intasare forum e scrivere commenti negativi.
Chris
http://www.fixingthebug.com