Welcome

Halloween Page d'accueil

Station 19

Halloween, LS codage Forumactif Templates & Eléments Page d'accueil Page d'accueil Station 19

MODERNBB

Optimisé Aucun effet particulier, tout en simplicité.
Réalisé pour le forum :

Retour

Codage page d'accueil Station 19 Halloween Forumactif

CSS

/******************************************* PAGE ACCUEIL *******************************************/
.pa_station {
        background: #2c2c2c;
        width: 850px;
        box-sizing: border-box;
        padding: 2% 3% 1%;
        font-family: 'Oswald', sans-serif;
  	margin: auto;
  	text-align: center;
}

.pa_gauche {
        width: 22%;
        float: left;
}

.pa_droite {
        width: 73%;
        margin: 0 0 0 5%;
        float: left;
}

.pa_station::after {
        clear: both;
        display: block;
        content: "";
}

/* TITRES */
.pa_station h2 {
        color: #e7e0e7;
        text-align: left;
        border: 0;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-family: Oswald, sans-serif;
        border-bottom: 1px solid #bb91b5;
        display: table;
        padding: 0;
}

/* RESEAUX SOCIAUX */
.pa_rs img {
    	margin: 0 4%;
}

/* LIENS UTILES */
.pa_liens {
    	margin: 10% 0;
}

.pa_liens a {
        display: block;
        background: #a61797;
        color: #f0f0f0;
        text-transform: uppercase;
        margin: 7% 0;
        padding: 2% 0;
  	transition: .5s all;
}

.pa_liens a:hover {
    	background: #a6179794;
}

/* ZOOM SUR */
.pa_zoom {
        background: #a5699f;
        padding: 6%;
}

.pa_zoom img {
        border: 4px solid #7c1073;
        border-radius: 5px;
        margin: 0 2%;
}

/* INTRODUCTION */
.pa_presentation {
        border: 5px solid #a5699f;
        border-radius: 5px;
        padding: 1%;
        text-align: justify;
        width: 100%;
        box-sizing: border-box;
        height: 90px;
        color: #f0f0f0;
        overflow: auto;
        letter-spacing: 1px;
}

/* NOUVEAUTES */
.pa_news {
        background: #f0f0f0;
        margin: 5% 0 3.2%;
        width: 100%;
        padding: 2%;
        box-sizing: border-box;
        height: 110px;
        overflow: auto;
        text-align: left;
}

.pa_news p {
    	margin: 2% 0;
}

.pa_news span {
        background: #7b1271;
        color: #f0f0f0;
        padding: .5% 2%;
        margin: 0 1% 0 0;
}

/* DERNIERES PHOTOS */
.pa_photos {
        background: #a4689e;
        padding: 1% 2% 2%;
}

.pa_photos img {
        border: 5px solid #7b1271;
        border-radius: 5px;
        margin: 0 1.8%;
}

a.pa_credits {
        color: #a4689e;
        font-size: 10px;
        text-transform: uppercase;
        float: right;
        margin: 2% 0 0;
}

HTML

Dernière modification : 25 April 2020 23 : 33.

#station19 #pageaccueil #forumactif #codage #libreservice

Halloween