Pagina 1 di 2
Inserimento sfondo pattern Stile Elegance di Arty
Inviato: 17/02/2016, 18:39
da maurence
Ragazzi vorrei mettere un immagine di sfondo un piccolo pattern che ho creato al tema elegance fatto da
Arty nelle istruzioni che danno per modificare il template scrivono:
If you want to set custom background color and image, do this: open theme/_colours.scss, find
Codice: Seleziona tutto
html, body {
color: $text-color;
@if $use-wrapper {
background-color: $page-background;
on last line of that code change
to your background rule like this
Codice: Seleziona tutto
background: #ff0000 url('./images/background.png') 50% 50% no-repeat;
background-size: cover;
Ovviamente seguite le istruzioni, avrò commesso qualche errore e dopo aver ricompilato il tema con una loro estensione non dava risultati.
Mi date gentilmente una mano a capire come fare per mettere questa immagine qui come sfondo in modo che si ripeta.
Grazie in anticipo a quanti risponderanno.
Re: Inserimento sfondo pattern Stile Elegance di Arty
Inviato: 17/02/2016, 19:07
da Sir Xiradorn
Basta che aggiungi il tutto nell'unico e solo file css. Non usare quelli scss se non sai cosa sia un preprocessore css.
La modifica va fatta alla fine e basta fare qualcosa del tipo
Codice: Seleziona tutto
html, body {
background: url('tua immagine') reapat center center scroll
}
Re: Inserimento sfondo pattern Stile Elegance di Arty
Inviato: 17/02/2016, 19:19
da maurence
Ho già fatto qualche modifica al codice ed usato per ricompilare un estensione e tutto regolare.
Non ci sono css tranne lo stylesheet dove hanno scritto in maniera inequivocabile
Re: Inserimento sfondo pattern Stile Elegance di Arty
Inviato: 17/02/2016, 21:39
da Sir Xiradorn
Matrix-FILM ha scritto:Le regole di base sono le stesse, come la gravità, e ricorda che queste regole sono simili a quelle di un sistema di elaborazione dati: alcune possono essere eluse, altre infrante. Tutto chiaro? Allora colpiscimi, se ci riesci.
Vai tranquillo. Se poi vuoi fare la modifica usando SCSS falla alla fine di quel blocco oppure aggiungila alla fine del file che hai detto e che dovrai compilare, come segue
Codice: Seleziona tutto
// Sir Xiradorn
// Modifica SCSS da compilare
html, body {
background: {
image: url('TUA IMG');
repeat: repeat;
position: center center;
}
}
EDIT: Puoi fare anche così per usare una etica più compatibile con lo scss
Codice: Seleziona tutto
// Sir Xiradorn
// Modifica SCSS da compilare
$xir_custom_image_url : 'link alla tua immagine';
html, body {
background: {
image: url($xir_custom_image_url);
repeat: repeat;
position: center center;
}
}
Re: Inserimento sfondo pattern Stile Elegance di Arty
Inviato: 18/02/2016, 11:18
da maurence
Sei stato super.
Risolto grazie davvero tanto.
Re: Inserimento sfondo pattern Stile Elegance di Arty
Inviato: 18/02/2016, 11:57
da maurence
Mi scuso se rispondo ma non ho l'opzione modifica per aggiungere una nota.
Da cellulare nel mio caso iPhone la visualizzazione ha un problema, l'immagine che si ripete crea uno strano disallineamento, allego un immagine.
Re: Inserimento sfondo pattern Stile Elegance di Arty
Inviato: 18/02/2016, 12:43
da Sir Xiradorn
Disallineamento riguardo cosa?
Re: Inserimento sfondo pattern Stile Elegance di Arty
Inviato: 18/02/2016, 16:17
da pegasus81
Credo si riferisca a quelle sottili linee celestine orizzontali e verticali. Devi sistemare l'immagine e ricaricarla... Di sicuro presenta dei bordi leggermente più chiari...
Re: Inserimento sfondo pattern Stile Elegance di Arty
Inviato: 19/02/2016, 10:04
da maurence
Non mi riferisco al contorno, l'ho fatto di proposito.
Mi riferisco che solo da iphone (da altri so mobili va bene) la visualizzazione degli argomenti non è a tutto schermo, ma c'è sul lato destro una colonna vuota come da immagine sopra.
Re: Inserimento sfondo pattern Stile Elegance di Arty
Inviato: 19/02/2016, 12:01
da pegasus81
Dispositivo e browser utilizzati?