-
thème 6 - big bang
J'avais posté il y a quelques temps un article demandant si quelques anciens thèmes pouvaient intéresser des gens avant de finir en libre-service sauf que j'ai oublié de les publier après-coup donc en voici un! Ancien thème d'un RPG basé dans l'espace, le voilà à présent disponible en libre-service. Il date beaucoup alors il se peut que certains éléments ne soit plus trop au goût du jour.
Le blog test se trouve ici, si vous voulez voir l'intégralité du thème (les commentaires, les forums, le reste de la page...).
Merci de me prévenir si vous l'utilisez. ♥
→ Vous pouvez:
- Changer les couleurs du thème
- Changer l'apparence des commentaires et des forums
→ Notes:
- Ce thème était pour un blog RPG mais il convient très bien pour un autre type de blog, quel que soit le sujet
- Si vous souhaitez le même header que sur l'exemple, postez un commentaire ici ou envoyez moi un MP avec votre titre.
- Le police utilisée s'appelle Bondoluo Peek
- La bordure du menu sous le header est dans l'image du header, veillez à l'ajouter sur votre header si vous voulez garder la barre de menu (si vous avez besoin d'aide, n'hésitez pas à m'écrire ou à poster un commentaire ici)
- Il faut que toutes les valeurs soit à zéro et décochées, sauf format du blog > page > automatique centré et contenu > forums - messages > marges extérieures d'un blog message
Si vous avez le moindre soucis, n'hésitez pas à m'envoyer un message ou à poster un commentaire!
CODE CSS:
/*----------------ENTÊTE DECLARATIVE----------------*/
@font-face {font-family: "Caviar"; /*Caviar Dreams*/
src: url('http://ekladata.com/RVD5XNlAwBGHYxvJPWxZyhvt62U/Caviar-Dreams-Bold.ttf');}
@font-face {font-family: "Phen"; /*phenomena*/
src: url('http://ekladata.com/5QARWmb8tblgyxWEGvjRkGQ7IjM/Phenomena-Bold.otf');}
::-webkit-scrollbar {
height: 3px;
width: 10px;
background-color: #eee; /* couleur de fond */
}
html > ::-webkit-scrollbar {
width: 4px; /* largeur de la barre */
}
::-webkit-scrollbar-thumb {
background: #CABEB5; /* couleur de la barre qui se déplace */
border-radius: 50px; /* Arrondis */
}
::-webkit-scrollbar-track-piece {
background-color: #FFFFFF; /* couleur de fond */
}
/*----------------BODY & FENÊTRE----------------*/
#body {
background:url('http://ekladata.com/An1DQTcuwjLKYg4uT4FoRlVdct0/new-world.gif') repeat-x 50% 0%,
url('http://ekladata.com/ajn4BZxQspjlimq5HqfTgZJyHp8/fond.png') repeat-y 50% 0%;
background-color: #C1C1C1;
font-family: calibri;
font-size: 12px;
border-bottom: 0px solid black;
}
#body a {
text-decoration: none;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}
body a:hover {
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}
.module_contenu img {text-align: center;
margin 0px;
}
/*----------------FOND PAGE----------------*/
#background {width: 950px;
margin-top: 69px;
baackground:transparent url("http://ekladata.com/An1DQTcuwjLKYg4uT4FoRlVdct0/new-world.gif") no-repeat;
baackground-color: #E5e5e5;
}
/*----------------HEADER----------------*/
#header {
margin-top: 60px;
height: 480px;
baackground:url('http://ekladata.com/An1DQTcuwjLKYg4uT4FoRlVdct0/new-world.gif') top center;
}
#menu a{
text-transform: uppercase;
color: #A19195;
letter-spacing: 1px;
min-width: 109px;
height: 19px;
margin-right: 25px;
padding: 10px;
text-align: center;
font-size: 12px;
font-weight: bold;
}
#menu a:hover{
opacity: 0.8;
}
/*----------------MENU----------------*/
/****MENU 1*****/
#menu1 {
text-align: center;
font-family: arial;
width: 270px;
color: #808080;
}
#menu1 a{
font-weight: bold;
color: #A19195;
}
#menu1 a:hover{
color: #445671;
}
#menu1 .module_menu_titre {
height: 100%;
padding: 15px;
padding-top: 15px;
font-size: 12px;
font-weight: bold;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #C9B09A;
border: 6px solid #f4f3f3;
outline: 1px solid #C4C4C4;
margin-bottom: 10px;
}
#menu1 .module_menu {
margin-bottom: 50px;
}
#menu1 .module_menu_contenu {
text-align: center;
background-color: #F4F3F3;
padding: 14px;
font-size: 13px;
color: #333333;
border: 1px solid #C4C4C4;
}
#menu1 li{
padding-bottom: 5px;
border-bottom: 1px solid #ddd;
padding-top: 5px;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}
/*NAVIGATION*/
.menu_liens a{
display: block;
width: 97,5%;
padding: 3px;
margin-bottom: 2px;
background-color: #757E87;
font-weight: none;
color: #fff !important;
text-align: center;
letter-spacing: 2px;
border-radius: 2px;
font-size: 11px;
}
.menu_liens a:hover{
background-color: #484E53;
color: #fff !important;
}
/***DERNIERS VISISTEURS***/
.module_menu_type_lastvisitors img{
border-radius: 100px;
border: 3px solid #6A86A7;
max-height: 60px;
max-width: 60px;
margin: 5px;
}
.module_menu_type_lastvisitors img:hover{
opacity: 0.7;
}
/*----------------ARTICLES----------------*/
.module_titre_contenu{
height: 100%;
color: #f4f3f3;
text-align: center;
padding: 20px;
font-size: 12px;
letter-spacing: 3px;
word-spacing: 3px;
text-transform: uppercase;
font-weight: bold;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-color: #445671;
border: 6px solid #f4f3f3;
outline: 1px solid #C4C4C4;
margin-bottom: 10px;
}
.module_titre_contenu a{
color: #f4f3f3;
text-align: center;
padding-bottom: 10px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
}
.article_info {
font-size: 0px;
text-align: right;
font-style: italic;
margin-bottom: 0px;
}
.module_contenu {
background-color: #F4F3F3;
color: #333333;
text-align: justify;
font-size: 13px;
font-family: arial;
padding: 20px;
margin-bottom: 50px;
border: 1px solid #C4C4C4;
}
.module_contenu a {
color: #A19195;
font-weight: bold;
}
.module_contenu a:hover {
color: #C9B09A;
}
/*----------------COMMENTAIRE----------------*/
.comment_normal, .comment_admin {
width: 98%;
}
div.commentheader{
background-color: #AE9EA9;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin-bottom: 8px;
margin-top: 28px;
font-family: arial;
padding: 5px;
color: white;
opacity: 0.9;
}
div.commentbody {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: #EFEFEF;
padding: 5px;
margin-top: -10px;
}
.block-reply {
border-left: 3px solid #6A86A7;
}
.comment-reply a{
color: #616161;
font-family: Arial;
text-transform: uppercase;
font-size: 8px;
letter-spacing: 1px;
}
.comment-reply a:hover{
color: #5D8A64;
}
.commentnumber {
font-family: Arial;
color: white;
font-size: 15px;
padding-left: 5px;
opacity: 0.6;
}
.commentpseudo {
font-family: "Caviar";
color: white;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
}
.commentpseudo a {color: white;}
.commentpseudo a:hover {color: white; opacity: 0.5;}
.commentavatar img {
border: 3px solid #6A86A7;
border-radius: 100px;
margin-left: -5px;
}
.commentdate {
font-size: 0px;
text-align: left;
font-family: arial;
font-style: italic;
text-transform: uppercase;
}
/*----------------PIED DE PAGE----------------*/
#footer {
text-align: center;
text-transform: uppercase;
font-size: 11px;
color: #212121;
}
#footer a {
color: #82678C;
font-weight: bold;
}
#footer a:hover {
color: #5D8A64;
}
#footer:after {content: " Thème de Fabule";}
/*----------------HELPBUBBLES----------------*/
#help_bubble {
background-color: #212121;
color: #F1F1F1;
border: 2px solid black;
border-radius: 10px;
opacity: 0.7;
}
/*----------------BOUTONS----------------*/
input[type=button],input[type=submit], button {
margin: 9px;
margin-left: 0px;
min-width: 20px;
min-height: 20px;
background-color: #AAAAAA;
color: white;
font-family: calibri;
border: 3px solid grey;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
border-radius: 5px;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover {
background-color: #888888;
color: white;
border: 3px solid #6F6F6F;
}
/*******FORUMS********/
.post_table_msg {
background-color: #e5e5e5;
padding: 10px;
border-bottom: 1px solid #F9F9F9;
}
.post_table_head {color: #F7F7F7;
font-size: 0px;
}
.post_table_profile img{
border: 3px solid #4B545C;
margin-left: 10px;
margin-top: -177px;
margin-bottom: 10px;
padding: 0px;
border-radius: 100px;
}
.post_table_profile a{
color: white;
font-size: 14px;
font-style: italice;
text-transform: lowercase;
letter-spacing: 1px;
font-family: "Phen";
display: block;
width: 79px;
background-color: #4B545C;
text-align: center;
border-radius: 5px;
margin-top: 105px;
margin-left: 10px;
text-align: center;
}
.post_table_profile a:hover{
opacity: 0.7;
color: white;
}
.post_table_profile {
background-color: #6F7B86;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom: 1px; solid #E5E5E5;
}
.forum-description {
background-color: #E7E7E7;
margin-top: 20px;
margin-bottom: 20px;
padding: 10px;
border: 1px solid #ccc;
}
/*******************BALISES******************/
.fond_image{
background:url('http://ekladata.com/WG5kdFRQtF2_LnL5OttHcDBAOhg/jvhhkkj5.png') repeat;
border: 1px solid #ccc;
padding: 15px;
width: min-content;
margin-left: auto;
margin-right: auto;
}
.image_divers img{
border: 5px solid #EDECEC;
outline: 1px solid #C4C4C4;
margin-top: 1px;
margin-left: 1px;
}CODE HTML POUR LES IMAGES AVEC LE PATTERN DE FOND:
<div class="fond_image">
<div class="image_divers" style="text-align: center;"><img src="URL" alt="/></div>
</div>
CODE HTML POUR LES LIENS MENU
<div class="menu_liens">
<p><a href="#">lien 1</a></p>
<p><a href="#">lien 2</a></p>
<p><a href="#">lien 3</a></p>
</div>
-
Comments
j'arrive pas du tout à faire un thème qui me plait alors je vais t'emprunter celui-ci éwé
(il est trop cool)
Suivre le flux RSS des commentaires
Add comment
Oh, we to do have heart! Don't be mad...
-
-
liste des partenaires + devenir partenaire
Create a blog
Haha, tu me sauves u^u Je prend et je crédite avec grand plaisir !
aaaaaa redonnez ses lettres d'honneur à ce film bordel
de rien! contente d'avoir pu t'aider! :D
mais ouiiii ;-;