Unofficial WebSite X5
WebSite X5 versioni obsolete => WebSite X5 [v9] - Discussioni Generali => Topic aperto da: Manipulus Mosca - 20 Febbraio, 2012, 23:32:35
-
Buongiorno, vorrei nel mi sito inserire un blog e far apparire nella home page una finestra con gli aggiornamenti del blog, come nella parte alta della home page di questo sito (www.hungmun.net) Grazie
[/size][/color]
-
Inserire gli ultimi articoli del blog nella home si può fare:
http://www.unofficialwsx5.com/index.php?topic=520.msg3214#msg3214
Per farli apparire in una slideshow bisogna cercare il plugin adatto di jquery e modificare il codice dell'echo in modo che si adatti al codice del plugin.
Altra cosa da fare è estrapolare dal file blog.inc.php il percorso delle immagini collegate ad ogni articolo del blog.
-
Innanzitutto ti ringrazio per l'interessamento.
Allora, ho iniziato a inserire nella home
Only registered users can see contents. Please click here to Register or Login.
Poi ho inserito come oggetto HTML nella home page questo codice
Only registered users can see contents. Please click here to Register or Login.
Però quando dall'anteprima in locale clicco sui link che compaiono nella home mi dà "The page cannot be found"
Può essere perchè sono in locale?
Scusate ma dopo che metto il codice non riesco a visualizzare per bene i caratteri
-
Inserire gli ultimi articoli del blog nella home si può fare:
http://www.unofficialwsx5.com/index.php?topic=520.msg3214#msg3214 (http://www.unofficialwsx5.com/index.php?topic=520.msg3214#msg3214)
Per farli apparire in una slideshow bisogna cercare il plugin adatto di jquery e modificare il codice dell'echo in modo che si adatti al codice del plugin.
Altra cosa da fare è estrapolare dal file blog.inc.php il percorso delle immagini collegate ad ogni articolo del blog.
La butto lì senza neanche aver fatto delle prove, ma non si potrebbe utilizzare la funzione include in un oggetto html ?
esempio. : <?php include("pagina_da_includere.php"); ?>
-
La butto lì senza neanche aver fatto delle prove, ma non si potrebbe utilizzare la funzione include in un oggetto html ?
esempio. : <?php include("pagina_da_includere.php"); ?>
Ho provato ma a dire il vero non sò come rinominare la pagina.
Vi spiego meglio, ho creato il blog, ma visto che in automatico non viene inserito nel menù delle pagine, ho preso la pagina del blog e l'ho copiata nel menù delle pagine con il nome "Notizie" mentre il blog vero e proprio si chiama "Manipulus Blog".
Che nome devo mettere in questo codice html?
-
Ho trovato una slideshow del genere che potrebbe andare bene
http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/ (http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/)
-
Utilizzando il codice js si vede anche in anteprima. Controlla questo:
La variabile link va adattata nel caso in cui il progetto con il blog sia esportato in una cartella diversa dalla root del sito in questo modo:
Only registered users can see contents. Please click here to Register or Login.
Ma io, che li ho provati entrambi, opterei per il php (ultimo codice). Le modifiche da fare sono analoghe per i due codici e la descrizione breve dell'articolo nel file xml non è memorizzata.
Non ho idea di come nè dove vengano salvate le immagini.
L'include non l'ho proprio provato. Però mi sa che tutta la pagina del blog viene incorporata nella pagina, non solo gli ultimi articoli....
Il plugin che hai linkato mi sembra ideale ... devo fare qualche prova ... appena trovo un po' di tempo.
-
Scusa la mia ignoranza.
Nella head della mia home page ho copiato il seguente codice:
Only registered users can see contents. Please click here to Register or Login.
Nella home vi è sempre una finestra con i titoli degli articoli ma quando vado a cliccarci mi dice "page not found"
Non ho ben capito al posto di (manipulusmosca/preview/indez.php?id) cosa devo metterci
Ricordo sempre che tutto questo lo sto facendo in anteprima perchè il blog non l'ho pubblicato.
Visto che ci sono vorrei chiedere anche:
1. Posso inserire in un articolo del blog una galleria fotografica? Perchè di primo acchitto non direi
2. Posso linkare un articolo di blog un altro articolo?
3. Posso evitare che nello script della home mi indichi autore e data ma solo il titolo dell'articolo del blog?
4. Come faccio mentre scrivo qui sul forum ad evitare che queste scritte me le faccia come se fosse un codice html?
Grazie mille per l'attenzione
-
Non avevo letto con attenzione ... in anteprima si vedono gli articoli, ma il link funziona solo una volta esportato il sito online.
Per il resto:
3. Sì, si può. Togli la variabile data e autore e modifica la variabile link_markup in questo modo:
Only registered users can see contents. Please click here to Register or Login.
4. Viene visualizzato come codice html la parte del messaggio compresa tra [ code ] [ /code ]. Controlla in anteprima il corretto posizionamento della chiusura del tag.
Per le altre domande ... mi pare di no, ma non ho mai provato. Forse altri sapranno dire di più.
-
Ti ringrazio davvero molto per l'aiuto che mi stai dando.
Nel frattempo ho risolto in questo modo, con una galleria di immagini a cui associare link degli articoli del blog.
é un metodo empirico ma per ora può andare fino a che non riusciamo a fare l'altro
Eccolo
http://www.manipulusmosca.com/home.html (http://www.manipulusmosca.com/home.html)
Datemi il vostro parere
-
Segnalazione di poca importanza (rispetto alla discussione): cliccando su "Notizie", la voce di menu non resta evidenziata in rosso, come invece succede per tutte le altre.
-
Segnalazione di poca importanza (rispetto alla discussione): cliccando su "Notizie", la voce di menu non resta evidenziata in rosso, come invece succede per tutte le altre.
Hai ragione, ma siccome la pagina notizie è una copia della pagina del blog (che in linea di massima con website non compare nel menù), non viene evidenziata.
1. C'è un modo per farla evidenziare?
Poi avrei altre due domande?
1. Posso inserire in un articolo di blog una galleria di immagini?
2. Come funzionano di preciso le categorie e le tag negli articoli del blog?
3. Posso inserire in un articolo di blog più di una categoria? Perchè non riesco?
-
Le immagini collegate a ciascun articolo sono riuscita a ricavarle (una sola immagine inserita in ogni articolo ... con più di una non ho provato):
http://stesil.unofficialwsx5.com/evo9/blogdue/index.php
Il percorso dell'immagine inserita nell'articolo del blog viene salvato nell'elemento 'body' dell'array associato ad ogni articolo (file blog.inc.php).
Questo è il codice:
Only registered users can see contents. Please click here to Register or Login.
L'unico modo che mi è venuto in mente per isolare il nome dell'immagine è stato questo:
isolare la stringa contenente il codice dell'immagine
$start= strpos($img,'<img'); //posizione dell'inizio tag img
strpos($img,'title=""/>'); //posizione della fine del tag img
$img=substr($img, $start,((strpos($img,'title=""/>'))- $start));//stringa contentente il codice del tag img
poi, in questa stringa, isolare il nome dell'immagine (il percorso è blog/images/ ed è uguale per tutte, quindi si può inserire nell'echo)
$srcstart= (strpos($img,'src'))+8; //posizione dell'inizio del nome del file
strpos($img,'class')-2; // posizione della fine del nome del file
$img=substr($img, $srcstart,((strpos($img,'class'))- $srcstart - 2));//stringa che contiene il nome del file
Questo è il codice completo:
Only registered users can see contents. Please click here to Register or Login.
Prima di andare avanti, se qualcuno dà un occhio al codice .... perché un modo migliore c'è di sicuro.
-
Ti ringrazio.
Proverò il tuo metodo prima possibile.
Nel frattempo sto usando una galleria con le immagini che rimandano agli articoli del blog.
E alla fine non è male, solo che credo che questo sistema sia lento nel caricamento della pagina.
Come posso renderlo più fluido?
e poi, come posso inserirei una galleria di immagini all'interno di un articolo del blog?
come posso inserire più di una categoria per ogni articolo del blog?
Grazie
-
Questa è l'integrazione del codice php con quello della slideshow:
http://stesil.unofficialwsx5.com/evo9/blogdue/slider.php (http://stesil.unofficialwsx5.com/evo9/blogdue/slider.php)
Ha l'indubbio vantaggio, rispetto alla soluzione che hai trovato, che la slideshow si aggiorna automaticamente ogni volta che viene inserito un nuovo articolo nel blog, ma le immagini da utilizzare negli articoli del blog devono avere tutte le stesse dimensioni, altrimenti vengono visualizzate deformate.
Se a qualcuno dovesse interessare, scrivo anche le istruzioni.
-
Questa è l'integrazione del codice php con quello della slideshow:
http://stesil.unofficialwsx5.com/evo9/blogdue/slider.php (http://stesil.unofficialwsx5.com/evo9/blogdue/slider.php)
Ha l'indubbio vantaggio, rispetto alla soluzione che hai trovato, che la slideshow si aggiorna automaticamente ogni volta che viene inserito un nuovo articolo nel blog, ma le immagini da utilizzare negli articoli del blog devono avere tutte le stesse dimensioni, altrimenti vengono visualizzate deformate.
Se a qualcuno dovesse interessare, scrivo anche le istruzioni.
Grazie Stesil.
Tra oggi e domani cercherò di provarlo. (se mi forniresti istruzioni complete e passo passo visto che sono alquanto digiuno sull'argomento)
Anche se più immediata e automatica la tua soluzione, spero che sia anche più veloce della mia soluzione empirica, che risulta essere lenta anche se più bella graficamente
-
La prova che ho fatto funziona a queste condizioni:
- la pagina in cui viene inserito il codice deve avere estensione php;
- ogni articolo del blog deve avere un'immagine (le dimensioni previste nell'esempio sono 400x250 per l'immagine ingrandita); è comunque possibile apportare una modifica al codice in modo che venga visualizzata un'immagine di default nel caso in cui l'articolo ne sia sprovvisto.
Questo il procedimento da seguire:
Dal sito che hai linkato:
Ho trovato una slideshow del genere che potrebbe andare bene
http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/ (http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/)
scaricare il file zip.
Inserire nella pagina un oggetto html e copiare il seguente codice:
Only registered users can see contents. Please click here to Register or Login.
Nella scheda esperto --> Codice CSS dello stesso oggetto html inserire il codice css della slideshow:
Only registered users can see contents. Please click here to Register or Login.
... che è lo stesso codice presente nel file style.css del progetto scaricato. In alternativa è possibile allegare il file style.css (file allegato al codice) spuntando l'opzione "collega il file alla pagina", ma occorre prima modificare il percorso delle immagini utilizzate come sfondo:
#featured li.ui-tabs-selected{ /*Selected tab style*/
background:url('../images/selected-item.gif') top left no-repeat;
}
#featured .ui-tabs-panel .info{
position:absolute;
top:180px; left:0;
height:70px; width: 400px;
background: url('../images/transparent-bg.png');
}
Allegare queste immagini (sono nella cartella images del progetto scaricato), sempre attraverso la scheda esperto dell'oggetto html, indicando come percorso relativo sul server la cartella images.
La slideshow funziona grazie agli effetti grafici di jQueryUI; scaricare la libreria dal sito ufficiale (http://jqueryui.com/) ed allegarla con lo stesso procedimento degli altri file. Ricordarsi di spuntare "collega il file alla pagina".
Ed infine, in Creazione della mappa ---> Proprietà della pagina ---> Scheda "Esperto" ---> Codice personalizzato da inserire prima della sezione </HEAD>:
Only registered users can see contents. Please click here to Register or Login.
... non è semplicissimo ... spero di non aver dimenticato niente!
-
Ho provato a fare come avevi detto ma il risultato è una finestra piena di scritte per me senza senso.
Procediamo con ordine:
1. Ho fatto divetare la home page una pagina php (cosa cambia visto che prima era una pagina html?)
2. Ho scaricato il file zip dal sito (ma poi non ci ho fatto nulla)
3. Ho inserito l'oggetto html nella home page e ho inserito il codice
4. Ho inserito nella scheda esperto dello stesso oggetto html l'altro codice
5. Poi non ho capito ciò che si diceva riguardo all'alternativa di allegare il file .css (suppongo quello che avevo scaricato nel file .zip) e modificare il percorso delle immagini
6. Ho scaricato la libreria jQueryUI (il file denominato "jquery-ui-1.8.18.custom") e ho allegato il file "jquery-ui-1.8.18.custom.min.js" all'oggetto html spuntanto l'opzione "collega alla pagina"
7. Ho inserito il codice nella home page prima della sezione "HEAD"
Però il risultato è sulla home page un'oggetto html com la scritta "[size=78%]$dati){ $img=$dati['body']; $start=strpos($img,'[/size][size=78%]'))- $start)); $srcstart= (strpos($img,'src'))+8; $img=substr($img, $srcstart,((strpos($img,'class'))- $srcstart - 2)); echo "
(http://www.unofficialwsx5.com/file:///C:/%22%22.$img.%22/%22)
".$dati['title']."".$dati['summary'].".%22\%22]
Continua a leggere .... "; } ?>"
Dove ho sbagliato?[/size] (http://www.unofficialwsx5.com/file:///C:/%22blog/index.php?id=%22.$dati['id')
-
1. Ho fatto divetare la home page una pagina php (cosa cambia visto che prima era una pagina html?)
Il codice inserito è scritto in php. Perchè venga interpretato l'estensione del file che lo contiene deve essere .php. Se viene inserito in una pagina .html, viene visualizzato come codice.
2. Ho scaricato il file zip dal sito (ma poi non ci ho fatto nulla)
Oltre al file css, che puoi scegliere se allegare o copiare nella scheda css, nel file zip ci sono le immagini di sfondo dello slider. Anche quelle sono da allegare attraverso l'oggetto html.
5. Poi non ho capito ciò che si diceva riguardo all'alternativa di allegare il file .css (suppongo quello che avevo scaricato nel file .zip) e modificare il percorso delle immagini
E' un'alternativa all'inserimento del codice nella scheda css.
Però il risultato è sulla home page un'oggetto html com la scritta "$dati{img=$dati['body'];
$start=strpos($img,'))- $start)); [ .....]"
Penso che tu stia visualizzando la pagina in anteprima. E, se è così, non può funzionare perchè in anteprima tutte le pagine, anche quelle con estensione php, vengono trasformate in file .html .... e il codice php non viene eseguito. Se vuoi vedere qualcosa puoi inserire il tutto in una pagina nascosta del sito ed esportare online.
-
Ho creato la pagina "prova".
Adesso riesco a vedere in suddetta pagina la slideshow con le immagini degli ultimi articoli del blog, ma
1. Non riesco a ingrandire la cella HTML, anche se ne modifico l'altezza.
3. Devo riuscire a impostare meglio il tutto, compreso il link all'articolo del blog
Comunque il risultato è un buon inizio, sono sulla strada buona
http://www.manipulusmosca.com/prova.php
-
Per aumentare l'altezza non devi agire solo sull'oggetto html, ma anche sul codice css dello slider e sui valori di width e height delle immagini nel codice php.
Tutto lo slider è contenuto nel div con id featured (#featured nel css) per il quale è impostata, nell'esempio, un'altezza di 250px, pari all'altezza dell'immagine ingrandita. Le miniature con rispettivi link, che sono contenute in una lista (#featured ul.ui-tabs-nav ), hanno una distanza dal margine sinistro del contenitore principale pari a 400px, tanto quanto la larghezza dell'immagine ingrandita e hanno ciascuna un'altezza di 60px (#featured li.ui-tabs-nav-item a) ... 60 x 4 = 240px i 10px restanti sono distribuiti come valori di padding tra un elemento di lista e l'altro.
... e se si vogliono modificare le altezze sono questi i valori da modificare, rispettando le proporzioni complessive ...e ... è tutto da provare.
-
Farò molte prove e poi vi farò sapere.
Non esiste un modo più pratico per vedere i risultati delle prove piuttosto che ogni volta esportare?
Sto usando http://cssdesk.com/ ma vedo solo scritte e riesco a capire poco delle modifiche
Grazie
-
Purtroppo dopo una estenuante serata in cui ho fatto tantissime prove non sono riuscito a fare granchè.
Ecco il risultato: [size=78%]http://www.manipulusmosca.com/prova.php (http://www.manipulusmosca.com/prova.php)[/size]
Ecco il codice che ho usato
[/code] Only registered users can see contents. Please click here to Register or Login.
-
Ciao,
il mio esempio funziona bene perchè le immagini inserite negli articoli hanno tutte le stesse dimensioni. Se inserisci un'immagine con 200px di larghezza e 400px di altezza e, in un altro articolo, l'immagine ha proporzioni opposte, cioè è più larga che alta ... nello slider una delle due si vedrà deformata, perchè le dimensioni che si possono impostare sono uguali per tutte le immagini.
Detto questo, prova a modificare anche il codice php inserito nell'oggetto html in questi punti:
1. sostituisci alla parola 'class' la parola 'style', come nell'esempio sotto (devono essere fatte due sostituzioni, perchè questa riga di codice è presente due volte):
$img=substr($img, $srcstart,((strpos($img,'style'))- $srcstart - 2));
Questa parte del codice serve per individuare il nome dell'immagine all'interno dei dati dell'articolo del blog. Le tue immagini negli articoli non hanno una classe, e quindi il codice precedente includeva nel nome dell'immagine qualcosa di troppo.
2. Prova a modificare le dimensioni delle immagini, sempre nel codice php, in modo che siano proporzionate a quelle reali e conformi alle nuove impostazioni di css che hai dato allo slider:
Questa è la riga di codice in cui si trovano le dimensioni delle miniature:
echo "<li class=\"ui-tabs-nav-item ui-tabs-selected\" id=\"nav-fragment-".$key."\"><a href=\"#fragment-".$key."\"><img src=\"".$img."\" width=\"80\" height=\"50\" alt=\"\"><span>".$dati['title']."</span></a></li>"
E in questa ci sono le dimensioni dell'immagine ingrandita:
echo "<div id=\"fragment-".$key."\" class=\"ui-tabs-panel\" style=\"\"><img src=\"".$img."\" width=\"400\" height=\"250\" alt=\"\"><div class=\"info\"><h2>".$dati['title']."</h2><p>".$dati['summary']."<a href=\"blog/index.php?id=".$dati['id']."\"><br />Continua a leggere .... </a></p></div></div>"
Purtroppo dopo una estenuante serata in cui ho fatto tantissime prove non sono riuscito a fare granchè.
Se ti può consolare, quando si vuole provare qualcosa di personalizzato, e non di semplice attuazione, rispetto a quanto fa di suo il programma .... questa cosa succede molto spesso.
-
Innanzitutto devo ringraziarti per il prezioso aiuto.
Dopo le tue dritte ho continuato a fare prove e sono arrivato a questo punto: [size=78%]http://www.manipulusmosca.com/prova.php (http://www.manipulusmosca.com/prova.php)[/size]
Mi sembra un buon risultato.
Comunque avrei ancora un altro paio di questioni:
1. Vorrei cambiare lo sfondo dell'oggetto html, mettendoci una foto. come fare?
2. Vorrei dare a qualche parte dell'oggetto uno sfondo trasparente, tipo grigio trasparente così da permettermi di vedere cosa c'è sotto. Come fare?
Ecco il codice html e poi quello CSS dell'oggetto:
[/code]Only registered users can see contents. Please click here to Register or Login.Only registered users can see contents. Please click here to Register or Login.
-
1. Vorrei cambiare lo sfondo dell'oggetto html, mettendoci una foto. come fare?
Da programma, impostando lo stile della cella dell'oggetto html.
2. Vorrei dare a qualche parte dell'oggetto uno sfondo trasparente, tipo grigio trasparente così da permettermi di vedere cosa c'è sotto. Come fare?
Con una png trasparente, con un codice css come quello utilizzato ad esempio per lo sfondo della didascalia dell'immagine ingrandita:
#featured .ui-tabs-panel .info {background: url("../images/transparent-bg.png")}
-
Dopo gli inestimabili aiuti di Stesil forse ci siamo riusciti.
Ecco il risultato quasi finale.
Adesso lo provo qui e poi tra un pò lo sposto nella home page
http://www.manipulusmosca.com/prova.php (http://www.manipulusmosca.com/prova.php)
Che problemi potrebbe darmi una home page che passa da html a php?
-
Dimenticavo,
sono sempre disponibile per successivi miglioramenti che mi consiglierete.
Ecco il codice CSS:
[/code]Only registered users can see contents. Please click here to Register or Login.
-
Che problemi potrebbe darmi una home page che passa da html a php?
Se ci sono link da altri siti che puntano alla pagina index.html non funzioneranno più.
Poi c'è da considerare, penso, anche l'indicizzazione della pagina ... ma qui mi fermo e lascio la parola a chi ne sa più di me.
-
Che problemi potrebbe darmi una home page che passa da html a php?
Se ci sono link da altri siti che puntano alla pagina index.html non funzioneranno più.
Poi c'è da considerare, penso, anche l'indicizzazione della pagina ... ma qui mi fermo e lascio la parola a chi ne sa più di me.
In effetti ho notato che quando digito www.manipulusmosca.com mi manda alla home page .html e non a quella nuova .php
Non sò se è una cosa momentanea oppure definitiva
-
In effetti ho notato che quando digito www.manipulusmosca.com (http://www.manipulusmosca.com/) mi manda alla home page .html e non a quella nuova .php
Non sò se è una cosa momentanea oppure definitiva
Hai lasciato anche la index.html sul server, quella la devi cancellare, se hai problemi di indicizzazione puoi fare anche così:
Lasci la pagina index.html, però la pulisci di tutti i contenuti e poi al suo interno inserisci questo codice:
<!DOCTYPE html><!-- HTML5 -->
<html lang="it" dir="ltr">
<head>
<meta http-equiv="refresh" content="0; URL=http://www.manipulusmosca.com/index.php">
</head>
<body>
<h1>Moved Permanently</h1>
<p>La pagina è stata trasferita: <a href="http://www.manipulusmosca.com/index.php (http://www.manipulusmosca.com/index.php)"><b>QUI</b></a></p>
</body>
</html>
Ciao.
Augusto.
-
Per ora ho cancellato la index.html
Speriamo ciò non mi abbassi il livello del sito nelle ricerche di google.
Comunque grazie per il consiglio
-
Considerando che mi trovo bene con il blog nella home page, vorrei provare a migliorarlo.
Nel oggetto CSS della home, in cui vi sono i link degli ultimi 5 articoli del blog, vorrei provare a dimensionare l'immagine ingrandita senza perdere le proporzioni.
Ossia le immagini orizzontali risultano deformate poichè ho impostato un spazio per lo zoom che è verticale.
Se vi fosse un modo per farle ridimenzionare sempre in maniera orizzontale ne sarei felice.
Grazie
-
Considerando che mi trovo bene con il blog nella home page...
Scusa, ma dov'è il Blog in Homepage ???
Ciao.
Augusto.
-
Ovviamente volevo dire che nella home page ho l'oggetto CSS che fornisce i collegamenti agli ultimi 5 articoli del blog.