-
[Thème complet] - Graphist' - vert / orange / noir
Ahoy! C'est un thème fait à partir d'un header que j'ai mis en LS sur ce blog et que j'aime bien.
Rendu:
Cliquez sur l'image pour l'avoir en plus grand.Si vous vous servez, merci de me prévenir par commentaires et de me créditer de façon visible sur votre blog.
Images:
Header (de ma base de LS) : clique là
Curseurs from cursors-4u.com
icon from icône.com
Inclus dans le code CSS:
- Base (header, footer, titre, fonds, commentaires)
- Un menu
- Shoutbox
- Calendrier
- Forums
- Derniers visiteurs
- Tag cloud
- Boutons & champs
- Curseurs
- Menubarre
- Bulle d'aide au survol
- Bloc citations
- Effets au survol de certains éléments
Code:
#body {background: #EEE;}
a {color: #594;}
a:hover {color: #261; transition: 1s;
font-weight: bold; text-decoration: none;}
#background {width: 900px; border: 2px #222 solid;
background-color: rgb(230,240,210); text-align: justify;
margin-top: 10px; margin-bottom: 10px; margin-left: auto;
font-family: Tahoma; color: #000;}
#header {background: url('http://ekladata.com/dDAI99fHZmxZL8gqJViEfHk4s18.jpg');
height: 300px; border-bottom: 3px #222 solid;}
#titre_header {text-shadow: 0px 0px 15px #000000;
font-family: Times New Roman;
font-size: 84px; top: 30px; right: 210px;}
#titre_header a {color: #FFF;}
#titre_header a:hover {text-decoration: none;
color: #000; transition: 1s;}
#slogan_header {top: 240px; right: 240px;
font-family: Times New Roman; color: #FFF; font-size: 20px;}
#menu1 {width: 198px;
border-right: 2px solid #222;}
#content {width: 700px;
margin-left: 200px;}
.module_menu_contenu_block {margin-left: 10px;
margin-right: 10px; width: 178px;}
.module_contenu_block {padding-left: 10px;
padding-right: 10px; width: 680px;}
#menu1 .module_menu_titre {background: url('http://ekladata.com/dDAI99fHZmxZL8gqJViEfHk4s18.jpg');
font-family: Times New Roman; font-size: 20px;
color: #FFF; text-shadow: 0px 0px 5px #000;
border-top: 2px solid #222; border-bottom: 2px solid #222;
margin-top: 10px; height: 30px; text-align: center;
background-position: 500px 140px; line-height: 140%;
margin-bottom: 10px;}
.module_titre_contenu {background: url('http://ekladata.com/dDAI99fHZmxZL8gqJViEfHk4s18.jpg');
font-family: Times New Roman; font-size: 20px;
color: #FFF; text-shadow: 0px 0px 5px #000;
border-top: 2px solid #222; border-bottom: 2px solid #222;
margin-top: 10px; height: 30px; text-align: center;
background-position: 0px 300px; line-height: 140%;
margin-bottom: 10px;}
.commentheader {width: 690px; background: #222;
margin-top: 10px; margin-bottom: 10px; height: 15px;}
.commentpseudo, .commentpseudo a {font-variant: small-caps;
color: #9D9; font-family: Times New Roman; font-size: 20px;
font-weight: normal; margin-left: 10px; line-height: 30%; text-shadow: 0px 0px 3px #222,
0px 0px 3px #222,0px 0px 3px #222,0px 0px 3px #222,0px 0px 3px #222,0px 0px 3px #222;}
.commentpseudo a:hover {color: #FFF;}
.commentnumber {font-family: Courier New; color: #000; float: right;
margin-top: 15px; margin-left: -60px; width: 30px; font-size: 15px; height: 30px;
text-align: center; margin-right: 5px; font-weight: bold; line-height: 200%;
background: url('http://ekladata.com/n9NiKNo34xaOHPcze_2oFB4Zakg@30x30.png');
background-repeat: no-repeat; background-position: center;}
.commentbody {width: 680px;}
.commentavatar img {border: 2px solid #222;}
.commentdate {color: #333; font-size: 10px; width: 95px;
float: right; margin-top: 13px; margin-left: -72px;}
#footer {height: 40px; line-height: 250%;
background: url('http://ekladata.com/dDAI99fHZmxZL8gqJViEfHk4s18.jpg');
font-family: Tahoma;
border-top: 2px solid #222; text-align: center;}
#footer a{color: #DED;}
#background input[type=submit], button {margin-top: 3px;
border: 1px solid #222; background-color: #EFE;
color: #000; width: 164px;}
#background input[type=text] {width: 154px;
opacity: 0.5; border: 1px solid #222; margin-top: 3px;}
#background input[type=text]:focus {opacity: 1;
color: #000;}
.comment-reply {text-align: center; margin-top: 5px;}
.comment-reply a {color: #252; padding: 2px;
border: 1px solid #222;}
.article_info {font-size: 13px; text-align: right;
margin-bottom: 5px; border-bottom: 1px solid #222;
opacity: 0.5;}
.article_info a:hover {opacity: 1;}
#help_bubble {background: #EFD;
border: #222 solid 1px;}
HTML,BODY {cursor: url("http://cur.cursors-4u.net/cursors/cur-8/cur762.cur"),auto;}
a:hover, input:hover, #header-link:hover {cursor: url("http://cur.cursors-4u.net/toons/too-10/too935.cur"), auto;}
.menu_shoutbox {height: 200px; border: 1px solid #222;
background: rgba(0,0,0,0.5); padding: 2px;
color: #eee; width: 171px;}
.menu_shoutbox strong {color: #AFA}
.menu_shoutbox hr {width: 90%; background: #222;
height: 1px; margin: 2px;}
a.tagcloud-tag-1 {color: #688003;}
a.tagcloud-tag-2 {color: #8ba55a;}
a.tagcloud-tag-3 {color: #92c090;}
img.menu-lastvisitors-avatar {max-width: 41px; max-height: 41px;
margin: 2px; border-radius: 30px; opacity: 0.8;
border: 2px solid #050;}
img.menu-lastvisitors-avatar:hover{opacity: 1; transition: 1s;
transform: rotate(-12deg);}
#menu_calendar_month {background: rgba(255,255,255,0.5);
width: 180px; text-align: center;}
#menu_calendar {background: rgba(255,255,255,0.5);
width: 180px;}
#menu_calendar td {height: 20px; width: 20px;
border-radius: 40px;}
#menu_calendar td a {font-weight: bold; color: #000;
background: url('http://ekladata.com/n9NiKNo34xaOHPcze_2oFB4Zakg@22x22.png');
background-repeat: no-repeat; background-position: 2px -1px;}
#menubar {background: rgb(230,240,210);
color: #1e1e1e;}
.menubar_section:hover,
.menubar_section,
.menubar_separation,
.menubar_button,
#menubar_logo,
#menubar_favorites { background: none;}
#menubar_section_content,
#menubar table {background: rgb(230,240,210);
color: #1e1e1e;}
#menubar_section_interactions,
#menubar_section_manage,
#menubar_section_account,
#menubar_section_help,
#menubar_notifications,
#menubar_signin {background: rgb(230,240,210);
color: #1e1e1e;}
blockquote {font-size: 15px; padding: 5px;
border: 1px solid #222; margin-left: 30px;
margin-right: 30px;
background-repeat: no-repeat; background-position: top left;
}
blockquote:before {content: url('http://ekladata.com/7Eo8n1AgJWNDJolbqXmHCxvoSeA.png');
float: left;}
.post_table_profile {padding: 5px; background: #222;}
.post_table_msg {border-top: 1px solid #222; padding: 5px;
border-right: 1px solid #222;}
.post_table_profile img {max-width: 65px; max-height: 65px;
transform: rotate(-3deg); margin-left: 5px;
border: 1px solid #FFF;}
.post_table_profile img:hover {transition: 1s;
box-shadow: 0px 0px 5px #FFF;}
.post_table_profile a {color: #EFD;}
.post_table_profile a:hover {text-shadow: 0px 0px 5px #FFF;}
.topic_table_row0, .forum_table_row0 {background: rgba(255,255,255, 0.5);
margin-bottom: 5px;}
.forum_table th, .forum_table td {padding: 3px;}
td.post_table_head {font-family: Tahoma;
color: #BBB;}Comment installer le thème?
C'est très simple. Il suffit de suivre scrupuleusement les instructions ci-dessous:
- Allez dans votre interface d'édition de thème, décochez tout ce que vous pouvez et mettez le reste à zéro.
- Allez dans la partie "ajouter du CSS".
- S'il y a des choses dedans, enlevez-les.
- Copiez-coller intégralement le code ci-dessus dans la partie vide "ajouter du CSS".
- Enregistrez.
- C'est bon!
Normalement, il ne devrait pas y avoir de problèmes, mais s'il y en avait, je vous invite à m'envoyer un message privé m'expliquant le bug pour que je puisse le résoudre.
Enjoy!
-
Commentaires
Il est fort urbain de ta part de demander ^^
Donc, la réponse est la suivante: si tu prends une partie des codes, un petit mot me mentionnant serait approprié :3
Et oui, t'inquiète ♡
Avec plaisir!
Merci à toi ;)