My Style

Descrizione ed esempi delle estensioni per PHPBB 3.1
Rispondi
Topic_id: 61
Avatar utente
Micogian
Amministratore
Messaggi: 104
Iscritto il: 28/11/2014, 19:32

My Style

Messaggio da Micogian »

Nome estensione: My Style
Autore: Micogian
Descrizione: Estensione che aggiunge un file css personalizzato che modifica parte dello stile di defaulf.

Tra le modifiche una impostazione diversa dei colori di sistema, lo spostamento del profilo a sinistra e il corpo del testo a destra, ma nel file "./theme/my_style.css" si possono inserire tutte le modifiche volute, dato che il css viene aggiunto dopo quelli di sistema tutte le modifiche inserite sovrascrivono quelle di sistema.
L'eslensione è molto semplice, si tratta di inserire nella cartella "./ext" le sottocartelle "micogian/my_style/"
All'interno della cartella "my_style inserire il file "composer.json" con il seguente contenuto:

Codice: Seleziona tutto

{
    "name": "micogian/my_style",
    "type": "phpbb-extension",
    "description": "Aggiunge un file css che consente di modificare lo Style di sistema",
    "homepage": "https://www.giannidose.altervista.org/",
    "version": "1.0.0",
    "time": "2018-11-28",
    "license": "GPL-2.0",
    "authors": [
        {
            "name": "Micogian",
            "email": "giannidose@tin.it",
            "homepage": "https://www.giannidose.altervista.org/",
            "role": "Developer"
        }
    ],
    "require": {
        "php": ">=5.3",
        "composer/installers": "~1.0"
    },
    "extra": {
        "display-name": "My Style",
        "soft-require": {
             "phpbb/phpbb": "3.1.*@dev"
        }
    }
}
Nella cartella "my_style" va creata la cartella "styles/" e il file del template con questo indirizzo "./styles/prosilver/template/event/overall_header_stylesheets_after.html" e questo contenuto:

Codice: Seleziona tutto

	<!-- INCLUDECSS @micogian_style/my_style.css -->
Infine il file css con il seguente percorso: "./styles/prosilver/theme/my_style.css" e il seguente contenuto che può essere sostituito dai css personalizzati.

Codice: Seleziona tutto

/* estensione my_style
Style personalizzato - Micogian 2018
i valori originali sono commentati
-------------------------------------------------*/

/* Profilo a destra, testo a sinistra */
----------------------------------------*/
.attachbox {
	float: left;
	width: auto;
	max-width: 100%;
	margin: 5px 5px 5px 0;
	padding: 6px;
	border: 1px dashed transparent;
	clear: right; /*left;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-color:  #D2D8C9;
}

.pm-message .attachbox {
	background-color: #F3F3F2;
}

.attachbox dd {
	border-top-color: #D2D8C9;
}

.postbody {
	padding: 0;
	line-height: 1.48em;
	width: 84%; /*76%;*/
	float: right; /*left;*/
	position: relative;
}

.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	border: 1px solid transparent;
	border-width: 0 0 0 1px;
	width: 14%; /*22%;*/
	float: left; /*right;*/
	display: inline;
}

/* Classi modificate nel css originale colour.css */
.bg1 {background-color: #F9FCED; }/*#ECF3F7;*/
.bg2 {background-color: #EBEBDD;} /*	background-color: #F7F7F7; ori= #e1ebf2;*/
.bg3 {	background-color: #F9F9F9;}/*#e1ebf2;*/

.online {
	background-position: 11% 0;
}

Download:
my_style.zip
(2.53 KiB) Scaricato 691 volte
Installazione: scaricare il pacchetto, decomprimere e inserire nella cartella "./ext/micogian/"
Rispondi