Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : daniele95 02 Sep 2012, 00:20:32
-
salve ragazzi, a breve dovrò cimentarmi nella creazione di un template che produca un sito simile a questo:
http://creativewax.co.uk/blog/2009/07/wonderbra-ultimate-fantasy/
a guardarlo così sembra abbastanza semplice ma in realtà presenta, secondo me, delle caratteristiche che lo rendolo abbastanza complesso dal punto di vista tecnico. avevo pensato di fare il grosso del lavoro con ***** e poi fare delle modefiche a mano... secondo voi esistono strade migliori?
edit: rimosso rif. commerciale
-
molto carino, penso che ne prenderò spunto qualche volta :) Scherzi a parte, il mio consiglio è di lasciar perdere programmi esterni per una questione di semplicità. Io non ho letto cosa utilizzerai ma posso già immaginarlo, è ti scongiuro di non usarlo perchè ti rovinerebbe solo il sangue, quello che poi butterai quando ad esempio deciderai di spostare un po più a destra il testo con il css e non potrai farlo perchè il tuo template sarà pieno zeppo di div da modificare.
Una struttura dev'essere semplice e leggera fatta di pochi div (cosa che questi programmi non fanno) e facilmente modificabile qualora qualcosa non andasse sucessivamente.
Posso consigliarti di iniziare a creare il template per la 2.5 che rende le cose a mio parere più sbrigative. Se hai bisogno di informazioni sulla creazione posta pure, sarà un piacere poterti aiutare!
-
ti ringrazio per l'aiuto.. credo che ne avrò veramente molto ma molto bisogno! crearlo da 0 per me è quasi impossibile... hai qualche guida ben fatta? la struttura di div più o meno posso crearla... nel senso che basta un file html in cui nomino i div.. principalmente ne devo creare uno che contiene tutto, uno per il menù, uno per il copro ed uno per la colonnina con il login... più ovviamente i "sottodiv"... per il css speriamo di risucire a fare qualcosa di buono... per i file php etc non saprei dove mettere le mani!!!
-
volevo chiedere anche se fosse possibile realizzare dei sottomenù "orizzontali" ovvero non il classico menù a tendina ma che si sviluppi come il menù principale!
-
buona sera, la mia grafica non è ancora pronta però sapendo come deve venire ho fatto uno schemino su quelle immagini e buttato giù una struttura di base con i div... ditemi cosa ne pensate... considerate che non ho mai creato un template da 0...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
</head>
<body>
<div id="container">
<div id="header">
<div id="logo"><jdoc:include type="modules" name="logo" /> </div>
<div id="menus">
<div id="socialbar" class="float"><jdoc:include type="modules" name="social_bar" /></div>
<div id="menubar" class="float"><jdoc:include type="modules" name="menubar" /></div>
</div>
</div>
<div id="body">
<div id="contenuto">
<div id="content_top" class="float"><jdoc:include type="modules" name="content_top" /></div>
<div id="content" class="float"><jdoc:include type="component" /></div>
</div>
<div id="sidebar_right">
<div id="login" class="float"><jdoc:include type="modules" name="login" /></div>
<div id="varie" class="float"><jdoc:include type="modules" name="varie" /></div>
<div id="verie2" class="float"><jdoc:include type="modules" name="varie2" /></div>
</div>
</div>
<div id="footer">
<div id="footer" class="float"><jdoc:include type="modules" name="footer" /></div>
<div id="copyright" class="float"><jdoc:include type="modules" name="copyright" /></div>
</div>
</div>
</body>
</html>
(http://www.robodaniele.net/img/struttura_div.jpg#.UEOpMCK0KSo)
-
Ti sconsiglio vivamente di partire da zero a creare un tem,plate....
cerca nmel calderone un template gratuito che si avvicini alla tua idea e poi modificalo (usando conoscenze di css e firebug di firefox)
ciao
-
css e firebug non sono un problema... ma non ho trovato un template che ci si avvicini... soprattutto per l'idea del sottomenù orizzontale... quello non saprei come farlo in nessun caso....
-
puoi fare un disegnino su come deve essere questo sottomenu specificando quali sono le voci principali e quali le sottovoci?
-
ecco:
(http://www.robodaniele.net/img/menu.png)
nell'esempio quando si passa sopra portfoglio invece di aprirsi la classica tendina si apre questa barra con le varie voci...
-
css e firebug non sono un problema... ma non ho trovato un template che ci si avvicini... soprattutto per l'idea del sottomenù orizzontale... quello non saprei come farlo in nessun caso....
usa il modulo SWmenufree
-
grazie... è un modulo molto interessante che non conoscevo.... su internet però non ho trovato molti "showcase"... e nessuno era simile a quello che volevo fare... sicuro che sia possibile realizzare una cosa del genere? se così fosse sarebbe un miracolo *_*
-
grazie... è un modulo molto interessante che non conoscevo.... su internet però non ho trovato molti "showcase"... e nessuno era simile a quello che volevo fare... sicuro che sia possibile realizzare una cosa del genere? se così fosse sarebbe un miracolo *_*
prova... ;)
-
ho provato su un'altro sito che ho ma non riesco a fare un menu come serve a me... :(
-
Io credo che ti basti un modulo menu più semplice come ad esempio maximenuck, swmenufree è troppo semplicistico e rende un po lo stesso effetto di quei programmi di cui ti parlavo sopra: va bene fino a che non si ha la minima idea di cosa sia un tag, dopodiché ci si può cimentare in sistemi più specifici, poi con il css si aggiusta il tutto...
Ad esempio se vuoi ottenere lo stesso effetto con maxximenuck basterà che il css del menu lo imposti così:
ul li, ul li ul li{float:left;}magari gli darai anche un padding/margin ed un text-align ma basta quella semplice dichiarazione per ottenere l'effetto che chiedi
-
mmm ora farò qualche prova... per il template la struttura che avevo preparato può andare? come procedo?
-
dipende da te, se vuoi incamminarti per la strada della creazione del nuovo template o partire da uno già pronto come suggerito da carlodamo.
La struttura devi vederla tu, se vuoi posso prepararti li pacchetto di installazione con il codice che scriverai
-
di già pronto da modificare ho trovato poco che possa andare... se volessi provare a creare da solo un nuovo template oltre a quello che ho fatto serve anche un file css ovviamente ed un xml... giusto?
-
Di norma serve solo il file templateDetails.xml, il file index.php ed il file index.html (per la sicurezza del tuo template).
Il primo lo copi da un altro template e lo modifichi a tuo piacimento, il secondo ci incolli il codice del template avendo cura di farlo precedere da:
<?php
// no direct access
defined('_JEXEC') or die;
?>Poi nel tag head ci incolli questo:
<jdoc:include type="head" />e nel tag body, nel punto in cui vuoi inserire il contenuto della pagina ci incolli: <jdoc:include type="component" />
Se vuoi aggiungere un foglio di stile, delle immagini e delle posizioni modulo ci sono piccoli accorgimenti da fare sia nel file index.php che nel file .xml
-
grazie mille ora sto scaricando un template per vederne la struttura... per il menu non ho ben capito cosa devo fare... cioè i css un pochino li conosco ma non mi è mai capitato di dover fare una cosa del genere ora sto leggendo una guida sulle liste e i menu... appena ho qualche novità vi aggiorno!!
-
buona sera ragazzi... dopo circa 3 ore di lavoro sono arrivato a questo ---> robodaniele.net... la grafica è solamente abbozzata con photoshop... ovviamente quando esporto le immagini definitive tolgo il testo, il menu, i pulsanti di facebook etc... ora ho alcuni problemi... in linea di massima la struttura dei div funzionano... a parte per il fatto che i div non si allungano in base al contenuto dei div che contengono... cerco di spiegarmi meglio...
per esempio nel body ho un div che si chiama corpo che a sua volta contiene i div sidebar left e right... quella di destra funziona quasi bene... tranne per il fatto che il div varie2 dovrà allungarsi in base alla pagina... invece la sidebar left è un disastro... al suo interno c'è un div left che contiene un'immagine che deve ripetersi verticalmente all'estrema sinistra... in base al contenuto del content... inoltre al content devo comunque dare un'altezza minima che è se non ricordo male 530(come la side bar right) e lo sharing is sexy per capirci deve stare dove finisce il div del content... stessi discorsi valgono anche per il footer..
so che sto chiedendo tante cose e che non potete di certo dirmi come risolvere ogni problema... però una volta che mi spiegate il problema di come adattare i div ai contenuti praticamente ho risolto più di 3 quarti dei problemi... su internet ho letto che dipende dalla classe float dei div... ma se la tolgo succede un macello...
grazie mille a tutti veramente!!!
PS: per ora il codice css è integrato in quello html per pura comodità di lavoro con dreamweaver... appena avrò finito lo separerò ;)
-
il codice css è impostato male per questo non riesci a posizionare i div. Lascia stare le spiegazioni e quant'altro altrimenti la discussione diventa un poema epico... Se non sei molto pratico di css devi prima leggere almeno qualche istruzione su school.w3c altrimenti possiamo stare ore a discuterci su senza mai risolvere il problema (perchè ne uscirebbe sempre uno nuovo). Per ora lascia stare i css e crea solo i div che ti interessano. Nel css scrivi solo
*{padding:0; margin:0;}, poi al contenitore del sito gli dai margin: 0 auto; e la larghezza del sito, ad esempio width:940px; (il contenitore sarà il div con id="wrapper" diciamo) ed hai il sito centrato. Continuerai a vedere i div uno sotto l'altro ma dopo aver fatto ciò continuiamo con l'affiancamento dei div. Non andare avanti se prima non hai fatto tutto questo
-
provvederò a fare quello che hai detto... l'unica cosa che non ho capito è:
*{padding:0; margin:0;}
lo devo assegnare a tutti i div o solo al wrapper?
-
lo devi incollare così come sta tra i tag <style><style> è un css reset... drastico.
-
ok e il resto cancello tutto?
-
per adesso commentalo (racchiudilo tra /* e */), può sempre servire!
Stiamo andando avanti senza però aver chiarito, si tratta di un template per la 2.5 o per la 1.5?
-
mmm cambia molto dal punto di vista del codice?
-
dipende da quello che vorrai fare successivamente... se il sito su cui devi installarlo è già pronto in 1.5 lo sviluppi per la 1.5, se il sito devi ancora farlo chiaramente lo farai per la 2.5 se non per la 3.5, che senso ha sviluppare un sito con una versione non più supportata!
-
allora andiamo di 2.5....
-
mi sono fatto una carrellata di cultura di css questa mattina e quello che ho capito che nel mio caso invece che la proprietà float serve clear.... giusto?
-
no, ti serve float:left; per affiancare il div del menu ed il div del contenuto! Questo comunque lo vedrai successivamente. A che punto sei con le istruzioni precedenti?
edit: <jdoc:include type="head" /> va nel tag <head></head>, non nel body
-
ho letto velocemente le cose che non conoscevo... ora faccio le modifiche che abbiamo detto: nascondo tutto tra i commenti, metto il tag di resete poi continuiamo... credo anche che una volta impostate le basi apro una nuova discussione nella categoria template joomla 2.5...
-
ormai continua qui, chiedo ad un moderatore se la sposta nella 2.5. Non aprire un altro topic uguale perchè creerebbe solo disagio a chi (eventualmente) sta seguendo stessa per ottenere un risultato simile al tuo
-
il codice css è impostato male per questo non riesci a posizionare i div. Lascia stare le spiegazioni e quant'altro altrimenti la discussione diventa un poema epico... Se non sei molto pratico di css devi prima leggere almeno qualche istruzione su school.w3c altrimenti possiamo stare ore a discuterci su senza mai risolvere il problema (perchè ne uscirebbe sempre uno nuovo). Per ora lascia stare i css e crea solo i div che ti interessano. Nel css scrivi solo *{padding:0; margin:0;}, poi al contenitore del sito gli dai margin: 0 auto; e la larghezza del sito, ad esempio width:940px; (il contenitore sarà il div con id="wrapper" diciamo) ed hai il sito centrato. Continuerai a vedere i div uno sotto l'altro ma dopo aver fatto ciò continuiamo con l'affiancamento dei div. Non andare avanti se prima non hai fatto tutto questo
fatto.... ora come procedo?
ps: se vai su robodaniele.net lo vedi
-
Puoi inviarmi tramite mp il codice della pagina? Da browser lo vedo troppo sporco, devo controllarlo un attimo perchè i tag sono tutti quanti squilibrati
-
fatto
-
Se non stai ancora lavorando sotto joomla, prima di convertire il template il codice che hai nella pagina deve essere solo questo, altrimenti non ne uscirai mai:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
* {padding: 0; margin: 0;}
#container{width: 1020px; margin: 0 auto;}
</style>
</head>
<body>
<div id="container">
<div id="header">TESTATA<>
<div id="content">CONTENUTO<>
<div id="right-column">COLONNA LATERALE<>
<div id="footer">FOOTER<>
<>
</body>
</html>
-
e tutti gli altri div dove li metto?? o_O
-
ed a che ti servirebbero? Sai quanto ci vuole per un browser per disegnare tutti quei div? Figurati se fossero state tabelle allora! :)
Ho notato che l'editor ha cancellato tutti i tag di chiusura :( Ricorda che ad ognitag aperto deve corrisponderne uno chiuso! Dove vedi <div><> ad esempio devi sostituire <div></div>!
-
incomincio a pensare che non riuscirò mai a fare il template o_O comunque una volta creata la struttura di div che mi hai suggerito... cosa devo fare?
-
stavo guardando qeusta guida... e anche qui crea molti div come avevo fatto io http://www.gildogiuliani.eu/downloads/creare-template.pdf
-
Ora puoi iniziare ad impostare i vari sfondi, ad esempio aggiungi lo sfondo della pagina con i css:
body{background:#ccc;}poi aggiungi il float ai div centrali:
#content, #right-column{float:left;}e da li continui creando l'intero template html.
Se mi dici quello che intendi fare passo passo posso dirti come si fa.
Non scoraggiarti comunque, stai creando il primo template a quanto ho capito, ed è normale avere qualche dubbio: su internet c'è tanta documentazione comunque, secondo puoi farcela tranquillamente Altrimenti come ha suggerito il moderatore puoi prendere un template già esistente ed adattarlo alle tue esigenze magari cambiando sfondi, ecc...[/code]
-
ma lui a. non sta cercando di avere il tuo stesso effetto; b.ha creato lo stesso identico numero di div principali proprio come stiamo facendo adesso: contali, sono 1 wrapper (il tuo contenitore), 1 header, le colonne ed il footer. Cosa ci manca che noi non abbiamo? Il logo lo posizioni in un secondo momento assieme al menu ed alle altre posizioni che poi corrisponderanno alle posizioni modulo... devi andare per passi altrimenti non ti ci raccapezzi più ;)
-
allora mesà che ricomincio da capo partendo dalla struttura che hai scritto tu...
partendo da li devo posizionare il logo e la barra del menù... lasciando dei posti per poter inserire sopra il seguici su facebook e twitter... e il link al forum... alla fine della barra invece da progetto dovrebbe esserci il g+1 nascosto sotto la barra ma non so se sia realizzabile... per ora lasciamo stare il menù... altrimenti non ne esco più...
grazie mille veramente del tempo che stai perdendo per aiutarmi!!!
PS: nel frattempo carico un'anteprima della grafica all'indirizzo robodaniele.net/img/anteprima.jpg
-
puoi fare ancora di meglio: puoi impostare questa immagine come sfondo del sito così puoi disegnarci su con il codice mentre sotto hai una mappa di ciò che devi fare, come se la pagina fosse fatta di carta velina, non so se mi spiego... magari da' all'immagine una saturazione prossima al 20% in modo che faccia solo da sfondo e non risalti così tanto, poi la imposti così:
body{background:url(img/anteprima.jpg) center top no-repeat;}
-
non è che mi potete dire come contattare la modella?
........non è per me, me lo ha chiesto un mio amico. ::) 8)
-
non è che mi potete dire come contattare la modella?
........non è per me, me lo ha chiesto un mio amico. ::) 8)
quoto alla grande :PP
tornando a noi l'ho fatto ma non funziona :( ho provato anche a dare l'altezza all'header per vedere se dipendeva da quello ma niente :( solito indirizzo per vedere...
-
Ahaha, giusebos è un grande
Torniamo a no, hai notato che come percorso hai scritto imgages? Volevi scrivere qualcos'altro per caso? ;) Copia ed incolla il codice che ti ho postato, non andare per altre strade!
-
ok fatto :D a fine lavoro ti erigo una statua... ovviamente tutta d'oro massiccio ;) ora?
-
Ora andiamo avanti prima con la definizione del layout dei div già inseriti e poi con con la progettazione delle future posizioni modulo di joomla.
Intanto c'è un errore nei div da correggere: non hai chiuso il tag <div> del <div id="content">! Se non lo fai ora il sito risulterà tutto sballato
Dunque aggiungi al css la direttiva del float che ti ho postato più su ed in seguito inserisci un div "logo", n div "menu" ed un div "top" all'interno del div header, in previsione delle posizioni modulo che ci inserirai.
-
di top ne basta uno nonostante sia uno per fb e twitter e uno per andare al forum? e per google plus non predispongo nulla?
intanto ho messo sul solito indirizzo le nuove cose
-
Per brevità ti ripropongo un codice funzionante (lo sto testando in locale):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
* {padding: 0; margin: 0;}
body{background:#CACACA url(http://www.robodaniele.net/images/sfondo.jpg) center top no-repeat;}
#container{width: 800px; margin: 0 auto;}
#content, #right-column{float:left;}
#content{padding-left:50px; width:450px; min-height:500px;}
#right-column{padding-left:100px; widht:200px; min-height:500px;}
.clr{clear:both; float:none;}
#header > div{float:left; line-height:160px; padding-left:40px;}
header{height:160px; padding-left:200px;}
</style>
</head>
<body>
<div id="container">
<div id="header">
<div id="logo">LOGO</div>
<div id="mainmenu">MENU</div>
<div id="top">BOTTONE DI GOOGLE</div>
<div class="clr"></div>
</div>
<div id="content">CONTENUTO</div>
<div id="right-column">COLONNA LATERALE</div>
<div class="clr"></div>
<div id="footer">FOOTER</div>
</div>
</body>
</html>Se lo sostituisci al tuo dovresti ottenere il mio stesso risultato. Se ti soddisfa andiamo avanti altrimenti possiamo apportare tutti gli accorgimenti che desideri
-
mmm sto modificando qualcosa soprattutto con le dimensioni... però ci sono cose che non capisco... tipo #headr > div... significa che deve essere maggiore? se si di cosa? e perchè header sotto è senza "#" ??
ultima domanda.. cosa signifca .clr {clear:both; float:left;} ??
-
#header > div fa si che le impostazioni abbiano effetto solo sui div che sono immediatamente sotto l'elemento con id header. In questo modo un div che si trova dentro un div che si trova dentro l'elemento header non subisce l'effetto della dichiarazione.
Nel secondo caso è stata una mia distrazione, il cancelletto ci va sempre
Il clear annulla l'effetto del float:left, è una cosa che capirai molto ma molto più avanti. Il float invece affianca due o più elementi partendo da sinistra
-
grazie mille per le delucidazioni...io ho scritto così
<style>
* {padding: 0; margin: 0;}
body{background:#CACACA url(http://www.robodaniele.net/images/sfondo.jpg) center top no-repeat;}
#container{width: 930px; margin: 0 auto;}
#content, #right-column{float:left;}
#content{padding-left:30px; width:500px; min-height:500px;}
#right-column{padding-left:140px; widht:400px; min-height:500px;}
.clr{clear:both; float:none;}
#header > div{float:left; line-height:160px; padding-left:40px;}
#header{height:160px; padding-left:200px;}
</style>
ma non ho capito come funziona il padding del content... se lo diminuisco si sposta a destra se lo aumento va verso sinistra... sono un caso disperato :(
-
strano perchè se diminuisci il padding il testo si deve spostare a sinistra, perchè diminuisce la "zavorra" che lo circonda.. sicuro di quello che dici? Dovrebbe essere vero il contrario. Ad ogni modo ora cerca di concentrarti sullo stile generale del sito, ai dettagli pensarai dopo. Procurati ad esempio le immagini che comporranno il sito: una barra di sfondo del menu con l'ombreggiatura in formato png (senza logo e senza le macchie), un'immagine con solo le macchie, una con solo il logo contornato dal quadrato bianco ed una per la "spaccatura" che vedo sotto il modulo login. Tutto deve essere rigorosamente in formato png e con sfondo trasparente. Ho visot che te la cavi con la grafica quindi dovresti essere in grado di procurati tutto ciò (anche perché io non lo saprei fare!)
-
su dreamweaver reagisce così... però vedo su internet che è tutto diverso da come è su dreamweaver.. con gli stessi valori il footer va dove dovrebbe andare.... invece su internet no... comunque tanto per vedere se inizio a capire provo a fare da solo i div logo, menu e top poi li correggiamo?
-
ok ora ci sono... ho fatto delle modifiche e penso di aver capito tutto o quasi... dimmi se va bene robodaniele.net
<style>
* {padding: 0; margin: 0;}
body{background:#CACACA url(images/sfondo.jpg) center top no-repeat;}
#container{width: 930px; margin: 0 auto;}
#content, #right-column{float:left;}
#content{padding-left:30px; width:500px; min-height:450px;}
#right-column{padding-left:140px; widht:400px; min-height:450px;}
.clr{clear:both; float:none;}
#header > div{float:left; line-height:160px; padding-left:40px;}
#header{height:160px; padding-left:265px;}
#footer {float:left; line-height:200px; padding-left:40px;}
</style>
-
ho letto ora che avevi modificato il tuo messaggio... oggi mi procurerò le immagini... anche se io con photoshop non sono molto pratico... siamo in due a fare questi lavori e questo mio amico si occupa quasi solo di photoshop... è una bestia ahahah io sono più bravo con i video e grafica 3d... i siti sono un hobby... chiamiamolo così :s appena ho le immagini ti faccio sapere ;) penso nel primo pomeriggio
-
come promesso ecco le immagini:
robodaniele.net/images/logo.png
robodaniele.net/images/menubar.png
robodaniele.net/images/menubar_shadow.png
robodaniele.net/images/header_background.png
robodaniele.net/images/macchie.png
il menu non sapevo se serviva con o senza ombra e il modulo login aspeto ad esportarlo per problemi tecnici ;)
-
inizio a posizionare queste immagini dentro i div creati? grazie mille per l'aiuto ;)
-
si daniele, scusa il ritardo ma oggi non ho proprio toccato il pc.
erroneamente nel css ho scritto #header {padding-left: 265px; }: il padding va cancellato perchè sposta troppo a destra il logo.
A quest'ultimo devi dare oltre che l'immagine di sfondo (che sarebbe il logo) anche una larghezza in modo che l'immagine sia sempre visibile
-
tranquillo stai facendo anche troppo!!! avevo immaginato infatti che dovevo togliere il padding....
PS: il 29 andrai a torino? se si sarà l'occasione di ringraziarti per l'aiuto che mi stai dando ;) magari ti offro un caffè?
-
ti ringrazio per il pensiero ma quest'anno purtroppo non ci sarò: Firenze era ancora accettabile come distanza, torino è fuori dai miei limiti ;D
Come procede il lavoro? Hai già inserito le varie immagini?
-
sono qui: <style>
* {padding: 0; margin: 0;}
body{background:#CACACA url(images/sfondo.jpg) center top no-repeat;}
#container{width: 930px; margin: 0 auto;}
#content, #right-column{float:left;}
#content{padding-left:30px; width:500px; min-height:450px;}
#right-column{padding-left:140px; widht:400px; min-height:450px;}
.clr{clear:both; float:none;}
#header > div{float:left; line-height:160px; }
#header{height:160px; background-image: url(images/header_background.png); }
#footer {float:left; line-height:200px; padding-left:40px;}
#logo {background-image: url(images/logo.png); width:229px; height:96px;}
</style>
se vai sul link vedi che ho messo anche lo sfondo dell'header ma ora lo tolgo sennò non riesco a posizionare il logo in maniera precisa... ho tolto il padding anche dal header > div
-
Questo al logo non devi darglielo:
height: 96px;
;)
-
ora provvedo... ho aggiunto un div per le macchie e messo anche il menu e le macchie ;) dimmi se va bene e se serve di postare il codice
-
allora.. no vediamo le macchie le dovresti unire alla barra del menu, nell'immagine devono essere un tutt'uno.. solo il logo ha un div a se perchè deve essere linkabile!
Approposito, da un po di margin-top e di margin-left al logo fino a che non va a coprire l'altro e nel suo backgorund aggiungi anche un "no-repeat center center" (diventerà quindi background:url(........) no-repeat center center;)
-
se aggiungo no repeat scompare lo sfondo...
-
perchè l'hai messo dopo background-image, invece devi inserire tutto (compresa la url) sotto "background:" e basta
-
ok fatto... ora?
-
il background del menu non puoi applicarlo al menu: sembra strano ma è così :) Devi applicarlo all'header e dargli la solita "center center no-repeat" dopo la url!
All'header non devi dare una width, anzi ricorda di toglierla anche al #menu ed elimina il div macchie
-
ma quindi devo fare un'img di sfondo con le dimensioni dell'header che contenga macchie, menu, ombra e sfondo vero e proprio(grigio con punti di luce)... poi faccio una sezione orizzontale da poter ripetere per la pagine del sito?
-
intanto ho trovato su internet il codice da incorporar eper poter utilizzare font "strani"... domani lo converto in eot per farlo essere compatibile anche con IE e poi lo aggiungiamo... mi dici tu dove... mi serve per il font del menù....
PS: devo anche predisporre un'altro div per google plus... giusto?
-
comincia dalle basi ti prego, poi aggiungerai tutte le cosacce che vuoi :) I font appesantiscono il sito, fanne un uso discreto...
Bastano macchie, barra del menu ed ombreggiatura se la desideri altrimenti anche senza.
Lo sfondo grigio salvalo a parte perchè lo applicherai al body o al wrapper
-
ok andiamo pian pianino :) ora accendo l'altro pc e faccio l'img dell'header... intanto al div del menu e del top devo dare alcune proprietà?
-
devo risolvere un problema e aggiorno
-
Dov'è il problema?
Approposito, man mano che andiamo avanti cerca in qualche modo di oscurare la parte di immagine che usiamo come sfondo che è stata già riprodotta!
-
fatto vedi se può andare!!!
-
non è meraviglioso??
ora cancella la scritta "logo", l'intero div "macchie" e la parola "testata", giusto per ripulire la grafica
(dopo)domani aggiungiamo il link al logo, un contenuto di esempio e la colonna laterale, dopodichè trasformiamo il template html in template per joomla 2.5 e da li in poi potrai sbizzarrirti quanto vuoi con colori, effetti e contenuti!
nel frattempo, dopo aver fatto le cose che ti ho detto su, puoi fare un'installazione di joomla sul dominio dove il sito sarà pubblicato e creare le varie voci di menu ed inserire già i vari articoli
-
bhè... di cose ancora un pochine mancano... per la barra laterale credo dovremo fare un override del modulo login... o no? per il pulsantino google plus cosa dobbiamo fare per metterlo in quel modo? e poi la sfida delle sfide... il menù con i sottomenù orizzontali :s io confido nella tua immensa conoscenza dei css... se non fosse stato per te non sarei mai riuscito a farlo... ti ringrazio davvero tanto!!!!
-
se cancello la scritta logo il div si schiaccia e non ci regoliamo... credo sia meglio lasciarla per ora... che ne dici?
il dominio dove sarà pubblicato non lo abbiamo ancora preso... appena lo avrò farò l'installazione di joomla e creerò il menù e i primi articoli ;) grazie mille
-
se cancello la scritta logo il div si schiaccia e non ci regoliamo... credo sia meglio lasciarla per ora... che ne dici?
E' un problema che conviene risolvere sul nascere, altrimenti dopo ci porterà mille altri problemi. Prova a dare al #logo un display:block; ed una height:160px;
-
sei un grande!!! problema risolto!!!! ora come procediamo? io stavo pensando che lo sfondo totale del sito metto questa fatta con photoshop però lo faccio sfumare verso il bordo inferiore sul grigio e continuo la pagina con il grigio... che ne dici?
-
guarda di grafica non ne capisco niente, faccio schifo anche nello scegliere i poster da appendere in camera! ::)
-
ahahah allora mi fido del mio grafico :P ti va di continuare?
-
stasera sono out, ho passato la giornata facendo spola tra casa ed università.. se vuoi puoi cominciare a fare quel lavoro che ti ho detto su un server gratuito, poi quando tutto sarà pronto lo trasferirai sul dominio ufficiale. Almeno avremo dei contenuti "di esempio" su cui appoggiarci per creare il menu e le posizioni modulo. Approposito, inserisci i dati nel footer: se si tratta di un'azienza è indispensabile la P.IVA, altrimenti sossoldichesenevannoperunami**ata... Fanno multe salate per sciocchezze come questa.
PS: lo sfondo del menu (la barra nera) riesci ad allungarlo verso sx? lo vedo un po sbilanciato
-
in realtà dovrebbe essere un sito/blog mio e del mio amico... i pochi lavori che abbiamo fatto li abbiamo fatti come ricevute per lavoro occasionale.. quindi senza partita iva... dobbiamo comunque scrivere qualcosa?
-
in quel caso no, ma non sono un legale quindi potrebbero esserci degli altri obblighi a cui prestare attenzione: con tutte le leggi assurde che stanno mettendo sulla censura ecc... non mi meraviglierei che appena salta fuori qualcosa che non sta bene a qualcuno vi trovaste un 404 su tutte le pagine
Per lo sfondo se vuoi farlo sfumare dal grigio scuro al chiaro o viceversa crea una immagine 1px per l'altezza della sfumatura (600px, 800px, 1000px....) e poi la imposti come background così: body{background:url (sfondosfumatura.png) repeat-x top #NNNNNN; } dove NNNNNN sta per il codice esadecimale del colore in fondo alla sfumatura (dev'essere proprio quello dell'ultimo pixel altrimenti vedrai una fastidiosa linea grigia che divide l'immagine dallo sfondo)
-
mmm credo che lo faccio ripetere verticalmente allora..... almeno la sfumatura segue tutta la pagina... forse è meglio... no?
-
Ma questo template c'è lo fate vedere?
Se ci piace c'è lo fate scaricare? :)
....non per essere pressante, ma sto aspettando notizie sulla modella!
-
ahahah la modella sembra essere irreperibile :(( per il template intanto finiamolo... poi vediamo... devo sentire anche il mio "collega" se fosse d'accordo a farlo scaricare o no... dopotutto l'idea grafica è sua... più o meno... ahahah
-
daniele non per scoraggiarti ma al di la del template e delle volontà del tuo collega, tutto ciò che è scritto sul forum è rilasciato con licenza copyleft, è cioè disponibile a tutti gli utenti che per assurdo potranno rileggersi tutto il testo e ricreare lo stesso template senza troppe complicazioni... Tutto ciò di cui si chiacchiera sul forum è copyleft, per questo non è possibile parlare di estensioni commerciali (almeno questa è l'idea che mi sono fatto da cinque minuti a questa parte! :) ). Una volta completato il template nessuno ti vieterà di tenerlo per te ma, ti ripeto, come questo "tutorial" è disponibile a te è disponibile anche a tutti gli altri utenti. Se preferisci ci fermiamo qui e non "sveliamo" il resto della procedura, ma l'assistenza gratuita sul forum si riceve solo a queste condizioni! Ed ecco anche perché molti non offrono assistenza tramite messaggi privati!
Mi preme ricordarti tral'altro che non stai creando un template che è proprio tutta farina del tuo sacco... ;) (non mi riferisco a me ma al webdesigner che lo ha precedentemente creato!)
-
mmm ho capito... non sapevo questa cosa... comunque va bene così.. continuiamo ;)
-
ma questo template non è una estensione commerciale... non credo venga rivenduta ;)
-
nono assolutamente... serve soltanto per il nostro sito/blog in cui far vedere alcuni lavori che abbiamo fatto.. nulla di che...
-
hai già la png dello sfondo? ricordami a che punto siamo arrivati perché sono due giorni che non ci lavoriamo su e mi sono dimenticato :)
-
avevamo finito los fondo dell'header e del logo ma devo risolvere il problema che sfuma il nero... ma di quello me ne posso occupare io... avevi detto che dovevamo fare il content e la colonna di destra dopodichè la base del template era pronta e dovevamo vedere le posizioni, il menù e gli altri dettagli come il login...
-
allora iniziamo a dare un po di stile alla pagina definendo i tag generici, senza soffermarci sui singoli caratteri del menu, le dimensioni specifiche, ecc...
Al body puoi assegnare un carattere (o una famiglia di caratteri in sostituzione al carattere qualora non fosse installato sul computer del visitatore) e la dimensione base del font principale usato dal template.
Dal sito del w3c scegli una terna di sans-serif web-safe fonts (sono i migliori per il web, quelli con le grazie e quelli monotype lasciamoli ai tipografi!) ed inseriscilo come dichiarazione di stile del body in questo modo:
es. se hai scelto l'arial:
body{
...
font-family: Arial, Helvetica, sans-serif;
}(I tre puntini sono le altre dichiarazioni già presenti nel css)
quindi gli dai anche una dimensione di base, possiamo scegliere un 11px o anche più/menu, ma non scendere mai sotto i 10px, per carita!!! Già con gli occhiali si fa fatica, figurati quando li dimentico...
Dimenticavo: per dare la dimensione al font inserisci il solito font-size:12px; nelle graffe del body, proprio come hai fatto per il font-family
-
fatto!! ho usato la terna che mi hai consigliato tu perchè è quella che avevamo già deciso con il mio amico ;) adesso?
-
Direi che potresti inserire dei contenuti di esempio nel content:
<h1>titolo 1</h1>
<h2>titolo 2</h2>
<h3>titolo 3</h3>
<h4>titolo 4</h4>
<h5>titolo 5</h5>
<h6>titolo 6</h6>
<p>Primo paragrafo</p>
<p>Secondo paragrafo</p>
<p>Terzo paragrafo</p>
<ul><li>Elemento A</li><li>Elemento F</li><li>Elemento Z</li><li>Elemento B</li><ul>
<ol><li>Elemento 1</li><li>Elemento 2</li><li>Elemento 3</li><li>Elemento 4</li><ol>
dopodichè applicare uno stile ad ognuno di questi
-
scusa la mia ignoranza... ma come mai così tanti elementi? non basta titolo e testo?
-
e se ti capitasse di inserirli ti piacerebbe che fossero tutti diversi da computer a computer? ::)
-
mmm no... quindi devono essere tutti uguali tranne h1 che magari scelgo colori, grandezze e cose varie... giusto?
-
no no, al p devi dare un margin-bottom di 15px; agli hX dai font-weight:bold; ed una grandezza ciascuno: più aumenta il numero X e più dimiinuisce la grandezza.. secondo me ti basta arrivare all'h4, di più non ci si arriva quasi mai...
al <li> devi dare un padding-left:15px; all'ul ed all'ol dai solo un margin-bottom:15px;
-
metto anche un margin top per separarlo dal titolo?
-
fatto puoi andare a vedere ;)
-
in realtà i titoli dovrebbero avere già tutti un proprio margin-bottom ;)
Ricorda che più stili definisci e più la riproduzione del sito sui vari browser sarà fedele a quella che avevi nella tua testa.
Direi che ci siamo, però alcune di queste dichiarazioni devono essere valide solo per il div#content, quindi quando le hai scritte nel css devi anteporre #content
es:
#content h1{}
questo vale almeno per i tag <p> e gli headers h1, h2 ed h3.
Poi tornando alla dimensione del carattere ti consiglio di salire un po proprio per ciò che ti dicevo prima: immagina che le risoluzioni dei monitor sono arrivati alle stelle per cui mentre un 20" 800x600 mostrerà un carattere gigantesco, un 15" da 4000x3000px (proporzioni super-approssimate) vedrà le scritte piccole come una formichina!!! Sali almeno ad 11.5 se proprio non vuoi toccare il 12!
Prossimo passo è definire un h3 anche per i moduli laterali: quindi inserisci un #right-column h3{} e dagli come al solito una dimensione ed un margin-bottom a tua scelta. Approposito, al #right-column gli aggiungi anche un padding-top:150px;
-
ora procedo con le modifiche... intanto stavo lavorando anche con lo sfondo e applicandolo al body non funziona... se lo metto al container si vede solo sotto l'header... da cosa dipende? ora riprovo e metto online
il padding top devo darlo all'h3 del dei moduli laterali o alla colonna direttamente?
-
il padding direttamente al div#right-column, lo sfondo va messo per forza sotto al body: probabilmente la dichiarazione non funziona perchè ne abbiamo già inserita un'altra!
Inserisci lo sfondo al body, ora controllo cosa non va
-
ho fatto :) cosa facciamo ora? l'immagine del login arriva domani se tutto va bene ;)
-
da al #colum-right width:400, non widht:400 ;) anzi no dagli un padding-left: 140px; e width: 250px; (correggi quelli già presenti)
ma prima del footer non c'era un <div class="clr"><>? stessa cosa subito dopo il div menu
da a #header un color:white;
-
alla colonna di destra ho tolto il padding altrimenti andava a capo... per il resto ho fatto quello che hai detto ;) alla colonna gli diminuisco un poco la larghezza e magari gli do del padding... che ne dici? tipo padding-left: 100px; width: 300px; che ne dici?
-
il padding glielo devi dare per forza, altrimenti ti trovi tutti i testi del container attaccati alla colonna laterale. Piuttosto aumenta il padding e diminusci il width. Ho modificato il post precedente con le misure esatte. Ora puoi inserire nel footer il copyright ecc... perchè dopo ti risulterà rognoso andarlo a modificare.
L'ultima fatica è dare al div #top e solo a lui un float:right; ed un padding-right:100px;!!!
-
non riesco a centrare il testo del footer!!!
-
leggi il post precedente (modificato come al solito dopo averlo pubblicato)
per il footer dai un #footer{text-align:center;} e gli togli quel float: left; ed il line-height: 200px;
-
per il footer avevo già provato in quel modo ma non funziona... ho anche modificato i paramentri del top!
-
quali parametri del top? controlla meglio di aver fatto tutto perchè io da qui lo vedo funzionare con le direttive che ti ho suggerito
-
il float e il padding...
-
e perchè mai?..
-
scusa intendevo dire aggiunti non modificati!!! sorry :(
-
tranquillo, invece che float:right; usa float:right !important;
per il footer elimina il float:left della riga 16, non so come ci sia finito li.
Ho pochi minuti di tempo per cui ti invio direttamente il file template già pronto (l'ho prelevato da direttamente robodaniele. net). Studiati un po il codice per capire quali sono i tag di joomla e come funzionano. Appena ho tempo creiamo il file xml necessario per l'installazione, intanto tu crea appunto un'installazione di joomla di prova dove poterlo installare!
-
funziona ;) colgo l'occasione per chiedere perchè serviva !important per farlo funzionare... intanto continuo a provare a centrare il testo nel footer!!!
-
perchè deve sovrascrivere le altre impostazioni che abbiamo dato a tutti i div dell'header (ricordi il famoso simbolo > ? )
per il footer ho risolto io non preoccuparti. Ti avevo già detto cosa fare ma evidentemente ti è scappato il messaggio!
-
oui mercì!!! ok... il testo del footer per ora resta dove è perchè non so più cosa provare... dimmi tu cosa fare ;)
-
per adesso facciamo così: tutte le immagini del template le schiaffi dentro la cartella images di joomla (quindi non dentro quella del template).
Il css per adesso lo lasciamo dentro la index, se vorrai successivamente la separerai
Ti allego la homepage pronta, manca solo il file templateDetails.xml per installarla. Se vuoi poi lo vediamo assieme intanto osserva tutte le modifiche che ho fatto e le differenze con la index.html che hai ora (e capirai i motivi per cui non si allineava il testo al centro).
ricorda che è una pagina con estensione .php quindi non funzionerà se non la usi all'interno di joomla (vedrai il risultato solo dopo averla installata come template)
-
che modifiche hai aggiunto?
-
i tag di joomla
[allegato eliminato da un amministratore essendo vecchio più di un anno]
-
però manca ancora qualche posizione.. come il seguici su, il posto per il forum, e ne predispongo uno per il footer e manca quello per "sharing is sexy"... li aggiungo?
puoi spiegarmi cosa significa la riga in alto con il commento no direct access?
PS: l'immagine per il login è più lunga di 250 pixel... come facciamo? la esporto provvisoria intanto
-
se vai a vedere ho fatto delle piccole modifiche... ho messo il login e la barra nera come png senza sfondo alta 1px... l'unica cosa che non so se sia fattibile altrimenti è uguale sarebbe farla iniziare da dopo il titolo... quindi solo nel paragrafo ma se è difficile va bene così... grazie mille
-
puoi spiegarmi cosa significa la riga in alto con il commento no direct access?
No direct access inibisce l'esecuzione del codice php della pagina al di fuori di joomla. e' una direttiva di sicurezza
Le altre modifiche ormai vanno fatte sul template in funzione
-
ma così non vedo i cambiamenti... non conviene finire prima la pagina e poi aggiungere le posizioni e il resto? se vai su robodaniele mi sembra di aver messo quasi tutto... se si aggiungo le posizioni che mi avevi messo sul file php che mi hai allegato e facciamo il file templatedetails.xml... dopdichè ci concentriamo sul menù e penso che abbiamo quasi finito... ok?
-
l'hai fatta l'installazione di joomla?
i cambiamenti ormai li vedi mentre il template è installato, altrimenti non lo farai mai funzionare sotto joomla! :)
-
si l'installazione di joomla è fatta nella root principale di robodaniele... basta che cancello l'index.html e funziona ;) scriviamo il file xml? prendo spunto da uno già fatto e lo cambio? però prima di farlo aggiungiamo le ultime posizioni... no?
-
prova questo pacchetto di installazione: ho sistemato già tutto per quanto riguarda css ed immagini ed ho già predisposto le cartelle per javascript, overrides ecc... se in futuro vorrai farle. Installalo ed effettuiamo le modifiche da li. Una volta completate le modifiche puoi ricompattare la cartella ed usarla come pacchetto di installazione. Ora puoi esaminare il codice e fare tutte le domande che vuoi
[allegato eliminato da un amministratore essendo vecchio più di un anno]
-
dove è il pacchetto?
-
l'ho dovuto ricaricare, ogni volta che allego qualcosa ultimamente mi da sempre errore e pubblica solo il messaggio... credo che presto dovrò veramente contattare un amministratore >:(
-
se vuoi ti do la mia mail....
-
segui queste indicazioni: pubblichi il menu nella posizione mainmenu ed un modulo facebok nella posizione "top". C'è una posizione footer in cui puoi inserire tutto il testo che desidere o anche icone affianco alla scritta del copyright, che a sua volta puoi cancellare ed inserire in un modulo pubblicato in quella posizione se preferisci. La colonna laterale corrisponde alla posizione right. Dopo il componente c'è una posizione bottom. Spero bastino per ora.
Lo sfondo dello strappo va inserito al singolo modulo e non al div della colonna. Riempi il sito con contenuti di esempio così puoi effettuare le altre modifiche mano mano
-
se vuoi ti do la mia mail....
Non cambierebbe niente, domani avrò sempre il problema di caricare allegati! Poi se volevo la tua email me la potevo procurare da solo: dany***95@ho**ail .com
Non preoccuparti, non la pubblico per intero per non renderti un'altra vittima dello spam ;)
Per curiosità, che scuola stai facendo?
-
scientifico... perchè?
-
te l'ho detto, per curiosità. Dal momento che parlavi di collega e di lavori credevo stessi mettendo su una web agency o roba del genere ma non capivo come avevi fatto appunto a completare gli altri lavori (molto carini comunque!) con queste basi di html :)
Scusami, è un brutto vizio quello di modificare il post dopo averlo inviato. Ho sempre paura che il computer mi giochi brutti scherzi e cancelli il testo che ho scritto per questo non essendocii un tasto salva lo pubblico e poi modifico!
-
capito :) ho installato il template e sto pubblicando i moduli nelle posizioni corrette.. manca però la barra nera... l'hai tolta tu dal codice oppure c'è qualcosa che non va? poi anche il login non va bene....
-
tranquillo... poi magari un giorno ti faccio vedere tutti i lavori che ho fatto... come sono migliorato pian pianino... se vedessi il primo dovrei sotterarmi dalla vergogna hahah
-
il pacchetto di installazione è strutturato sulla pagina html che abbiamo realizzato prima delle 19:00 da li avevo già cominciato a creare il pacchetto per cui era tardi per ricominciare tutto infatti ti ho detto che le altre modifiche le avremmo fatte dopo. Come vedi il css si trova nella cartella omonima all'interno del template e le immagini anche. Ora puoi sbizzarrirti nell'applicare i vari stili, ecc...
Se serve ancora qualcosa fammi pure sapere, se pensi invece che il supporto ricevuto sia sufficiente ti prego di inserire un [risolto] nel titolo del primo topic (sempre che il sistema te lo permetta ancora, dopo otto pagine di discussione potrebbe essere sparito il pulsante di modifica!)
-
mmm no ancora mi servi al 100& per menu e login... per il resto penso di poter finire da solo... domani vogliamo finire queste ultime due cose o le vogliamo vedere subito?
-
dimmi cosa serve. hai pubblicato già i due moduli?
dimenticavo, aggiungi: #menu ul li {display:inline; padding-left:10px;}
-
si! allora per il menu penso sia un lavoro abbastanza complesso... però una volta che mi fai vedere la struttura la personalizzazione dovrei riuscire a farla da solo... allora... il menù principale deve essere orizzontale... con il sottomenù orizzontale.. e la dove serve il terzo sottomenù invece verticale... , il login invece più simile possibile allo screen originale. lo spacco lo rimetto come sfondo del div perchè comunque quello dovrà vedersi sempre(diciamo che arreda ;) ) inoltre una cosa.. sotto la spaccatura dovrebbero comparire delle citazioni famose... una diversa per pagina... però esportare un template diverso per ogni singola pagina non conviene.. credo publiccherò un modulo diverso per ogni pagina... che ne pensi?
-
per il menu penso sia un lavoro abbastanza complesso...
--------------------------------------------------------------------
basta che applichi le impostazioni alternativamente ad ul li poi ad ul li ul li (secondo livello) quindi ad ul li ul li ul li (terzo livello). Per ora applica almeno quelle che ti ho già suggerito nel post precedente.
sotto la spaccatura dovrebbero comparire delle citazioni famose... una diversa per pagina... però esportare un template diverso per ogni singola pagina non conviene.. credo publiccherò un modulo diverso per ogni pagina... che ne pensi?
----------------------------------------------
esistono dei moduli che pescano una frase random dal database e la pubblicano. Puoi usare uno di questi ed applicargli un font particolare in modo che sembri un'immagine. Per i font particolari o usi i typekit per il web o usi script come cùfon (stessa cosa per il main menu)
-
la citazione però è scritta anche ruotata quindi non lo so... però vedremo la cosa più conveniente... tentar non nuoce...
per il menù non ho capito un "H" di quello che devo fare in pratica...
-
non avevo visto che avevi modificato il post precedente!!! ora provvedo
-
rimpicciolisco anche il testo?
-
rimpicciolisco anche il testo?
de gustibus :)
-
ok dai, sono d'accordo possiamo farlo domani così' concludiamo anche con il menu.. intanto installa maxxi menu ck, domani risolviamo il resto! ;)
-
non est dispuntandum...
ho scritto quello che hai detto... poi al modulo main menu ho detto mostra anche sottovoci ed il risultato è la fine del mondo disattivo mostra anche sottovoci?
-
ho scritto quello che hai detto... poi al modulo main menu ho detto mostra anche sottovoci ed il risultato è la fine del mondo disattivo mostra anche sottovoci?
--------------------------------
No, installa il modulo che ti ho detto
-
Correggi:
body {
background: #B2B0B1;Poi inserisci #menu ul li ul li{ display:block;} e #menu ul li ul li ul li {display:inline;}
prova a rimettere lo strappo come sfondo del div e poi vediamo anche per le citazioni: hai già cercato qualche modulo? Cosa hai trovato?
-
ieri sera ho spento dopo averti risposto e riaccendo ora... ho già installato il modulo che mi hai detto... ora aggiungo quelle righe di codice e attivo il modulo maxi menu ck togliendo quello che c'è ora?
-
oui.
Per il macello del menu ho scoperto da cosa dipende. C'è una piccola modifica da fare nel css. Ho usato una dichiarazione mai usata prima ed infatti è uscito quello che è uscito
-
fatto ma il menu è scomparso ora ?.?
-
non lo hai pubblicato
-
sisi è pubblicato
-
controlla bene, magari hai impostato una posizione inesistente... quella esatta è mainmenu e su stato deve essere "pubblicato". Guarda anche sotto in quali pagine è pubblicato, forse è impostato nessuna
-
non era pubblicato su tutte le pagine!!! ora dovrebbe funzionare
-
ora è funzionante.. cosa devo fare?
-
te l'avevo detto. ora puoi fare quello che vuoi: cosa vuoi fare?..
-
intanto devo posizionarlo nel posto giusto poi devo mettere il sottomenu orizzontale... e il terzo livello verticale...
-
Riprendi il codice che ti ho già postato:
Poi inserisci #menu ul li ul li{ display:block;} e #menu ul li ul li ul li {display:inline;}
Poichè il secondo deve essere orizzontale puoi non scrivere niente, mentre il terzo livello va modificato, dovrai quindi inserire solo:
#menu ul ul ul li {display:block;}
disattiva il tema dalle impostazioni di maxxi menu ck
-
non funziona.. non ho neanche capito bene cosa devo fare... ho messo template default invece di quello che c'era... ma non va... poi è posizionato male e va dove in futuro dovrò andarci il seguici su e forum...
-
non ti ho detto metti il template default ma di disattivare il template. Nelle impostazioni c'è il modo di farlo. Prova a cercare qualcosa come "usa tema del css"...
-
ok fatto
-
bene, cosa aspetti ad impostare correttamente il modulo affinché mostri i link sotto forma di tendina?
-
ci sto provando....
-
ora compaiono ma troppo lontano dal menù... si vedono sopra l'immagine di joomla... per avvicinarlo cosa modifico?
-
ora compaiono ma troppo lontano dal menù... si vedono sopra l'immagine di joomla... per avvicinarlo cosa modifico?
eppure io continuo a non vederle. Sono diventato cieco?
Ah no, semplicemente non hai pensato di dargli uno sfondo e giustamente bianco su bianco non si vede nulla...
facciamo così, elimina il line-height: 186px; dal css e dai al #menu ed al #top un margin-top:100px; almeno
-
guarda sopra l'immagine bianca di joomla... quando passi sopra link web o contattaci.. sopra le scritte nere si vedono queste bianche!!!
-
fatto!!! ancora però il sotto menù è verticale...
-
Riprendi il codice che ti ho già postato:Poichè il secondo deve essere orizzontale puoi non scrivere niente, mentre il terzo livello va modificato, dovrai quindi inserire solo:
#menu ul ul ul li {display:block;}
quindi devi eliminare #menu ul li ul li {display:block;} e lasciare solo #menu ul ul ul li {display:block;}
poi alla riga 12 diventa così:#menu {
font-size: 250%;
margin-top: 80px; /* HO RIDOTTO LA DISTANZA DAL BORDO ALTO PERCHE ERA TROPPA */
}
-
è ancora verticale.... sbaglio qualcosa?
-
dalla pagina che vedo sembra che quelle dichiarazioni non siano state proprio inserite, controlla bene che l'editor ti abbia salvato le modifiche
-
ma quanti ul ci hai messo? ? ? ? ? ?
Copia ed incolla le dichiarazioni che posto, non reinventarle!
-
fatto... adesso è rimasto solo ul ul ul li
-
il display inline va applicato solo a due ul ed un li.. : ul ul li
è il display:block che va dato a tre ul ed ul li
-
ora il sotto menù è orizzontale ma il menù principale è incasinatissimo... in più ci sono quei pallini che corrono avanti e indietro che sono comparsi all'improvviso :S
-
scusa ma adesso hai cancellato #menu ul li {display:inline;} ?
-
vogliamo vedere l'anteprima.
(http://www.alessiobenedetto.it/smiles/allegre/emoticons-allegre-04.gif)
-
se lo lascio il sotto menu resta verticale... :s non ci sto capendo nulla :( ((
-
tu aspetta, intanto va a comprare i popcorn ;D
-
se lo lascio il sotto menu resta verticale... :s non ci sto capendo nulla :( ((
tu lascialo, poi si vede quello che si deve fare. se ti metti a smanettare io perdo il filo del ragionamento! Potrei anche non saperne uscire fuori, ma fammici almeno provare!
-
Se no aspetta dai, toglilo come hai già fatto ed aggiungi questo:
#menu ul{list-style:none;}
poi
#menu ul li{padding-right:15px;}
-
tu aspetta, intanto va a comprare i popcorn ;D
OK metto le birre in ghiacciaia! :P
-
ora faccio quello che hai detto e ti dico una cosa che non mi ricordo se te l'avevo già detta... le voci di menu quando ci passo sopra dovrebbero cambiare colore... ma penso che quello posso farlo con maximenu ck... giusto? inoltre... dovrebbe comparire un traingolino sotto... come nello screen che avevo postato tempo fa... penso che prima o poi mi uccidi... aahaha
ho apportato le modifiche che hai detto...
-
mi sembra che il display:inline non abbia dato gli effetti sperati per cui non ci resta che provare con il float:left. ora dovrai riprendere questa riga:
#menu ul ul li {display:inline; padding-left:10px; font-size: 12px}e farla diventare
#menu ul ul li {float:left; padding-left:10px; font-size: 12px}
da qualche parte ho scritto:
#menu{font-size:250%; margin-top: 80px;}
fallo diventare
#menu{font-size:150%; margin-top: 80px;}
-
fatto :)
-
Un ultimo tentantivo, lasciando invariato il lavoro fatto fino ad ora ed inserisci
div.maximenuckh div.maximenuck2 {
width: 500px;
}
-
Sono proprio curioso..............
-
grandissimo ora ci siamo quasi... mancherebbe il triangolino fuxia che compare sotto le voci di menù quando sono attive e sospese... :P
-
non so di quale triangolino parli. Ora però pensiamo alle caratteristiche generiche, 10 pagine di discussione sono un po troppe per un supporto da forum... Se carlodamo ci mandasse a quel paese adesso gli darei pure ragione!!! Ora ti linko la guida per inserire il font personalizzato al menu, poi credo non serva altro oltre al mod login.. quello lo risolvi con una dichiarazione di css. Il menu puoi spostarlo sopra/sotto tramite il margin-top già impostato (lo diminuisci per salire, lo aumenti per scendere)
http://wiki.joomla.it/index.php?title=Font_personalizzati_in_joomla (http://wiki.joomla.it/index.php?title=Font_personalizzati_in_joomla)
-
Anche perchè adesso è il mio turno ;)
Dunque ho un idea strabiliante, una cosetta facile facile che mi risolvi in un decimo dei post usati in questa discussione. Vorrei fare un sito che mettesse in contatto le persone. Ho già il nome faccialibro...... :) :)
-
E' un'idea assurda... Un sito del genere non avrà mai successo... ::)
-
non so di quale triangolino parli. Ora però pensiamo alle caratteristiche generiche, 10 pagine di discussione sono un po troppe per un supporto da forum... Se carlodamo ci mandasse a quel paese adesso gli darei pure ragione!!! .........
come hai fatto a capirlo? :) :) :)
-
certo avete ragione... allora sistemiamo il modulo login e terminiamo qua... il resto spero di riuscire a farlo da solo...