Pagina 4 di 4
Re: Prosilver - spostare immagine online a sinistra
Inviato: 04/05/2016, 20:48
da maxco73
Sir Xiradorn ha scritto:
Hai installato il mio stile? Si? Ok.
Come faccio a fare la modifica? Semplice vai nella parte dal modifica, copi la parte di stile interessata dal css, la copi nel file indicato e a modifichi.
ciao,
si ho installato lo stile, e pulito pulito funziona, ovvero appare tutto come prosilver.
poi nel file personal.css ho riportato le modifiche che avevo fatto ai css di prosilver.
alcune vengono recepite altre no.
ora non ho sottomano il file personal.
appena posso ti allego il file personal con le modifiche che avevo fatto ai vari css e l'indicazione del casa mi aspetto nella grafica.
domanda da neofita: ma dai vari css si può copiare qualunque parte di codifica e copiarla nel personal? non c'è un qualche formalismo strutturale da rispettare?
ciao e grazie
Re: Prosilver - spostare immagine online a sinistra
Inviato: 04/05/2016, 23:40
da Sir Xiradorn
Ti basti sapere che il formalismo è dato dalla tipologia di linguaggio quale è il CSS. Essendo come l'html ovvero di markup, viene interpretata posizionalmente. Ovvio che quindi se tu scrivi che un certo elemento ha prima il background rosso e poi in seguito scrivi che lo stesso prende come background il colore verde, il risultato finale avrà come colore definitivo il verde proprio perchè si trova in seguito. Le eccezioni sul "flusso interpretativo" sono rappresentate de due cose: importance ( ovvero l'uso del tag !important ) e specifity (di cui ho fatto più volte spiegazione e se cerchi trovi che banalmente è il PESO del css ) e che quindi in ovvio fa primmeggiare parti che non sono in ordine di posizione ma di importanza e peso specifico.
Chiaro? O punti oscuri?
Re: Prosilver - spostare immagine online a sinistra
Inviato: 07/05/2016, 19:27
da maxco73
Ciao Xiradorn,
diciamo che è tutto oscuro... infatti mi sa che per prima cosa mi devo comprarare un manuale su html e css per imparare le basi..
ti allego il file personal che ho creato per riportare le istruzioni che avevo messo nei singoli file di prosilver (dove li funzionano...) (che estensione dovrei usare per allegre il file al post? css, txt... non me li accetta..)
Forse manca di formalismo e non so in che ordine devo mettere le istruzioni (mi ero basato sulla sequenza con cui in prosilver nel stylesheet vengono richiamati i vari css...)
grazie mille
Codice: Seleziona tutto
/* Personal Style Sheet
--------------------------------------------------------------
Customize your style here!!!!!!!!!
@author : YOURNAME
--------------------------------------------------------------
*/
/* DA COMMON */
/* Aumenta font nome sito e fa apetura a tutta pagina del forum */
/*---------------------------------------------------------------*/
h1 {
/* Forum name */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-right: 200px;
margin-top: 15px;
font-weight: bold;
font-size: 4em;
}
#wrap {
border: 1px solid transparent;
border-radius: 8px;
margin: 0 auto;
/* max-width: 1152px;*/
min-width: 625px;
padding: 15px;
}
/*---------------------------------------------------------------*/
/* DA CONTENT */
/* sposta avatar a sinistra e topic a destra */
/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
width: 76%;
float: right;
position: relative;
}
/*---------------------------------------------------------------*/
/* Attachments
----------------------------------------*/
.attachbox {
float: left;
width: auto;
max-width: 100%;
margin: 5px 5px 5px 0;
padding: 6px;
border: 1px dashed transparent;
clear: righ;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*---------------------------------------------------------------*/
/* DA COLOURS */
/* sposta immagine online a sinistra */
/*---------------------------------------------------------------*/
.online {
background-image: url("./en/icon_user_online.gif");
background-position: 20% 0; /*100% 0;*/
background-repeat: no-repeat;
}
/*---------------------------------------------------------------*/
/* DA IMAGESET */
/* ridomensiona logo */
/* Global imageset items */
/*---------------------------------------------------------------*/
.imageset.site_logo {
background-image: url("./images/site_logo.jpg");
padding-left: 150px;
padding-top: 121px;
}
Re: Prosilver - spostare immagine online a sinistra
Inviato: 07/05/2016, 19:30
da frank
Non c'è una sequenza, nel file PERSONAL.css ci metti i css come ti pare, lui li legge tutti.
Io non so cosa tu ha combinato, se stai usando prosilver, funziona. Fa un esempio semplice di un css che non funziona, tanto per riuscire a capire.
Re: Prosilver - spostare immagine online a sinistra
Inviato: 07/05/2016, 21:18
da maxco73
Ciao,
sotto allego 2 screenshot: 1 è il sito reale con le modifiche fatte direttamente in prosilver, l'altro è come appare il sito utilizzando proxigen ed il css che ho indicato prima.
Non sono diversi css a non funzionare ma l'unico che è personalizzato e presente in proxigen ovvero PERSONAL.
Come indicato in alcuni posto prima, proxigen importa tutto prosilver e poi personalizza con 1 solo css
Codice: Seleziona tutto
/* Import style from prosilver */
@import url("../../prosilver/theme/stylesheet.css");
@import url("personal.css");
le uniche modifiche che funzionano sono:
1) aumento del font nome sito
Codice: Seleziona tutto
h1 {
/* Forum name */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-right: 200px;
margin-top: 15px;
font-weight: bold;
font-size: 4em;
}
2) spostamento a destra immagine "online"
Codice: Seleziona tutto
.online {
background-image: url("./en/icon_user_online.gif");
background-position: 20% 0; /*100% 0;*/
background-repeat: no-repeat;
}
3) ridimensionamento logo
Codice: Seleziona tutto
.imageset.site_logo {
background-image: url("./images/site_logo.jpg");
padding-left: 150px;
padding-top: 121px;
}
le altre modifiche per spostare avatar a sinistra e adeguamento a tutta pagina del forum non vanno.
sito con prosilver (reale online)
sito online.jpg
sito in locale
sito in locale.jpg
Re: Prosilver - spostare immagine online a sinistra
Inviato: 07/05/2016, 21:26
da frank
Come ti avevo detto in un post precedente, per fare una cosa corretta, usa prosilver e vedrai che i css funzionano. Non capisco perché nel tuo stile importi i css di prosilver, a cosa serve?
Elimina quello stile e usa solo prosilver originale.
Re: Prosilver - spostare immagine online a sinistra
Inviato: 08/05/2016, 18:10
da Sir Xiradorn
Frank lo stile funziona benissimo. L'importazione di prosilver ti serve a usare prosilver come base e usare il personal.css come sovrascrittore. La tua estensione fa la stessa identica cosa. Non sono due cose per dire una funge l'altra no, ne tanto meno la tua estensione funziona meglio del mio stile. NON CAMBIA NULLA. Il formalismo css è lo stesso nei due casi.
La sequenza esiste eccome. E' oltremodo importantissima abbinata al peso dei css.
Andiamo per gradi e modifichiamo un pezzo per volta e vedrai quanto è facile. Partiamo da una prima modifica. E a tal proposito ti chiedo: Cosa vuoi modificare? I passaggi sono gli stessi che faresti con l'estensione di frank a differenza che con il mio stile puoi toccare ANCHE il template. Con l'estensione non è così facile
Re: Prosilver - spostare immagine online a sinistra
Inviato: 19/05/2016, 14:14
da maxco73
ciao, scusate il ritardo nella risposta ma il lavoro mi ha tolto i pochi momenti disponibili...
per prima cosa vorrei invertire i blocchi dell'avatar e quello dei post.
in prativa avatar a sinistra e di conseguenza topic a destra.
grazie
Re: Prosilver - spostare immagine online a sinistra
Inviato: 10/06/2016, 18:37
da Sir Xiradorn
E' stato già trattato come argomento. Cerca bene perchè se ne sta già parlando in un altro topic