JNOTEPAD_CHAOS16

[e123456]

Ciao a tutti,
nei template disponibili per Joomla 1.6 ho trovato il template in oggetto che, a mio avviso, è molto molto bello e che andrebbe benissimo per il mio sito (apportando solo alcune modifiche).
L'unica cosa che mi lascia un po' perprlessa è la visualizzazione dei sottomenu, ovvero quando clicco sul menu e vedo le voci del sottomenu queste ultime sono sullo stesso livello della voce principale.
Io gradirei riuscire a modificare quest'aspetto io modo da evidenziare la differenza tra la voce principale e le altre ad essa subordinate!!!
Qualcuno saprebbe dirmi cosa devo modificare per poter ottenere quest'effetto?
Grazie in anticipo a tutti e a ciascuno
 

[tonicopi]

Incolla queste regole in fondo al file stile.css:

Codice: [Seleziona]

#content .col02 .pages ul li ul li  a {
color:#21565E;
border-top:1px solid #FFE5BE;
display:block;
width:150px;
margin:0 auto;
padding:4px 0 4px 35px;
background:url(../images/bullet-postit.gif) no-repeat 15px 8px;
}
#content .col02 .pages ul li ul li a:hover {
text-decoration:none;
color:#000;
background:url(../images/bullet-postit-on.gif) no-repeat 15px 8px #ff5092;
}
#content .col03 .recent-posts ul li ul li a {
color:#21565E;
border-top:1px solid #ffffbe;
display:block;
width:150px;
margin:0 auto;
padding:4px 0 4px 35px;
background:url(../images/bullet-postit.gif) no-repeat 15px 8px;
}

#content .col03 .recent-posts ul li ul li a:hover {
text-decoration:none;
color:#000;
background:url(../images/bullet-postit-on.gif) no-repeat 15px 8px #ff5092;
}



[e123456]

Grazie mille tonicopi,
in seguito al tuo suggerimento ho capito come doveva esser effettuata la modifica. Sono persino riuscita ad indentare gli altri sottomenu nidificati!!!! 
Grazie ancora e a presto....
...

[e123456]

Ho osato togliere il risolto a questo topic poichè avrei da porre altre due domande circa questo template...
quindi ho pensato di non creare una nuova discussione... ho fatto bene? Spero proprio di si! 
Le due questioni sono le seguenti:
1) sto cambiando lo sfondo del template e quindi ho crato la mia .JPG. Ho notato che nel pacchetto che ho scaricato i due possibili sfondi che si possono scegliere hanno due file diversi; uno del tipo nomeFile.jpg e l'altro con lo stesso nome ma preceduto da alcuni simboli del tipo: ._nomeFile.jpg.
A questo punto arriva la mia domanda, ma il file preceduto con ._ come lo creo? dal mio file .jpg rinominandolo? oppure non è fondamentale e posso evitare di metterlo?
2) Ho notato che, al primo caricamento del mio sito, il testo che vi è scritto nei menu etc... non segue la formattazione data nel CSS... ovvero il font non è quello che è stato stabilito nel CSS ma un altro che, ovviamente, fa uscire il testo dagli spazi... creando un po' di confusione. Se aggiorno varie ed eventuali volte il sito dal mio browser i caratteri si formattano correttamente. La cosa strana è che succede sia con IE 8 e con l'ultima versione di MOZZILA. Come potrei ovviare a questo problema?
Alla prox....
 

[tonicopi]

Credo che i file con gli strani simboli siano stati prodotti la macintosch di adottauncane quando ha fatto le immagini. Credo che tu li possa ignorare.

Per i font che tardano a mostrarsi è un problema dovuto al fatto che, essendo font particolari, vengono scaricati e interpretati dal browser. Il che provoca quel ritardo nella visualizzazione. Ma da me non è così evidente... 

[adottauncane]

  Ignora, ignora. Colpa mia...

Ciao tonicopi, ciao e123456.

[e123456]

Per i font che tardano a mostrarsi è un problema dovuto al fatto che, essendo font particolari, vengono scaricati e interpretati dal browser. Il che provoca quel ritardo nella visualizzazione. Ma da me non è così evidente... 

...quindi non c'è una soluzione per ovviare al problema. A meno che non cambi il font, giusto?

Ignora, ignora. Colpa mia...

...quindi posso ignorare anche tutti gli altri files con le seguenti estensioni *.xml *.php *.css (preceduti ovviamente da ._ )?

Grazie mille per il vostro aiuto!
 

[adottauncane]

...quindi non c'è una soluzione per ovviare al problema. A meno che non cambi il font, giusto?

o che tu li inserisca nel template. Qui trovi una guida per la 1.5, ma credo vada sempre bene,
http://wiki.joomla.it/index.php?title=Font_personalizzati_in_joomla
Dovrebbero caricarsi più velocemente...

[e123456]

Ciao adottauncane,
ho seguito il tuo consiglio ed ho letto la guida.
Ho seguito tutti i passaggi proposti mettendo alla fine del file template.css il seguente codice:

Codice: [Seleziona]

/* Font*/

@font-face {
font-family: 'Reenie Beanie';
src: url(../font/ReenieBeanie.eot); /* EOT file for IE */
}

@font-face {
font-family: 'Reenie Beanie';
src: url(../font/ReenieBeanie.ttf); /* TTF file for CSS3 browsers */
}
Nel file style.css ho lasciato le regole così come erano state già definite, ti riporto un esempio:

Codice: [Seleziona]

#title {
position:absolute;
top:138px;
left:96px;
color: #fff599;
font-family:'Reenie Beanie', Georgia, Tahoma, Arial, Helvetica, sans-serif;
font-size:25px;
width:370px;
overflow:hidden;
line-height:0.8;
height: 60px;
}

Dopo tutto ciò, il risultato nel mio sito non è per nulla cambiato... ho omesso, per caso, qualcosa?
Grazie ancora
 

[adottauncane]

Hai anche fatto la cartella font e inserito fisicamente il due font? Allora prova ad aprire il file index.php del template e commenta la riga 19.

Codice: [Seleziona]

<!--<link  href="//fonts.googleapis.com/css?family=Reenie+Beanie:regular&amp;subset=latin" rel="stylesheet" type="text/css" />-->

[e123456]

Si ho creato la cartella con dentro i due font.
Commentando la riga 19 del file index.php ho cmq lo stesso problema!!!! 
In più, adesso pur aggiornando varie volte il browser non riesco più a visualizzare il carattere desiderato!!! 

[adottauncane]

Hai il link al sito?

[e123456]

No, sono in localhost!
Volendo posso creare un'immagine del sito e metterla qui sopra. Così puoi fartene un'idea...

[adottauncane]

Stasera guardo...   

[adottauncane]

Per far ricomparire il font basta che togli il commento alla riga dell'index.php

Ho provato e funziona. Quindi controlla che il nome del file dei due font nella cartella font sia scritto nell'esatto modo in cui lo scrivi nella dichiarazione css
ReenieBeanie.eot
anche con le maiuscole...
che anche il nome della cartella sia scritto font e non magari Font o fonts

[bismark2005]

Scusate approfitto del post per qualche domanda. Volendo è possibile cambiare solo lo sfondo del template? Allego l'immagine per far capire meglio. Interessa rimanere solo quello sottolineato rosso, mentre voglio eliminare solo losfonfo, ma ho visto che è un immagine sola. come si può fare?

Il resto cerco di modificarlo io, oramai devo mettere in pratiuca il mio studio di xhtml/css

[adottauncane]

Ciao bismark2005,
se vai qui:
http://www.joomla.it/articoli-della-community-16/4711-template-jnotepad-caos-per-joomla-16.html
trovi il link per il .psd originale del template. Elimini i livelli che non ti interessano e crei l'immagine che ti serve.
Se hai bisogno di una mano, contattami in PM.

[bismark2005]

Nel file psd il template è "intero" mentre nel template installato il template è "spezzato" in due:

outer-back.jpg

footer.jpg

Inoltre le dimensioni sono diverse. Il psd misura 1600*1500 mentre i due file misurano 1262*449.

Come faccio dal psd ad ottenere i due file?

[adottauncane]

Prendi i due file .jpg e li sovrapponi al psd in un livello che poi eliminerai. Metti delle guide, al posto del background verde o sopra a quel livello metti il tuo sfondo (se togli il verde devi poi aggiustare il css). Quando hai fatto tutto tagli semplicemente i due pezzi, prima uno e poi l'altro, li registri come .jpg e li sostituisci all'originale.
Il file .psd e i due file .jpg sono in scala 1:1.

[e123456]

Per far ricomparire il font basta che togli il commento alla riga dell'index.php

...a quanto pare questo era il problema!!!
Poichè adesso, grazie alla cartella font, il carattere si carica molto più velocemente!!!
Grazie mille e alla prox...
 

[adottauncane]

mmm, non credo. Continua a caricarli da Google, non gli importa nulla che siano anche nella cartella del template.

[e123456]

...allora mi sono solo illusa? Spero proprio di no....
...a mio avviso il caricamento avviene in tempi decisamente minori rispetto a quando non avevo la cartella font nel template!!!

[adottauncane]

Non ti sei illusa se hai sistemato il css che carica i font dalla cartella, sì se non l'hai fatto. Però quando ho provato con i due metodi sul mio, era più veloce il caricamento da Google, anche su un altro computer che non avesse in cache le pagine visitate...

[e123456]

...io ho seguito i suggerimenti trovati sulla guida che mi hai consigliato...

http://wiki.joomla.it/index.php?title=Font_personalizzati_in_joomla

Nelle varie ed eventuali prove che ho fatto ho provato anche a svuotare la cache ed il risultato è decisamente migliore rispetto all'inizio!!! 

[adottauncane]

Mi sembrava però che se toglievi il richiamo al font di Google non te li caricasse. Da qui il dubbio che in effetti continui a caricare da Google. Se invece, togliendo il richiamo te li carica, allora sì, carica quelli della cartella.

[e123456]

...in effetti se commento la famigerata riga 19 del file index.php il font non me lo carica mai!!!!
So soltanto che adesso funziona bene... e spero che funzioni bene anche quando verrà messo in linea.... 

[adottauncane]

Ma, a me, tra le due soluzioni mi carica più velocemente il richiamo a Google...

[e123456]

...ma io ho lasciato entrambe le cose... sia la riga 19 che la cartella font... può dipendere, a tuo avviso, da questo?

[adottauncane]

No, non credo. Forse dalla cache del browser... Comunque on line non trovo che abbia particolari rallentamenti.

[e123456]

adottauncane grazie mille per tutta la tua disponibilità.... 

[e123456]

Continuo a porre domande su questo template in questo post, anche se sono consapevole del fatto che è un po' datato.
La domanda che ho da porre è sufficientemente banale.
Ho trovato come informazione che le colonne di desta di questo template non sono collassabili.
Qualcuno sa darmi una definizione ufficiale di COLONNE COLASSABILI?
In realtà ho girato in rete, ma non ho trovato una definizione tecnica vera e propria.
Qualcuno sa aiutarmi?
Grazie e alla prox....
 
PS: io ne ho colto il significato, ma ho necessità di avere una definizione ufficiale.

[adottauncane]

le colonne di desta di questo template non sono collassabili.

Ufficiale non saprei, significa solo che, anche se non pubblichi nulla nella posizioni a destra, il content non ne occuperà lo spazio, cosa che capita invece quando le colonne sono collassabili.

[e123456]

Grazie adottauncane,
il senso lo conosco.... ma a me occorre una definizione tecnica uffiale 

[mau_develop]

...un esempio di parola ufficializzata e relativa ufficializzazione?
che ente è adibito all'ufficializzazione delle parole usate per la definizione delle colonne?
chi ha ufficializzato quel template e le parole in esso usate?

.. perchè vivi una vita così complicata?

[e123456]

...perchè vivi una vita così complicata?

Mi sono fatta un sacco di risate leggendo quest'ultima domanda.... 
Grazie a Dio non vivo una vita complicata....
In ogni caso mi fa sorridere l'idea che non si pensi al fatto che possano esistere delle definizioni ufficiali di tali argomenti. Faccio un esempio: se vado su www.w3c.org è probabile che trovi qualche definizione ufficiale circa i loro standard. Ora, se esiste un termine tecnico che sia COLONNE COLLASSABILI credo ci debba essere anche una definizione, che non sia, per favore presa da Wikipedia.
Cmq rimango sempre più sconvolta dalla superficialità teorica che c'è negli ambienti informatici....
...ed in ogni caso bisonga sempre tener presente che, A TUTTO C'E' UN PERCHE'!!! 


Alla prox...
 

[tomtomeight]

Colonne collassabili non è mica un termine tecnico ma solo un modo di dire, si potrebbe dire colonne a scomparsa o altro ancora, sono semplicemente definizioni. Non esiste alcuna ufficialità.

[mau_develop]

beh se non altro qualcuno che ride invece di incaxarsi come fanno di solito...
Se si dice "trovare il pelo nell'uovo" ... tu cerchi il pelo, altrimenti non è un uovo...