Topic : « J'aimerais faire un theme vaporwave pour avenoel »
Citation de Perturbator
Citation de PanachayBien sûr
Citation de PerturbatorYa moyen d'avoir ton thème ?
J'ai ça://image.noelshack.com/fichiers/2017/02/1484127482-jesusah2.png
Bon j'ai juste mis le background
Ah cool

Citation de Perturbator
J'ai ça![]()
![]()
Bon j'ai juste mis le background
T'as fait comment pour supprimer l'anti aliasing de la police ?
J'ai mis des propriétés css mais ca marche pas je crois

Alors mon theme n'est pas le miens à la base 
J'ai pris celui là https://userstyles.org/styles/152930/dark-ky-u
Et j'ai changé le background

Si vous voulez le même que le miens copier ça.topic-message .message-header .message-date {
display: block;
font-size: 11px;
color: #9E9E9E;
text-shadow: 1px 1px 1px black;
}
.topic-message aside.message-aside .message-infos {
margin: 0;
font-size: 12px;
color:#BDBDBD;
text-shadow: 1px 1px 1px black;
}
.topic-message .message-header .message-username a {
color: #3F4447;
}
.topic-message .message-header .message-username a {
font-size: 18px;
font-weight: 500;
color: #3F4447;
font-family: "Calibri";
text-shadow: 1px 1px 1px black;
}
.spoiler .spoiler-btn {
color: #5C6BC0;
cursor: pointer;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 22px;
width: 62px;
padding-top: 28px;
overflow: hidden;
background: #3330 url("
"
no-repeat;
}
.topics-date {
width: 130px;
text-align: center;
}
.text-muted {
color: #d4d4d4;
font-family: Calibri Light;
font-size: 12px;
}
h2, .h2 {
color: #BDBDBD;
padding-top: 7px;
font-size: 20px;
font-family: "Calibri Light";
text-shadow: 1px 1px 1px black;
}
.topic-title {
text-align: center;
margin: 0 0 25px;
}
.topic-message aside .message-infos u {
color: white;
text-shadow: 1px 1px 1px black;
font-size: 13px;
font-family: "Calibri light";
}
.grey-btn.btn {
background: #6C7984;
color: #FFF;
text-transform: uppercase;
font-size: 0.9em;
}
.topic-message aside.message-aside .message-avatar img {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 5%;
}
.message-quote img {
box-sizing: border-box;
background-image: url('
');
max-width: 20px;
max-height: 20px;
width: auto;
height: auto;
padding-right: 20px;
}
section .pagination li.subactive {
border-bottom: 2px solid #5C6BC0;
text-shadow: 1px 1px 1px black;
}
.topics td {
padding: 2px!important;
line-height: 1.4;
font-size: 13px;
font-family: "Calibri Light";
}
.navbar {
border-radius: 0!important;
font-size: 1.3em;
font-weight: 700;
border-bottom: 4px solid #5C6BC0!important;
text-shadow: 1px 1px 1px black;
}
.footer {
border-top: 4px solid #5C6BC0!important;
position: absolute;
bottom: 0;
width: 100%;
padding: 10px;
font-size: .8em;
background: #212121;
text-align: center;
text-shadow: 1px 1px 1px black;
}
.footer a {
color: #5C6BC0;
}
section.aside {
font-size: 0.9em;
}
section.aside ul li:before {
content: "✮ ";
color: #5E6FB5!important;
display: inline;
text-shadow: 1px 1px 1px black;
}
body {
background-image: url("
");
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
font-family: "Calibri";
font-size: 15px;
color: #BDBDBD;
text-shadow: 1px 1px 1px BLACK;
}
.topic-message .message-content {
min-height: 170px;
font-family: "Calibri";
font-size: 15px;
color: #BDBDBD;
text-shadow: 1px 1px 1px BLACK;
}
section.aside ul li a {
color: #BDBDBD;
font-family: "Calibri light";
font-size: 14px;
text-shadow: 1px 1px 1px black;
}
section.aside ul li a:hover {
color: #a6b0d9;
text-shadow: 1px 1px 1px black;
}
main.container .container-content section {
background: #22272f;
border: 1px solid black;
box-shadow: 8px 8px 12px #000;
}
.breadcrumb {
border: 1px solid black;
box-shadow: 5px 5px 10px black;
background: rgba(255,255,255,0.1);
padding: 0 0 0 15px;
text-transform: capitalize;
}
.breadcrumb > .active {
font-family: "Calibri Light";
font-size: 14px;
color:#BDBDBD;
font-weight: bold;
text-transform: capitalize;
text-shadow: 1px 1px 1px black;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
background-color: #1c2029;
}
.table > thead {
background: #5e6fb5d4;
letter-Spacing: 0.2pt;
color: #ffff;
font-size: 12px;
font-family: "Calibri Light";
text-shadow: 2px 2px 3px #000;
}
.table > thead > tr > th {
padding: 5px;
font-weight: bold;
color: white;
}
a {
font-size: 14.5px;
color: #a6b0d9;
text-decoration: none;
font-family: "Calibri Light";
font-weight: bold;
text-shadow: 1px 1px 1px black;
}
a:hover, a:focus {
color: #5C6BC0;
text-decoration: none;
}
.topics-author a {
font-size: 13px;
color: #BDBDBD;
font-family: "Calibri light";
}
tr.active, tr.active td {
background: #a6b0d930 !important;
}
.bbcodes {
border: 1px solid #333941;
background: #E0E0E0;
}
.post-content {
border: 1px solid #5C6BC0;
}
.topics-date {
width: 130px;
text-align: center;
color: #BDBDBD;
text-shadow: 1px 1px 1px black;
}
.topics-amount {
width: 50px;
text-align: center;
color: #BDBDBD;
text-shadow: 1px 1px 1px black;
}
h3, .h3 {
color: #BDBDBD;
font-size: 20px;
font-family: "Calibri Light";
text-shadow: 2px 2px 1px black;
}
.form-control {
color: #3F4447;
background-color: #E0E0E0;
border: 0px solid #333941;
font-family: "Calibri";
font-size: 14px;
box-shadow: 3px 3px 4px black;
}
.btn:hover, .btn:focus, .btn.focus {
color: #f6f6f6;
}
.topic-message {
color: #3F4447;
font-family: "Calibri";
}
.topic-message .message-header .message-username a {
color: #3F4447;
}
.topic-message .message-header .message-username a {
font-size: 18.5px;
font-weight: 500;
color: #3F4447;
font-family: "Calibri Light";
text-shadow: 1px 1px 1px black
}
.topic-message {
background: #282e35;
border: 1px solid black;
box-shadow: 6px 6px 8px black;
border-radius: 5px;
}
.topic-message.odd {
background: #282e35;
border: 1px solid black;
border-radius: 5px;
}
.topic-message .message-header {
position: relative;
padding-bottom: 45px;
border-bottom: 1px dotted black;
}
.message-permalink {
position: absolute;
bottom: 0;
color: #848484;
text-decoration: none;
font-size: 12px;
font-family: "Calibri Light", sans-serif;
}
.preview {
border: 1px solid black;
color: #BDBDBD;
background-color: #333941 ;
box-shadow: 6px 6px 8px black;
font-family: "Calibri", sans-serif;
text-shadow: 1px 1px 1px black;
font-size: 14px;
border-radius: 10px;
}
.topic-message .message-header .message-username a {
color: #F5F5F5;
text-shadow: 1px 1px 1px black;
}
.bbcodes button:hover {
color: #f6f6f6;
}
.bbcodes button {
color: #888888;
}
.fancybox-skin {
background: #333941;
color: #BDBDBD;
}
.chat-box .chat-message {
color: #BDBDBD;
overflow: hidden;
font-family: "Calibri";
font-size: 15px;
}
.chat-box .chat-message .chat-message-username a {
color: #a6b0d9;
font-family: "Calibri Light";
font-size: 14px;
}
.chat-form {
background: #333941;
}
.profile .profile-title, .profile .profile-wrapper, .profile .profile-footer, .profile .profile-biography {
background: #212121;
border: 1px solid rgba(0,0,0,0.9);
box-shadow: 6px 6px 12px #000000;
font-family: "Calibri Light";
font-size: 14px;
color: #F5F5F5;
text-shadow: 5px 5px 12px #000000;
}
.profile-avatar {
overflow: hidden;
border-radius: 5%;
margin-left: 50px;
width: 200px;
height: 200px;
}
.profile .profile-title {
color: #F5F5F5;
}
.profile-secondary-title {
color: #0000;
text-shadow: none;
}
.profile p img {
text-align: justify;
}
.message-content-quote {
background: #333941;
border-left: 3.5px solid #9E9E9E;
color: #9E9E9E;
}
.odd .message-content-quote {
background: #333941;
border-left: 3.5px solid #9E9E9E;
color: #9E9E9E;
}
.message-content-quote i {
color: #9E9E9E;
border-left: 0px dotted #0000;
font-size: 13px;
}
.message-content-quote a {
color: #9E9E9E;
border-left: 0px dotted #0000;
font-size: 14px;
}
.spoiler .spoiler-content {
color: #9E9E9E;
background: #333941;
border-left: 3.5px solid #9E9E9E;
font-family: "Calibri light";
font-size: 14px;
}
.topic-message.odd .spoiler-content {
color: #9E9E9E;
background: #333941;
border-left: 3.5px solid #9E9E9E;
}
.grey-btn.btn {
color: #fff;
background-color: #5E6FB5;
border-color: #5E6FB5;
font-family: "Calibri Light";
text-decoration: none;
box-shadow: 3px 3px 4px black;
}
.btn-primary {
color: #fff;
background-color: #404e90;
border-color: transparent;
font-family: "Calibri";
text-shadow: 1px 1px 1px black;
box-shadow: 3px 3px 8px black;
}
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #404e90;
border-color: transparent;
font-family: "Calibri";
text-shadow: 1px 1px 1px black;
box-shadow: 3px 3px 4px black;
}
.btn-primary:hover {
color: #fff;
background-color: #5E6FB5;
border-color: #5E6FB5;
box-shadow: 3px 3px 4px #aaa;
}
section .pagination a {
color: #4b5cac;
text-decoration: none;
font-family: Calibri;
font-size: 14px;
text-shadow: 1px 1px 1px black;
}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
color: #a6b0d9;
background-color: transparent;
border-color: black;
}
section .pagination a:hover {
background: inherit;
}
.btn-danger {
color: #fff;
background-color: #404e90;
border-color: #404e90;
font-family: "Calibri";
text-shadow: 1px 1px 1px black;
box-shadow: 3px 3px 4px black;
}
.btn-danger:hover {
color: #fff;
background-color: #404e90;
border-color: #404e90;
font-family: "Calibri";
text-shadow: 1px 1px 1px black;
box-shadow: 3px 3px 4px #aaa;
}
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #404e90;
border-color: #404e90;
text-shadow: 1px 1px 1px black;
box-shadow: 3px 3px 4px #aaa;
}
.spoiler .spoiler-btn {
color: #5C6BC0;
cursor: pointer;
}
.topic-moderation .topic-darken {
background: #333941;
border-color: #333941;
}
.topic-moderation .topic-darken:hover {
background: #333941;
border-color: #333941;
}
.topic-moderation .topic-darken:focus {
background: #333941;
border-color: #333941;
}
Voilà


J'ai pris celui là https://userstyles.org/styles/152930/dark-ky-u
Et j'ai changé le background


Si vous voulez le même que le miens copier ça
display: block;
font-size: 11px;
color: #9E9E9E;
text-shadow: 1px 1px 1px black;
}
.topic-message aside.message-aside .message-infos {
margin: 0;
font-size: 12px;
color:#BDBDBD;
text-shadow: 1px 1px 1px black;
}
.topic-message .message-header .message-username a {
color: #3F4447;
}
.topic-message .message-header .message-username a {
font-size: 18px;
font-weight: 500;
color: #3F4447;
font-family: "Calibri";
text-shadow: 1px 1px 1px black;
}
.spoiler .spoiler-btn {
color: #5C6BC0;
cursor: pointer;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 22px;
width: 62px;
padding-top: 28px;
overflow: hidden;
background: #3330 url("

"
no-repeat;}
.topics-date {
width: 130px;
text-align: center;
}
.text-muted {
color: #d4d4d4;
font-family: Calibri Light;
font-size: 12px;
}
h2, .h2 {
color: #BDBDBD;
padding-top: 7px;
font-size: 20px;
font-family: "Calibri Light";
text-shadow: 1px 1px 1px black;
}
.topic-title {
text-align: center;
margin: 0 0 25px;
}
.topic-message aside .message-infos u {
color: white;
text-shadow: 1px 1px 1px black;
font-size: 13px;
font-family: "Calibri light";
}
.grey-btn.btn {
background: #6C7984;
color: #FFF;
text-transform: uppercase;
font-size: 0.9em;
}
.topic-message aside.message-aside .message-avatar img {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 5%;
}
.message-quote img {
box-sizing: border-box;
background-image: url('

');max-width: 20px;
max-height: 20px;
width: auto;
height: auto;
padding-right: 20px;
}
section .pagination li.subactive {
border-bottom: 2px solid #5C6BC0;
text-shadow: 1px 1px 1px black;
}
.topics td {
padding: 2px!important;
line-height: 1.4;
font-size: 13px;
font-family: "Calibri Light";
}
.navbar {
border-radius: 0!important;
font-size: 1.3em;
font-weight: 700;
border-bottom: 4px solid #5C6BC0!important;
text-shadow: 1px 1px 1px black;
}
.footer {
border-top: 4px solid #5C6BC0!important;
position: absolute;
bottom: 0;
width: 100%;
padding: 10px;
font-size: .8em;
background: #212121;
text-align: center;
text-shadow: 1px 1px 1px black;
}
.footer a {
color: #5C6BC0;
}
section.aside {
font-size: 0.9em;
}
section.aside ul li:before {
content: "✮ ";
color: #5E6FB5!important;
display: inline;
text-shadow: 1px 1px 1px black;
}
body {
background-image: url("

");background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
font-family: "Calibri";
font-size: 15px;
color: #BDBDBD;
text-shadow: 1px 1px 1px BLACK;
}
.topic-message .message-content {
min-height: 170px;
font-family: "Calibri";
font-size: 15px;
color: #BDBDBD;
text-shadow: 1px 1px 1px BLACK;
}
section.aside ul li a {
color: #BDBDBD;
font-family: "Calibri light";
font-size: 14px;
text-shadow: 1px 1px 1px black;
}
section.aside ul li a:hover {
color: #a6b0d9;
text-shadow: 1px 1px 1px black;
}
main.container .container-content section {
background: #22272f;
border: 1px solid black;
box-shadow: 8px 8px 12px #000;
}
.breadcrumb {
border: 1px solid black;
box-shadow: 5px 5px 10px black;
background: rgba(255,255,255,0.1);
padding: 0 0 0 15px;
text-transform: capitalize;
}
.breadcrumb > .active {
font-family: "Calibri Light";
font-size: 14px;
color:#BDBDBD;
font-weight: bold;
text-transform: capitalize;
text-shadow: 1px 1px 1px black;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
background-color: #1c2029;
}
.table > thead {
background: #5e6fb5d4;
letter-Spacing: 0.2pt;
color: #ffff;
font-size: 12px;
font-family: "Calibri Light";
text-shadow: 2px 2px 3px #000;
}
.table > thead > tr > th {
padding: 5px;
font-weight: bold;
color: white;
}
a {
font-size: 14.5px;
color: #a6b0d9;
text-decoration: none;
font-family: "Calibri Light";
font-weight: bold;
text-shadow: 1px 1px 1px black;
}
a:hover, a:focus {
color: #5C6BC0;
text-decoration: none;
}
.topics-author a {
font-size: 13px;
color: #BDBDBD;
font-family: "Calibri light";
}
tr.active, tr.active td {
background: #a6b0d930 !important;
}
.bbcodes {
border: 1px solid #333941;
background: #E0E0E0;
}
.post-content {
border: 1px solid #5C6BC0;
}
.topics-date {
width: 130px;
text-align: center;
color: #BDBDBD;
text-shadow: 1px 1px 1px black;
}
.topics-amount {
width: 50px;
text-align: center;
color: #BDBDBD;
text-shadow: 1px 1px 1px black;
}
h3, .h3 {
color: #BDBDBD;
font-size: 20px;
font-family: "Calibri Light";
text-shadow: 2px 2px 1px black;
}
.form-control {
color: #3F4447;
background-color: #E0E0E0;
border: 0px solid #333941;
font-family: "Calibri";
font-size: 14px;
box-shadow: 3px 3px 4px black;
}
.btn:hover, .btn:focus, .btn.focus {
color: #f6f6f6;
}
.topic-message {
color: #3F4447;
font-family: "Calibri";
}
.topic-message .message-header .message-username a {
color: #3F4447;
}
.topic-message .message-header .message-username a {
font-size: 18.5px;
font-weight: 500;
color: #3F4447;
font-family: "Calibri Light";
text-shadow: 1px 1px 1px black
}
.topic-message {
background: #282e35;
border: 1px solid black;
box-shadow: 6px 6px 8px black;
border-radius: 5px;
}
.topic-message.odd {
background: #282e35;
border: 1px solid black;
border-radius: 5px;
}
.topic-message .message-header {
position: relative;
padding-bottom: 45px;
border-bottom: 1px dotted black;
}
.message-permalink {
position: absolute;
bottom: 0;
color: #848484;
text-decoration: none;
font-size: 12px;
font-family: "Calibri Light", sans-serif;
}
.preview {
border: 1px solid black;
color: #BDBDBD;
background-color: #333941 ;
box-shadow: 6px 6px 8px black;
font-family: "Calibri", sans-serif;
text-shadow: 1px 1px 1px black;
font-size: 14px;
border-radius: 10px;
}
.topic-message .message-header .message-username a {
color: #F5F5F5;
text-shadow: 1px 1px 1px black;
}
.bbcodes button:hover {
color: #f6f6f6;
}
.bbcodes button {
color: #888888;
}
.fancybox-skin {
background: #333941;
color: #BDBDBD;
}
.chat-box .chat-message {
color: #BDBDBD;
overflow: hidden;
font-family: "Calibri";
font-size: 15px;
}
.chat-box .chat-message .chat-message-username a {
color: #a6b0d9;
font-family: "Calibri Light";
font-size: 14px;
}
.chat-form {
background: #333941;
}
.profile .profile-title, .profile .profile-wrapper, .profile .profile-footer, .profile .profile-biography {
background: #212121;
border: 1px solid rgba(0,0,0,0.9);
box-shadow: 6px 6px 12px #000000;
font-family: "Calibri Light";
font-size: 14px;
color: #F5F5F5;
text-shadow: 5px 5px 12px #000000;
}
.profile-avatar {
overflow: hidden;
border-radius: 5%;
margin-left: 50px;
width: 200px;
height: 200px;
}
.profile .profile-title {
color: #F5F5F5;
}
.profile-secondary-title {
color: #0000;
text-shadow: none;
}
.profile p img {
text-align: justify;
}
.message-content-quote {
background: #333941;
border-left: 3.5px solid #9E9E9E;
color: #9E9E9E;
}
.odd .message-content-quote {
background: #333941;
border-left: 3.5px solid #9E9E9E;
color: #9E9E9E;
}
.message-content-quote i {
color: #9E9E9E;
border-left: 0px dotted #0000;
font-size: 13px;
}
.message-content-quote a {
color: #9E9E9E;
border-left: 0px dotted #0000;
font-size: 14px;
}
.spoiler .spoiler-content {
color: #9E9E9E;
background: #333941;
border-left: 3.5px solid #9E9E9E;
font-family: "Calibri light";
font-size: 14px;
}
.topic-message.odd .spoiler-content {
color: #9E9E9E;
background: #333941;
border-left: 3.5px solid #9E9E9E;
}
.grey-btn.btn {
color: #fff;
background-color: #5E6FB5;
border-color: #5E6FB5;
font-family: "Calibri Light";
text-decoration: none;
box-shadow: 3px 3px 4px black;
}
.btn-primary {
color: #fff;
background-color: #404e90;
border-color: transparent;
font-family: "Calibri";
text-shadow: 1px 1px 1px black;
box-shadow: 3px 3px 8px black;
}
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #404e90;
border-color: transparent;
font-family: "Calibri";
text-shadow: 1px 1px 1px black;
box-shadow: 3px 3px 4px black;
}
.btn-primary:hover {
color: #fff;
background-color: #5E6FB5;
border-color: #5E6FB5;
box-shadow: 3px 3px 4px #aaa;
}
section .pagination a {
color: #4b5cac;
text-decoration: none;
font-family: Calibri;
font-size: 14px;
text-shadow: 1px 1px 1px black;
}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
color: #a6b0d9;
background-color: transparent;
border-color: black;
}
section .pagination a:hover {
background: inherit;
}
.btn-danger {
color: #fff;
background-color: #404e90;
border-color: #404e90;
font-family: "Calibri";
text-shadow: 1px 1px 1px black;
box-shadow: 3px 3px 4px black;
}
.btn-danger:hover {
color: #fff;
background-color: #404e90;
border-color: #404e90;
font-family: "Calibri";
text-shadow: 1px 1px 1px black;
box-shadow: 3px 3px 4px #aaa;
}
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #404e90;
border-color: #404e90;
text-shadow: 1px 1px 1px black;
box-shadow: 3px 3px 4px #aaa;
}
.spoiler .spoiler-btn {
color: #5C6BC0;
cursor: pointer;
}
.topic-moderation .topic-darken {
background: #333941;
border-color: #333941;
}
.topic-moderation .topic-darken:hover {
background: #333941;
border-color: #333941;
}
.topic-moderation .topic-darken:focus {
background: #333941;
border-color: #333941;
}
Voilà


Mes thèmes réalisés pour AVN
Dark Kyoshitsu https://avenoel.org/topic[...]noel-theme-dark-kyoshitsu
Kyoshitsu https://avenoel.org/topic[...]1-avenoel-theme-kyoshitsu
Zinc https://avenoel.org/topic[...]2122-1-avenoel-theme-zinc
Dark Kyoshitsu https://avenoel.org/topic[...]noel-theme-dark-kyoshitsu
Kyoshitsu https://avenoel.org/topic[...]1-avenoel-theme-kyoshitsu
Zinc https://avenoel.org/topic[...]2122-1-avenoel-theme-zinc
Citation de mafumafu
Mes thèmes réalisés pour AVN
Dark Kyoshitsu https://avenoel.org/topic[...]noel-theme-dark-kyoshitsu
Kyoshitsu https://avenoel.org/topic[...]1-avenoel-theme-kyoshitsu
Zinc https://avenoel.org/topic[...]2122-1-avenoel-theme-zinc
Voilà ! C'est le thème de ce khey, j'ai juste changé le background


@ Perturbator : Il faut ajouter ton pavé au thème de mafumafu ou bien il faut en créer un nouveau avec ton pavé ? 

Pourquoi ne pas utiliser une animation en gradient pour faire varier les couleurs au cours du temps ? Pur vapostyle quoi
Citation de Panachay
@ Perturbator : Il faut ajouter ton pavé au thème de mafumafu ou bien il faut en créer un nouveau avec ton pavé ?
Non et pour faire simple à ligne
background-image: url("

");background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
font-family: "Calibri";
font-size: 15px;
color: #BDBDBD;
text-shadow: 1px 1px 1px BLACK;
Cimer perturbator, ça marche 

Citation de Panachay
Citation de MrAnonymeLa fenêtre rend très bien pour l'instant, je trouve juste que les icônes en haut sont mal placé
Après je sais pas si c'est possible de les mettre autre part juste en modifiant l'apparence du site
j'en sais rien mais je les ai mis quand même en bonne et due forme










