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