Prosilver - spostare immagine online a sinistra

[maxco73]

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

[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?

[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;
}

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

[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

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

[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

[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

[Sir Xiradorn]

E' stato già trattato come argomento. Cerca bene perchè se ne sta già parlando in un altro topic