tenendo presente il mio Forum http://www.idaf.it/index.php?action=forum
io vorrei inserire questa immagine http://www.idaf.it/loghi/HP/copertinaidafrid.jpg
il cui effetto sia simile a questo: http://custom.simplemachines.org/themes/index.php?action=download;lemma=2458;id=14481;image
Mi piacerebbe anche spostare la barra del menù così come indicato....
Purtroppo è la prima volta che mi affaccio sul Temi, quindi vi chiedo per favore di spiegare pianino ;)
Qualcosa del genere, vero? :P :P :P :P :P :P
Mi piacciono questi giochini coi temi e css ;D
voglio provarlo ma dove lo vado a mettere il file?
Ti spiego i passaggi:
index.css a riga 1347
#header
{
background: url(../images/theme/main_block.png) #fefefe no-repeat 0 -480px;
padding-left: 20px;
}sostituisci "main_block.png" con il file "copertinaidafrid.jpg" ed il -480 lo fai diventare 0.
Inquesto modo ti scompare la parte superiore del tema curve e ti compare l'immagine che vuoi tu.
Se la vuoi centrata DEVI AGGIUNGERE
background-position: Center;Problema: dovresti fare scomparire il logo che hai centrato in alto nell'header.
Per fare ciò potresti andare nell'index.template.php (penso)
<h1 class="forumtitle"> etc etc etc Puoi cancellare da <h1> a </h1> oppure da <a> fino a </a>
E tutto è fatto
Consiglio spassionato: Quel senape dei link e il bordo dei menu perchè non lo modifichi? a me proprio questa parte del tema curve non piace proprio
dimenticavo: così facendo l'immagine non ti si vede completamente in altezza
Per vederla tutta devi aggiungere, sempre dentro le proprietà dell'header (da riga 1347 in poi)
height: 543px;Altro problema: le scritte vicino al box di nome utente e password non si leggono bene
Bene, ho posizionato la foto tutta destra, il logo centrale non lo voglio togliere, ma anzichè centrato lo voglio mettere tutto a destra, come devo fare?
N.B. sto provando tutto in local.
2. Consiglio spassionato: Quel senape dei link e il bordo dei menu perchè non lo modifichi? a me proprio questa parte del tema curve non piace proprio
3. E' possibile eliminare il tasto ricerca posto a destra?
Come faccio?
Filippo da una occhiata al sito ora, www.idaf.it
Ho creato una immagine unica comprensiva del logo, perchè non sapevo come posizionare due foto distintamente.
Nota lo spigolo in alto a sinistra non è più tondo come quello di destra, noto un disallineamento.
Ti allego il file
A prima vista non riesco a capire cosa abbia fatto sparire il bordo arrotondato.
Noto invece che così l'immagine non si ridimensiona quando si restirnge l'immagine.
Prova magari a ripartire da zero rifacendo i passi ad uno ad uno e vedere quando e perchè ti scompare
Prova sopratutto con un'immagine + stretta di questa
Per il resto. Quel coso senape è gestito dal file menu_gfx.png
(https://www.italiansmf.net/forum/proxy.php?request=http%3A%2F%2Fwww.idaf.it%2FThemes%2Fdefault%2Fimages%2Ftheme%2Fmenu_gfx.png&hash=d1e7b176b4965f38f91284d9dbdd1f95889529b4)
Se cambi quel senape in un altro colore ottieni il risultato
io ho toccato questi parametri
#header
{
background: url(../images/theme/copertinaidafrid.png) #fefefe no-repeat 0 0px;
padding-left: 20px;
background-position: Right;
height: 320px;
}
#header div.frame
{
background: url(../images/theme/main_block.png) no-repeat 100% -480px;
display: block;
padding: 83px 20px 1em 0;
}
ho toccherellato qualche valore...
in originale il tutto era:
{
background: url(../images/theme/main_block.png) #fefefe no-repeat 0 -480px;
padding-left: 20px;
}
#header div.frame
{
background: url(../images/theme/main_block.png) no-repeat 100% -480px;
display: block;
padding: 5px 20px 1em 0;
}
Cavolo se non si ridimensiona l'immagine è un vero problema.
Ho appena inserito un'immagine più stretta...
A meno che tu abbia già modificato index.template.php in passato per rimuovere l'opzione o per cambiarla, il link all'immagine "idaf" lo metti nelle opziopni del tema come "url del logo" (o simile), quindi metti l'immagine della macchina come background di...header come ce l'hai adesso dovrebbe funzionare.
Mio consiglio: evitare sempre e comunque di ridimensionare i loghi, il risultato non può che essere abominevole.
Citazione di: emanuele il Sabato - 13 Luglio 2013 - 10:32
A meno che tu abbia già modificato index.template.php in passato per rimuovere l'opzione o per cambiarla, il link all'immagine "idaf" lo metti nelle opziopni del tema come "url del logo" (o simile), quindi metti l'immagine della macchina come background di...header come ce l'hai adesso dovrebbe funzionare.
Mio consiglio: evitare sempre e comunque di ridimensionare i loghi, il risultato non può che essere abominevole.
Lo sapevo che non dovevo mettere mano ai temi, sul web ho rimesso tutto a posto.
Lavoro in local ora, come hai detto tu emanuele riesco tranquillamente a gestire il logo principale e la foto della macchina.
x Filippo: Ho ripercorso tutto pian piano, il bordo arrotondato di sinistra, mi scompare non appena faccio la primissima operazione ovvero:
Citazione di: Filippo il Venerdì - 12 Luglio 2013 - 09:18
Ti spiego i passaggi:
index.css a riga 1347
#header
{
background: url(../images/theme/main_block.png) #fefefe no-repeat 0 -480px;
padding-left: 20px;
}
sostituisci "main_block.png" con il file "copertinaidafrid.jpg" ed il -480 lo fai diventare 0.
Inquesto modo ti scompare la parte superiore del tema curve e ti compare l'immagine che vuoi tu
Visto. Non capisco, sinceramente dove sia il problema.
Perchè non installi il tema da cui hai preso spunto e lo personalizzi?
Rettifico. Quel bordo è dato proprio dall'immagine che tu sostituisci e quidi, se la levi, scompare il bordo.
Filippo ho cambiato tema.... vedi ora.
hai presente l'header attuale? Voglio centrarlo sia in altezza che in larghezza, dove devo intervenire?
uhm, parli di questo.?
(https://www.italiansmf.net/forum/proxy.php?request=http%3A%2F%2Fwww.idaf.it%2Flogo.jpg&hash=f2215849546620aa3edfc4e9d215625b52d4712b)
Penso che tu non possa centrarlo in quanto sulla dx c'è il box di nome utente e password
Dovresti spostre quest'ultimo giù e poi centrare il logo
Ma neanche centrarlo tra il margine sx e il box posto a dx?
Un'altra cosa, con il tema che attualmente uso, è possibile cambiare tutto ciò che è in rosso, in blu?
Se si come?
http://custom.simplemachines.org/themes/index.php?lemma=2704
centrare: difficile ma non impossibile. Ma ne val la pena? sembra sempre spostato
....
Ed io che ti avevo messo ancora + rosso >:D
Lo vuoi blu?
Allora io lo voglio così com'è, solo che dove si trova il rosso voglio il blu, se non è troppo complicato.
Sempre misto al grigio.
ok
Cominciamo dalla'lto, la righina sopra il menu:
riga 1123 del file index.css:
#main_menu
{
float: left;
width: 100%;
height: 30px;
background: rgb(107, 107, 107);
border-top: 5px solid rgb(175, 57, 57);
-moz-box-shadow: inset 0px 4px 3px -3px #000;
-webkit-box-shadow: inset 0px 4px 3px -3px #000;
box-shadow: inset 0px 4px 3px -3px #000;
}
al posto di rgb(175, 57, 57); metti un codice colore di tuo gradimento (per es rgb(0,0,107)).
Poi cerca nella zona riguardante il drop menu e dove trovi rgb(175, 57, 57); lo sostituisci col blu che hai scelto prima.
Infine ti rimane div.cat_bar. che ti da il bordino di sx nelle categorie. Stesso discorso.
Per la cronaca rgb(107,107,107) indica il grigiolino
Citazione di: titanium il Sabato - 13 Luglio 2013 - 16:08
Filippo ho cambiato tema.... vedi ora.
hai presente l'header attuale? Voglio centrarlo sia in altezza che in larghezza, dove devo intervenire?
Togli ad h1.forumtitle il:
float: left;ed aggiungi:
text-align: center;Citazione di: titanium il Sabato - 13 Luglio 2013 - 17:03
Un'altra cosa, con il tema che attualmente uso, è possibile cambiare tutto ciò che è in rosso, in blu?
Se si come?
http://custom.simplemachines.org/themes/index.php?lemma=2704
Per prima cosa devi trovare "tutto" :P
Ad esempio:
div.cat_bar {
background: #AF3939;questo è per i bordini rossi di fianco alle barre dei titoli.
.dropmenu li a.active span.firstlevel {
background: #AF3939;
}per il menù attivo
.dropmenu li a.active {
background: #AF3939;per il bordino del menù attivo
#main_menu {
background: #6B6B6B;
border-top: 5px solid #AF3939;per il bordo in alto del menù.
Poi, cerca tutti i #AF3939 in index.css e dovresti trovarli tutti...
All'esterno io metterei lo sfondo del precedente tema. Così è troppo grigio
Ah, manca la favicon
1. La favicon la carica, su alcune pagine e su altre no...perchè? Ho dimenticato in quale file si trovala favicon.. uffa.
2. Per il colore tutto ok, ho provato il blu ma non mi piace, ma dove trovo il codice colori? Ossia 107 è blu, un rosso ferrari che codice è.
Grazie a tutti, pian piano sto modificando....
Citazione di: Filippo il Sabato - 13 Luglio 2013 - 20:32
All'esterno io metterei lo sfondo del precedente tema. Così è troppo grigio
3. No quello di prima era azzurrino, magari un grigio che sfuma verso il bianco, ma NON lo so fare e non so dove intervenire.
4. aaa... dimenticavo, la funzione ricerca è sparita.
Aggiornamento, risolto quasi tutto tranne il punto 4.
poi....
5. il testo associato a un link tipo Italian SMF (http://www.italiansmf.net/forum/index.php?action=forum), vorrei che avesse una diversificazione di colore, come in questo caso, nel mio tema è impercettibile....
6. sarebbe possibile diversificare con una tonalità di colore differente il settore delle info utente con quelle del post, non mi piace quel grigio continuo:
(https://www.italiansmf.net/forum/proxy.php?request=http%3A%2F%2Fi213.photobucket.com%2Falbums%2Fcc17%2F007maury007%2FSTAMP_zps4703cab7.jpg&hash=67efc33477b6f2e1f71d073c08248b13e7f2b8ae)
se si dove intervengo? Sto smanettando a non finire, ma non ci riesco.
Mi crei un utente normale, così guardo?
queste cose se non sei registrato non le vedi
i link in alto:
.navigate_section ul li a riga 1525, modifica il valore di "color"
a riga 5 puoi modificare gli altri link
(ho dato uno sguardo veloce in quanto sto vedendo peppa pig con mio figlio :P )
.poster, riga 1964 aggiungi color: il coloreche vuoi tu da dare al testo;
Tutto il testo della zona del profilo cambierà colore
Citazione di: Filippo il Domenica - 14 Luglio 2013 - 14:06
.poster, riga 1964 aggiungi color: il coloreche vuoi tu da dare al testo;
Tutto il testo della zona del profilo cambierà colore
Non il testo Filippo, ma il colore di sfondo
(https://www.italiansmf.net/forum/proxy.php?request=http%3A%2F%2Fi213.photobucket.com%2Falbums%2Fcc17%2F007maury007%2FSTAMP_zps4703cab7.jpg&hash=67efc33477b6f2e1f71d073c08248b13e7f2b8ae)
lo sfondo a sx della linea rossa, deve essere differente (anche se di poco) dallo sfondo a dx (ovvero da campo post)
come sopra ma devi scrivere "background-color" e non "color"
Citazione di: Filippo il Domenica - 14 Luglio 2013 - 14:22
come sopra ma devi scrivere "background-color" e non "color"
bene, come do la continuità al colore sino a fine post?
non ho capito: non vuoi chi si veda lo stacco in basso tra un colore e l'altro?
nel mentre gioco un pò con delle variazioni di colore
variante rossa
La blu è più carina.... ti spiego meglio domani, perchè la modifica.
Ritornando a noi:
(https://www.italiansmf.net/forum/proxy.php?request=http%3A%2F%2Fi213.photobucket.com%2Falbums%2Fcc17%2F007maury007%2Fstamp2_zps5dde897f.jpg&hash=2c5c75ccab086193ea6096e226f3e9e9030c8ed6)
la vedi la linea rossa? Li si conclude il bianco, io vorrei che sia continuativo, come se fosse una fascia intera per tutto la pagina sul lato sx, non deve interrompersi per lasciar spazio al grigio.
Dimenticavo NONlo vedi sul web, perchè sto provando in local prima.
ops, sinceramente non saprei.
ho trovato qualche cosa di simile in giro ma non mi ha dato il risultato sperato.
ci riprovo domani
Non facilmente possibile senza cambiare l'intera struttura dell'area.
Una delle limitazioni dell'html.
Be allora se per estendere un colore dobbiamo cambiare un'intera struttura, allora lasciamo perdere.
Grazie come sempre per i consigli e l'interessamento.
se vuoi la variante blu, fischia ;)
(NAturalmente mi devi pagare un set di gomme 195/60r15 88v) >:D
sono 4 modifiche alla lettera
riga 1123
riga su
modifica -> border-top: 5px solid rgb(166, 0, 0);
riga giù
aggiungi -> border-bottom: 5px solid rgb(166, 0, 0);
ed ottieni due belle righe rosse sopra e sotto il menu
se vuoi la parte sx delle categorie blu vai a riga 816 (div.cat_bar)
modifica -> background: rgb(0, 0, 107);
vuoi la barra tutta blu?
riga 795 (h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg)
modifica -> background: rgb(0, 0, 107);
vuoi che la voce di menu evidenziata sia blu?
cerca e modifica le seguenti parti
.dropmenu li a.active span.firstlevel
{
background: rgb(0, 0, 107);
}
.dropmenu li a.active
{
color: #fff;
background: rgb(0, 0, 107);
font-weight: bold;
-moz-box-shadow: 4px 1px 7px -5px #000;
-webkit-box-shadow: 4px 1px 7px -5px #000;
box-shadow: 4px 1px 7px -5px #000;
}
Naturalmente se questo blu vuoi modificarlo, basta variare i valori rgb
Bene farò tesoro, di questi codici per successive modifiche, per ora agli utenti piace il rosso vivo.
Piuttosto, se non vado errato, non appena si riceve un messaggio privato, a parte il popup da me impostato, il menù Messaggi Privati non ottiene modifica....... Come mai?
mandami un pm su idaf
Citazione di: Filippo il Lunedì - 15 Luglio 2013 - 18:21
mandami un pm su idaf
Confermo, se un utente non ha attiva la finestra di poup non se ne accorge di aver ricevuto un PM, piccolo errore di chi ha creato il tema... come possiamo rimediare?
AGGIUNGO: nell'index del forum in basso dove inizia il blocco post recemti, caldendario di oggi, statistiche del forum ecc ecc, vorrei che ci fosse la barra grigia con la linietta rossa come per le categorie, con scritto all'interno Centro informazioni
Hai per caso il mod menu editor lite installato?
Citazione di: emanuele il Lunedì - 15 Luglio 2013 - 20:52
Hai per caso il mod menu editor lite installato?
No ho: mp notification style, Force Read Pms, PM Readed, PM to New Member, per quanto riguarda i PM.
menu editor lite, mi sa di no, ma ho Footer Menu v.1
Hai ragione, mi hai fatto pensare, era mp notification style, ora compare il numerino [1]
Ho aperto il forum, ricevuto il popup e l'ho annullato. Nel menu messaggi c'è un bel [1] che mi segnala la presenza del pm. che altro ci vuole?
No scusami, avevo già risposto ad emanuele...ho risolto eliminando una mod.
Filippo mi puoi dare una mano in questo?
nell'index del forum in basso dove inizia il blocco post recemti, caldendario di oggi, statistiche del forum ecc ecc, vorrei che ci fosse la barra grigia con la linietta rossa come per le categorie, con scritto all'interno Centro informazioni
quale è la domanda di riserva? ;D
Allora: Stranamente manca nel template in uso. Sia nel core che uso io che nel tema in uso qui c'è una porzione di codice in +.
Presumo in index.template.php ....
continuo dopo che corico il pupo :))
Forse così:
nel index . template.php dovresti trovare una porzione di codice html
<div class="statscollapse">
<img id="upshrink_ic" class="icon" style="cursor: pointer;" title="Riduce o espande la testata." alt="Riduce o espande la testata." src="http://www.idaf.it/Themes/originred/images/collapse.gif"></img>
</div>
deve diventare
<div class="cat_bar">
<h3 class="catbg">
<div class="statscollapse">
<img id="upshrink_ic" class="icon" style="cursor: pointer;" title="Riduce o espande la testata." alt="Riduce o espande la testata." src="http://www.idaf.it/Themes/originred/images/collapse.gif"></img>
</div>
Centro Informazioni
</h3>
</div>
Citazione di: titanium il Lunedì - 15 Luglio 2013 - 20:58
Hai ragione, mi hai fatto pensare, era mp notification style, ora compare il numerino [1]
Quei numeri non sono aggiunti dal template, quindi è stato naturale sospettare che il problema era un mod. ;)
Citazione di: Filippo il Lunedì - 15 Luglio 2013 - 23:01
Forse così:
nel index . template.php dovresti trovare una porzione di codice html
<div class="statscollapse">
<img id="upshrink_ic" class="icon" style="cursor: pointer;" title="Riduce o espande la testata." alt="Riduce o espande la testata." src="http://www.idaf.it/Themes/originred/images/collapse.gif"></img>
</div>
deve diventare
<div class="cat_bar">
<h3 class="catbg">
<div class="statscollapse">
<img id="upshrink_ic" class="icon" style="cursor: pointer;" title="Riduce o espande la testata." alt="Riduce o espande la testata." src="http://www.idaf.it/Themes/originred/images/collapse.gif"></img>
</div>
Centro Informazioni
</h3>
</div>
Allora Filippo, ho fatto come hai detto, solo che trattasi del file BoardIdex.template.php
ho effettuato la modifica, ho spostato solo la scritta Centro informazioni, però come potrai vedere non viene centrata rispetto alla barra, possiamo fare qualche accorgimento in marito?
Ti allego il file se può servire
Il Primo è quello Modificato
Il Secondo è quello originale
La voce "centro informazioni devi metterla dopo la chiusura del div
tu hai messo
CitazioneCentro Informazioni
</div></h3>
invece prova con
Citazione</div>Centro Informazioni
</h3>
Avevo fatto la modifica in quanto guarda adesso il risultato?
Ora ho impostato come mi hai detto
metti tra commenti la voce
Citazioneheight: 20px; da trasformare in /*height: 20px;*/
in .statscollaps (riga 3287)
Anzi, portala a 5 px ( e levi tutti gli spazi prima e dopo la scritta "centro informazioni" nel file php
Fatto vedi ora, compare, ma non perfettamente al centro della barra grigia.
{
width: 100%;
height: /*height: 20px;*/
padding-bottom: 5px;
margin-top: -8px;
}
Citazione di: Filippo il Martedì - 16 Luglio 2013 - 15:18
metti tra commenti la voce Citazioneheight: 20px; da trasformare in /*height: 20px;*/
in .statscollaps (riga 3287)
Anzi, portala a 5 px ( e levi tutti gli spazi prima e dopo la scritta "centro informazioni" nel file php)
Perfetto ho messo a 4px e mi sembra ottimale.
Lo so che sto esagerando........ ma se vorrei centrare il + posto a dx della barra? Ovvero il tasto per collassare il blocco informazioni?
riga 863, cerca "img#upshrink_ic"
modifica il primo valore di "margin" facendo diventare
margin: 16px 5px 0px 0px;
(Adesso di mando l'iban, così cambio le ruote alla macchina :)) )
Be che dire, ti ho appena accreditato un treno gomme da 17.
Grande Filippo.
bastavano da 15" :))
poi mi devi spiegare come fai a inquadrare riga e file su cui intervenire.
.......a
ultima spiaggia credo....
Nell'index sotto le boar vi è la voce: Topic: 34 | Post: 422
o la si sposta al lato come nel vecchio tema, oppure se è complicato la possiamo eliminare?
Curiosità, tale scritta non è cliccabile, fatta eccezione per la board : Gli altri Marchi, Come mai?
Citazione di: titanium il Martedì - 16 Luglio 2013 - 16:25
poi mi devi spiegare come fai a inquadrare riga e file su cui intervenire.
Credo utilizzi firebug, estensione di Firefox ;)
semplicemente approfitto della voce "ispeziona elemento" o "analizza elemento" presente col pulsante dx del mouse (firefox o chrome)
Citazione di: titanium il Martedì - 16 Luglio 2013 - 16:28
.......a
ultima spiaggia credo....
Nell'index sotto le boar vi è la voce: Topic: 34 | Post: 422
o la si sposta al lato come nel vecchio tema, oppure se è complicato la possiamo eliminare?
Curiosità, tale scritta non è cliccabile, fatta eccezione per la board : Gli altri Marchi, Come mai?
riga 168-169 del file php, mi pare:
<p>', $txt['board_topics'], ': ', $board['is_redirect'] ? '' : comma_format($board['topics']),' | ', $board['is_redirect'] ? $txt['redirects'] : $txt['posts'], ': ', comma_format($board['posts']), '
</p>';Se lasci solo
';cosa succede?
Che succede? Abbiamo risolto, abbiamo tolto quello che volevamo togliere. ;)
Grazie ancora.
Già finito? ora che cominciavo a carburare..... :D
ultima prova, tanto per giocare
Non male, Filippo che ne pensi di mettere:
Salve Titanium
Mostra i topic non letti dall'ultima visita
Mostra le nuove risposte ai topic a cui hai partecipato
18 Luglio 2013, 16:30:59
sotto all'header tutto a destra?
è complicato? Cosi centriamo l'heaer
fattibile, penso bisogna copiare le impostazioni del tema core, per esempio
Sembra facile: devi prendere la porzione di codice relativa al div "user" e metterlo a chiusura di div "topsection". (Se vuoi maggiori dettagli ne parliamo)
A questo punto metterei sulla stessa linea avatar e parte di testo.....
Citazione di: Filippo il Venerdì - 19 Luglio 2013 - 10:13
Sembra facile: devi prendere la porzione di codice relativa al div "user" e metterlo a chiusura di div "topsection". (Se vuoi maggiori dettagli ne parliamo)
A questo punto metterei sulla stessa linea avatar e parte di testo.....
Bene con tanta fatica ci sono riuscito....
Ma non sono riuscito a mettere il tasto ricerca... niente da fare non ci riesco....
CMQ Filippo, secondo me non sta bene visualizzare l'avatar personale, quindi vorrei eliminare la visione di quello, secondo me non ha senso.
A quanto pare, lo hai già tolto
La funzione search?
Manca la porzione di codice simile a questo, presumo
<form id="search_form" action="http://www.idaf.it/index.php?action=search2" method="post" accept-charset="UTF-8">
<input name="search" value="" class="input_text" type="text">
<input name="submit" value="Ricerca" class="button_submit" type="submit">
<input name="advanced" value="0" type="hidden"></form>
Piccolo problema, la barra del menù del forum, contiene una serie di funzioni.
per gli utenti normali:
Home
Forum
Aiuto
FAQs
Ricerca
Profilo
Mappa
Messaggi privati
Segnalibri
Calendario
Downloads
Contact
Utenti
Esci
per gli ADMIN c'è da aggiungere: Amministra Modera.
Il colore del carattere è bianco, quindi quando un utente visualizza il sito su piccoli schermi e/o tablet, il menù va a capo, non ripetendo lo sfondo grigio, ma vanno a capo solo le funzioni finali:
Contact Utenti Esci,
che essendo bianche non sono percettibili.
Che cosa mi consigliate di fare?
Togliere qualcosa dal menù? :P
Citazione di: emanuele il Martedì - 06 Agosto 2013 - 11:13
Togliere qualcosa dal menù? :P
Oppure utilizzare dei sotto-menu :)
Bene, i sottomenù sarebbe l'ideale.
Innanzi tutto vorrei eliminare la voce AIUTO, come posso fare? dove intervenire?
Poi mettere i Segnalibri ed il Calendario come sottomenù del campo Profilo, come faccio?
Se è solo eliminare l'help, apri Subs.php, cerca 'help' e dove in corrispondenza trovi show' => true, cambialo in show' => false,
Se vuoi cambiare il menù in maniera più radicale, invece, puoi usare:
http://www.simplemachines.org/community/index.php?topic=498146.0 (tendo a preferire questo anche se non è ancora finito perché più completo dell'altro)
oppure
http://custom.simplemachines.org/mods/index.php?mod=3310
Scusate, ma le cose più semplici a volte diventano le più complesse, voglio togliere la visualizzazione dell'avatar nella parte di login-logout, per intenderci vi allego il file.
Non ricordo in quale file intervenire...
<p class="avatar"><img class="avatar" width="100" height="100" alt="" src="http://www.gilera-bi4.it/download/NonSiPuoAndareInMoto/RCtoRCR.gif"></img></p>
Questo ti fa comparire l'avatar
Si lo so Filippo, lo avevo visto con Ispeziona Elemento di Google, ma non trovo in quale file eliminare quella stringa
Citazione di: titanium il Lunedì - 16 Settembre 2013 - 14:37
Si lo so Filippo, lo avevo visto con Ispeziona Elemento di Google, ma non trovo in quale file eliminare quella stringa
Dovrebbe essere boardindex.template, o al massimo index.template
la seconda che hai detto, riga 195
Benissimo trovato, ed eliminato, ora voglio abbassare un po questo gruppo, è troppo in cima:
Benvenuto Titanium
Topic non letti dall'ultima visita
Nuove risposte ai topic a cui hai partecipato
16 Settembre 2013, 14:48:53
ovvero centrarlo un po
Ero sicuro di questa richiesta, incontentabile!!!!!! ;D
Citazione di: Filippo il Lunedì - 16 Settembre 2013 - 14:54
Ero sicura di questa richiesta, incontentabile!!!!!! ;D
Ufffff, ok se è incontentabile, lasciamo così.
Grazie ancora. ;)
... ma forse ero io l'incontentabile... quindi si può fare..... E dai Fili.....
riga 1461 del file index.css
aggiungi al div.user padding-top: OOpx; metti tu il valore :P
Alla grande. ;)
Rieccoci, vorrei fare un piccolo accorgimento al tema, ovvero spostare il blocco di login ovvero:
Benvenuto Titanium
Topic non letti dall'ultima visita
Nuove risposte a topic già letti
18 Ottobre 2013, 12:09:45
posto in alto a destra, e lo voglio spostare in basso a sinistra, ovvero dopo la barra di menu di navigazione magari prima o dopo il nome de forum per intenderci allego la foto.
(https://www.italiansmf.net/forum/proxy.php?request=http%3A%2F%2Fi213.photobucket.com%2Falbums%2Fcc17%2F007maury007%2FSenzatitolo-1_zps667f2445.jpg&hash=ba8107bf93b17feab065823597ad474f30691b9d)
Ho provato a smanettare tra index.template.php e index.css del tema corrente, ma ho solo creato caos.
é possibile avere un dritta?
Il tutto è finalizzato ha mettere l'header bene al centro.
Era un pò che non martoriavi il forum, vero? ;D
Devi prendere la porzione di codice <div class="user">
<ul class="reset">
<li class="greeting"><b>Benvenuto</b> <span>FilippoSMF</span></li>
<li><a href="http://www.idaf.it/index.php?action=unread">Topic non letti dall'ultima visita</a></li>
<li><a href="http://www.idaf.it/index.php?action=unreadreplies">Nuove risposte a topic già letti</a></li>
<li>18 Ottobre 2013, 18:13:06</li>
</ul>
</div> e piazzarla prima della porzione <div class="navigate_section">
Anche se noon mi piace come modifica
Mmmmmmmmmmmmmmm!!!
Non proprio, ci sono.... allego il file
EDIT
Avevo pensato si annullare il codice con // e quindi di aprire un blocco di Simple Portal, utilizzando la funzione informazione utente. PEr far ciò devo creare un blocco "Sopra", e non laterale, creandolo sopra però dovrei trovare il metodo per non far venire le informazioni utente al centro ma lateralmente.
Insomma devo intraprendere una delle due strade, ma ho bisogno di un vostro indirizzo ;)
scusa ma non ho capito
1. Non mi trovo con la porzione di codice da spostare, ed ho allegato il file.
2. Avevo pensato come seconda strada:
2.1 annullo il codice che mi genera il tutto con "//"
2.2 tramite simple portal apro un blocco in alto al forum, e uso come blocco "Informazioni Utente", che quindi mi da tutto quello che avevo prima di fianco all'header;
2.3 solo che aprendo un blocco in alto l'avatar me lo da al centro, quindi si dovrebbe smanettare per eliminare l'avatar del Simple Portal mettere tutto a destra anzichè al centro.
Cmq Filippo se mi aiuti sulla prima strada forse è meglio.
guarda
Ottimo, facciamolo tutto a destra, e diamo un po di spazio tra la line del menù e la scritta Benvenuto.
Come hai fatto? ;)
Intanto proviamo a portarlo giù.
guartdando il file che hai allegato pare che devi spostare da riga 189 fino a riga 256
echo '
<div class="user">';...........
.....<br class="clear" />';
Spostando il codice dopo echo '
<div id="content_section"><div class="frame">
<div id="main_content_section">';
che si trova a riga 297-300. Vediamo che succede
bene, il tutto è sceso giù, andando a sinistra e creando un grosso spazio sottostante.
Filippo, allora, spostiamo il tutto a destra, e diminuiamo lo spazio sottostante, poi eventualmente riattivo la visualizzazione dell'avatar.
Ti allego il file.
EDIT:
Spazio ridotto intervenendo sul css ovvero:
#main_content_section
{
width: 100%;
min-height: 70px;
ma non riesco a portarlo a destra
E' tornato l'avatar: se lo togli recuperi spazio.
css, riga 1396 main_content_section
aggiungi text-align: right;
oh, ma lo hai già fatto?
E si... Filippo credo stia bene, unica cosa, vorrei aumentare un po il campo bianco nell'header
nel senso più spazio bianco sotto il logo grande di Idaf
quello dipende dalla grandezza del logo. Se cancelli il logo diventa minimo. Se metti un logo + grande aumenta anche esso.
Mi pare sia scomparso il banner pubblicitario
poi metti il logo a centro: riga 1404 leva la porzione con "float...." e sostituiscila con "text-align:center;"
Se proprio vuoi dare un altro pò di bianco sotto al logo:
padding: 0px 10px 10px; + grande il valore + aumenti lo stacco
Ok, ottimo.
Ho provato a metterlo al centro ma non mi piaceva.
Ultima cosa, non riesco a ridurre lo spazio sottostante che intercorre tra:
Benvenuto Titanium
Topic non letti dall'ultima visita
Nuove risposte a topic già letti
24 Ottobre 2013, 17:26:45
e
It Discussioni Auto Ford
c'è un <br class="clear" /> che se cancelli diminuiisce lo spazio tra i due pezzi.
Non cancellare il '; che chiude.
Ho provato effettivamente riduce lo spazio, ma ho notato qualche problemi, a volte le pagine si bloccano, e non è possibile accedere a nulla se non dopo qualche secondo.
Poi a volte cliccando da qualche parte si apre una pagina bianca priva di contenuto, denominata "data".
Quindi ho rimesso la stringa al suo posto.
Credo che per la riduzione dello spazio si debba intervenire nel css
al posto di br scrivi div
.....
ah, probabilmente dovrai chiudere con un </div>
Quindi il rigo <br class="clear" />; dovrebbe diventare
<div class="clear"></div>;
Citazione di: titanium il Venerdì - 25 Ottobre 2013 - 15:06
Ho provato effettivamente riduce lo spazio, ma ho notato qualche problemi, a volte le pagine si bloccano, e non è possibile accedere a nulla se non dopo qualche secondo.
Poi a volte cliccando da qualche parte si apre una pagina bianca priva di contenuto, denominata "data".
Difficile che sia dovuto alla rimozione di un pezzo di markup.
Al massimo quel <br> potrebbe causare qualche slittamento sopra/sotto, ma non certo cose di questo genere.
Più probabile che sei incappato in qualche altro problema, di connessione magari.
Tra l'altro:
<div id="sp_footer">
<div id="sp_block_423" class="sp_block_section_last" >
<div>
<div class="sp_block">
<html>
<head>
<meta charset="utf-8">
<title>Demo Prova Link</title>
<link rel="stylesheet" href="http://www.idaf.it/Themes/originred/css/style.css">
</head>
<body>
<section id="container">
<div class="item alcenter">
<div class="effect-name">© Copyright 2013</div>
<font size="1">
<a href="http://www.idaf.it/index.php?PHPSESSID=39907eb55474c79d4d96a295b2be4385&page=page3699" class="effect effect4" data-title="Leggi i termini del ©">Italia Discussioni Auto Ford</a><font color='#000000'><b> | </b></font>
<a href="http://www.idaf.it/index.php?PHPSESSID=39907eb55474c79d4d96a295b2be4385&page=page1395" class="effect effect4" data-title="Leggi i termini del ©">Le Guide "fai da te" di Idaf</a><font color='#000000'><b> | </b></font>
<a href="http://www.idaf.it/index.php?PHPSESSID=39907eb55474c79d4d96a295b2be4385&page=page2634" class="effect effect4" data-title="Chi siamo">Lo Staff del sito</a><br>
<a href="http://www.idaf.it/index.php?PHPSESSID=39907eb55474c79d4d96a295b2be4385&page=page1415" class="effect effect4" data-title="Di chi è, a cosa serve">La Pubblicità sul sito</a><font color='#000000'><b> | </b></font>
<a href="http://www.facebook.com/pages/Idafit-It-Discussioni-Auto-Ford/141418835936960?sk=wall" class="effect effect4" data-title="Visita la pagina">Facebook Page</a>
</font>
</div>
</section>
</body>
</html>
</div>
</div>
</div>
</div>
<br />Quelle chiusure di body e html non devono stare lì. ;)
vero
Be ho seguito la guida del menù a scomparsa, che si trova nel topic precedente:
http://www.italiansmf.net/forum/index.php?topic=615.msg2043#msg2043
Ho l'impressione che dovete aiutarmi a risolvere questo inconveniente.
Non sempre, ma durante la navigazione nel sito, clicco e mi compare una pagina bianca vuota, dove nella barra di navigazione compare:
data:,
Citazione di: Filippo il Lunedì - 21 Ottobre 2013 - 09:17
Intanto proviamo a portarlo giù.
guartdando il file che hai allegato pare che devi spostare da riga 189 fino a riga 256
echo '
<div class="user">';...........
.....<br class="clear" />';
Spostando il codice dopo echo '
<div id="content_section"><div class="frame">
<div id="main_content_section">';
che si trova a riga 297-300. Vediamo che succede
Il problema è partito dopo questa modifica.
Voglio riprovare a mettere tutto come prima solo che ho dimenticato dove riandare a piazzare il codice:
echo '
<div class="user">';...........
.....<br class="clear" />';
Se vai indietro nel topic dovresti trovare il file prima della modifica.
Mal che vada mi pare di averlo scaricato io.
del resto non ti serve di spostare quel div se non devi centrare l'header
Citazione di: titanium il Sabato - 26 Ottobre 2013 - 12:21
Ho l'impressione che dovete aiutarmi a risolvere questo inconveniente.
Non sempre, ma durante la navigazione nel sito, clicco e mi compare una pagina bianca vuota, dove nella barra di navigazione compare:
data:,
Forse conviene aprire un nuovo topic in modo da non incasinarsi in due discussioni contemporaneamente. ;)