'Black moon' CSS layout voor jouw profielpagina


Mooie, nette, zwart-witte layout voor jouw Socializen profielpagina

.

Profiel layout: 'Black moon'

Bijzonderheden: In deze layout zijn de vlakken transparant, zijn alle kolommen aan de rechterkant gezet en hebben de avatars een mooie schaduw en de topbalk is aangepast aan het thema. 

Download HIER het pakketje met daarin de wallpaper en de cover!

Sla het pakketje op je computer op als bijv 'Blackmoonlayout.css', dus niet als .txt, anders werkt het niet!

Of kopieer onderstaande code, plak hem in je kladblok op je pc en upload hem in je Socializen Dashboard bij 'Design' in het CSS-bestand gedeelte. Kies desgewenst zelf een passende achtergrond en cover!

Wordt ook lid van de groep 'Socializen Layouts en Profielpimps' als je op de hoogte wilt blijven van de laatste layouts!

 

De CSS-code:

 

.navbar-default, .wo_about_wrapper_parent {
padding-right: 205px;
background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(199,187,172,1) 47%, rgba(28,18,14,1) 100%);
box-shadow: 2px 2px 4px 0 #000;
}

.sun_profile_header_area .user-cover-reposition-w img {
height: 100%;
opacity: 0.9;
}

.sun_side_widget .sun_prof_foll_ing .sidebar-user-data .avatarc {
display: block;
padding-top: 100%;
box-shadow: 2px 2px 4px 0 #000;
border-radius: 200px;
}

.sun_pic_info .user-avatar img {
width: 100%;
box-shadow: 0 2px 10px rgba(0,0,0,.15);
border-radius: 50%;
box-shadow: 2px 2px 4px 0 #000;
}
.sun_profile_container .sun_col-md-3 {
width: 27%;
float: right;
}

.sun_side_widget {
background: #fff;
box-shadow: 0 1px 13px rgba(0, 0, 0, 0.08);
margin-bottom: 25px;
border-radius: 5px;
box-shadow: 2px 2px 4px 0 #000;
}

.sun_side_widget .sun_side_widget_title {
padding: 9px 13px;
font-size: 16px;
color: #222;
display: flex;
align-items: center;
font-weight: bold;
margin: 0;
background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(199,187,172,1) 47%, rgba(28,18,14,1) 100%);
}

.sun_profile_container {
width: 100%;
max-width: 1120px;
margin: -42px auto 0;
position: relative;
/* z-index: 9; */
background-color: #000000;
opacity: 0.9;
border: 3px solid #000000;
-----other style----- border-width: 3px;
border-style: solid;
-webkit-box-shadow:0px 0px 24px 8px #908b8b;
-moz-box-shadow:0px 0px 24px 8px #908b8b;
box-shadow:0px 0px 24px 8px #0000;
}

.post .post-heading {
height: 70px;
padding: 15px;
background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(199,187,172,1) 47%, rgba(28,18,14,1) 100%);
box-shadow: 2px 2px 4px 0 #000;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
font-weight: 400;
line-height: 1;
color: #f0e9e9;
}

.post .post-heading .meta .title a b {
margin: 0;
color: black;
font-size: 25px;
}

.post .post-heading .avatar {
width: 44px;
height: 44px;
display: block;
border-radius: 50%;
margin-left: -32px;
box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 4px 0 #000;
}

.post .post-description {
padding: 15px 15px 8px;
box-shadow: 2px 2px 4px 0 #000;
}

.sidebar .list-group, .post .panel, ul#filterby-post {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 5px;
border: 0;
box-shadow: 2px 2px 4px 0 #000;
}