Thème libre service - (page 4)

Don't Forget [FMA]

Par Nagalia le 8 Février 2012 à 21:55





<object width="194" height="194" data="http://upload.yamalandia.com/rep2/7576641326573.swf" type="application/x-shockwave-flash"><param name="allowScriptAccess" value="never" /><param name="wmode" value="transparent" /><param name="src" value="http://upload.yamalandia.com/rep2/7576641326573.swf" /></object>

<object width="194" height="194" data="http://upload.yamalandia.com/rep2/1800491326573.swf" type="application/x-shockwave-flash"><param name="allowScriptAccess" value="never" /><param name="wmode" value="transparent" /><param name="src" value="http://upload.yamalandia.com/rep2/1800491326573.swf" /></object>

CSS

HTML,BODY,.window {cursor: url("http://ekladata.com/s1xWurLamoQoSMqmbGnos6Sd6IU.png"), auto;}
A:hover{cursor: url("http://ekladata.com/PA9mLWHplKfNAcyt2lULjFQX0tw.png"), auto;}
#body {background: url(http://ekladata.com/fanstasy-graph.eklablog.net/mod_article31645793_1.png?8485) no-repeat top center,
url(http://ekladata.com/1Pg4gMHePpVH4_PAc0IX_qGUaQ8.png) repeat 50% 0% fixed;
  background-color: #462f17;
  position: absolute;
  top: 0px;}
input{ background: url("http://ekladata.com/ZVqbumukjUKU2LX3CF8vXGF9Gyg.jpg");
  box-shadow: 0 0 3px black;
  border-radius: 5px;
  border: none;
  height: 25px;
  margin-top: 5px;
  margin-left: 15px }
input:hover{ background: url("http://ekladata.com/MxFKq9AoiMdDc8XYvS3BtLBOUWY.jpg") 0% 0%}
a {color: #eaa12a;
  font-weight: bold;
  text-shadow: 0 0 3px black;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  text-decoration: none;
}
a:hover { color: black;
  font-weight: bold;
  text-shadow: 0 0 3px  #eaa12a  }
#background {margin: 0 auto;
  width: 1100px;
  padding-left: 20px;
  padding-right: 20px;
}
#header {height: 500px}

.module_contenu { background: rgba(199, 167, 122, 0.5);
  padding: 7px;
  box-shadow: 0px 0px 10px black;
  border-radius: 10px;
  padding-top: 40px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  margin-bottom: 15px;
  margin-top: -30px }
.module_menu_contenu_block {background: rgba(199, 167, 122, 0.5);
  width: 200px;
  box-shadow: 0px 0px 10px black;
  border-radius: 10px;
  padding-top: 40px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  margin-bottom: 15px;
  margin-top: -30px}
.module_menu_titre,
.module_titre{background: url("http://ekladata.com/MxFKq9AoiMdDc8XYvS3BtLBOUWY.jpg");
  height: 40px;
  border-bottom: 1px solid #462f17;
  margin: 0 auto;
  border-radius: 10px 10px 0 0;
  font-family: Impact;
  font-size: 24px;
  text-align: center;
  text-shadow: 0 0 5px #ffa82c,   0 0 5px #ffa82c,   0 0 5px #ffa82c}
.article_info { font-size: 12px;
  margin-bottom: 20px;
  text-align: right;
  line-height: 12px;
  opacity: 0.7;
  color: black
}

.module_menu_titre {width: 200px;
  padding: 5px;
}
.module_titre {font-size: 17px;}
.module_titre a {text-decoration: none;
  font-weight: normal;
  letter-spacing: 2px;
  word-spacing: 6px;
}
/****MENU****/
#menu {background: url("http://ekladata.com/MxFKq9AoiMdDc8XYvS3BtLBOUWY.jpg");
  border-radius: 10px;
  box-shadow: 0 0 10px black;
  top: 450px;
  left: 50%;
  margin-left: -30%;
  padding: 10px;
}
#menu a {color: black;

}
/**COMMENTAIRE**/
.comment_normal { width: 600px;
  margin: 0 auto
}
.comment_admin {width: 600px;
  margin: 0 auto;
  background: url("http://data0.eklablog.com/ajisai/theme/images/calendar.png?947273933");
  margin-top: 10px;
  margin-bottom: 10px;
  border: none;
  border-radius: 10px;
  box-shadow: 0 0 10px black}
/*******MENUBAR**********/
#menubar_section_content,
#menubar_section_appearance,
#menubar_section_interactions,
#menubar_section_manage,
#menubar_section_help,
#menubar_section_account,
#menubar_notifications,
#menubar_signin,
.menubar_button
.menubar_section:hover,
.menubar_section,
#menubar_favorites,
.menubar_separation,
#menubar_logo{ background: none;}
#menubar_favorites_btn,
#menubar_nofavorites_btn:hover { background: url("/images/menubar/icon_nofavorite.png")no-repeat 50% 50%;
}
#menubar_favorites_btn:hover,
#menubar_nofavorites_btn { background: url("/images/menubar/icon_favorite.png")no-repeat 50% 50%;
}
#menubar {background: url("http://ekladata.com/ZVqbumukjUKU2LX3CF8vXGF9Gyg.jpg");
box-shadow: 0 0 8px black;
opacity: 0.3;
border-bottom: 2px solid black;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#menubar a {-webkit-transition: none}
#menubar:hover {opacity: 1}
.menubar_section div {color: black}
.menubar_section:hover div{background:none;
  color:black;}
#menubar_notifications:hover
#menubar_notifications_btn{
  background: none;
  color:white;}
#menubar_hide{width: 0px}
/*ONGLET*/
.menubar_section li{
  background: url("http://ekladata.com/JBsjbiCmIWI3oSI5j-BjNv0b-Kw.png") ;
}
.menubar_section li:last-child{
  background: url("http://ekladata.com/3S_BgEpXMDp5fJoXz4bGvVBi1r4.png");}
/*NOTIFICATION*/
#notifications_panel a,#notifications_panel div{ background:  url("http://ekladata.com/JU99j2odWqzqutghezM_MVFTcmw.png") ;
  text-shadow: none;}
/*SEPARATION*/
#menubar_section_content{
background-image: url("");
}
#menubar_section_appearance{
background-image: url("");
}
#menubar_section_interactions{
background-image: url("");
}
#menubar_section_manage{
background-image: url("");
}
#menubar_section_account{
background-image: url("");
}
#menubar_notifications{
background-image: url("");
}
/*FENETRE*/
.window {box-shadow: 0px 0px 10px black;
  background: white;
  border-radius: 10px}
.window_content {background:  rgba(199, 167, 122, 0.6);
  border-radius: 0 0 10px 10px}
.window_content a {text-shadow: none;
  color: black
}
.window_content a:hover {text-decoration: none;
  font-weight: bold;
  color: black}
.window_title{ color: black;
  padding: 5px;
  text-align: center;
  font-family: Impact;
  font-size: 30px;
  font-weight: lighter;
  text-shadow: 0px 0px 3px orange;}

.window_handle_content{
  background:url("http://ekladata.com/ZVqbumukjUKU2LX3CF8vXGF9Gyg.jpg") 0% 0% repeat;
  margin: 0px;
  padding: 0px;
  border-radius: 10px 10px 0 0;}
.window_handle_left{
  background:none;
  margin: 0px;
  padding: 0px;}
.window_handle_right{
  background:none;
  margin: 0px;
  padding: 0px;}
.window_content_wrapper1{
  background:none;
  margin: 0px;
  padding: 0px;}
.window_content_wrapper2{
  background:none;
  margin: 0px;
  padding: 0px;}
.window_bottom_wrapper1{
  background:none;
  margin: 0px;
  padding: 0px;}
.window_bottom_wrapper2{
  background:none;
  margin: 0px;
  padding: 0px;}
.window_bottom{
  background:none;
  margin: 0px;
  padding: 0px;
  height: 0px}
.button_win,
.window input[type=button],
.window input[type=submit],
.window button{ background: url("http://ekladata.com/ZVqbumukjUKU2LX3CF8vXGF9Gyg.jpg");
  box-shadow: 0 0 3px black;
  border-radius: 5px;
  border: none;
  height: 25px;
  margin-top: 5px;
  margin-left: 15px }
.button_win:hover,
.window input[type=button]:hover,
.window input[type=submit]:hover,
.window button:hover{ background: url("http://ekladata.com/MxFKq9AoiMdDc8XYvS3BtLBOUWY.jpg") 0% 0%}


28 commentaires
Ciel Etoilé

Par Nagalia le 15 Janvier 2012 à 10:52



<object width="160" height="160" data="http://upload.yamalandia.com/rep2/1216681319388.swf" type="application/x-shockwave-flash"><param name="allowScriptAccess" value="never" /><param name="wmode" value="transparent" /><param name="src" value="http://upload.yamalandia.com/rep2/1216681319388.swf" /></object>

CSS

Prévu pour 1 menu à gauche, avec la marge à 0px entre le menu et la page

#header {background-image: url("http://ekladata.com/LG1yQleE4FJSZFeY1Cs6cUQvpLM.png");
  background-repeat: no-repeat;
  background-position: center;}
input{background: url("http://ekladata.com/5CM8fZDmzImnkVyhuTAkQcugwGQ.jpg") 0% 100%;
border-radius: 5px;
border: none;
  background-color: white;
  margin: 5px;
  font-weight: bold;
  color: #b4c0ff;
  box-shadow: 0px 0px 3px black}
input:hover{background: url("http://ekladata.com/L3dBIpWk_hxYGVsnF48eNgyCHLU.png") 0% 50%;
border-radius: 5px;
border: none;
  background-color: white;
  color: black;
box-shadow: 0px 0px 3px black}
a {color: #b4c0ff;
text-decoration: none;
  font-weight: bold;
text-shadow: 1px 1px 2px black}
a:hover {color: transparent;
text-decoration: none;
  font-weight: bold;
text-shadow: 0px 0px 1px #b4c0ff}
p { color: #b4c0ff}
#body {background-color: black}
#background {margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 950px;
  border: 2px solid #2d3557;
  box-shadow: 0px 0px 30px #2d3557;
  border-radius: 30px;
  background: #101427
}
#menu {font-family: Monotype Corsiva;
  width: 900px;
  letter-spacing: 0px;
  height: 35px;
  font-size: 30px;
  margin: 0 auto;
  text-align: center;}
#menu :hover {color: #101427;
  text-shadow: 0px 0px 4px #b4c0ff }
.module_titre {background-image: url("http://ekladata.com/CHJVTVvAM-9GJsoUKHQ7eyNWDsw.png");
  background-repeat: no-repeat;
  background-position: right;
  height: 39px;
  padding: 3px;
  text-align: left;
  padding-left: 130px;
  font-family: Alpha Geometrique, Critter, Cottonwood, fantasy;
  font-size: 15px;
  letter-spacing: 2px;
  text-shadow: 2px 1px 3px #2d3557;}
.module_menu_titre {background-image: url("http://ekladata.com/tly0vH3VMzt65gjw95K1xVe3PcU.jpg");
  height: 30px;
  padding: 4px;
  border-radius: 0px 10px 10px 0px;
  border: 2px solid #2d3557;
  box-shadow: 0px 0px 5px #2d3557;
  border-left: none;
  text-align: left;
  padding-left: 30px;
  font-family: Alpha Geometrique, Critter, Cottonwood, fantasy;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  text-shadow: 2px 1px 3px #2d3557;
}
.module_menu_contenu {margin: 7px;
  margin-top:15px }

/*MENUBAR*/

#menubar {
  background-image: url("http://ekladata.com/5CM8fZDmzImnkVyhuTAkQcugwGQ.jpg");
  color: black;
  border:none;
  text-shadow: 1px 1px 1px silver;
  box-shadow: 0px 0px 5px black;
  height: 24px}
.menubar_section:hover div{background:#2089b3 url("http://ekladata.com/L3dBIpWk_hxYGVsnF48eNgyCHLU.png") 50% 0% repeat-x;
  color:black;}
#menubar_hide{width: 0px}
#notifications_panel a,#notifications_panel div{ background:url("http://ekladata.com/DWlj_C7XzSYr2s1eWPLom9ghl6I.png")no-repeat;
border:none;
text-shadow: none}
#menubar_notifications:hover
#menubar_notifications_btn{
  background:#2089b3 url("http://ekladata.com/L3dBIpWk_hxYGVsnF48eNgyCHLU.png") repeat-x50% 0%;
  color:white;}

#menubar_section_content :hover,.menubar_section:
hover div{
  background:white  no-repeat;
  color:purple; }
.menubar_section li{
  background:url(http://data0.eklablog.fr/test-theme/mod_article16883570_4.png?5965)
  no-repeat;
  height: 22px;
  color:black; }
.menubar_section li:last-child{
  background:url(http://data0.eklablog.fr/test-theme/mod_article16883570_5.png?2391)
  no-repeat;}
#menubar_section_content{
background-image: url("");
}
#menubar_section_appearance{
background-image: url("");
}
#menubar_section_interactions{
background-image: url("");
}
#menubar_section_manage{
background-image: url("");
}
#menubar_section_account{
background-image: url("");
}
#menubar_notifications{
background-image: url("");
}

/*FENETRE*/
.window {border: 2px solid #2d3557;
  box-shadow: 0px 0px 10px #2d3557;
  border-radius: 15px}
.window_content {
  border-radius: 0px 0px 15px 15px}

.window_title{ color: black;
  padding: 2px;
  text-align: center;
  font-family: Monotype Corsiva;
  font-size: 30px;
  letter-spacing: 0px;
  font-weight: bold;
  text-shadow: 2px 1px 1px silver;}
.window_handle_content{
  background:url("http://ekladata.com/tly0vH3VMzt65gjw95K1xVe3PcU.jpg") 0% 50%repeat-x;
  margin: 0px;
  height: 40px;
  padding: 0px;
  border-radius: 15px 15px 0px 0px}
.window_handle_left{
  background:none;
  margin: 0px;
  padding: 0px;}
.window_handle_right{
  background:none;
  margin: 0px;
  padding: 0px;}
.window_content_wrapper1{
  background:none;
  margin: 0px;
  padding: 0px;}
.window_content_wrapper2{
  background:none;
  margin: 0px;
  padding: 0px;}
.window_bottom_wrapper1{
  background:none;
  margin: 0px;
  padding: 0px;}
.window_bottom_wrapper2{
  background:none;
  margin: 0px;
  padding: 0px;}
.window_bottom{
  background:none;
  margin: 0px;
  padding: 0px;
  height: 0px}
.button_win,
.window input[type=button],
.window input[type=submit],
.window button{background: url("http://ekladata.com/5CM8fZDmzImnkVyhuTAkQcugwGQ.jpg") 0%100%;
border-radius: 5px;
border: none;
  font-weight: bold;
  margin: 5px;
  color: #b4c0ff;
  box-shadow: 0px 0px 3px black}
.button_win:hover,
.window input[type=button]:hover,
.window input[type=submit]:hover,
.window button:hover{background: url("http://ekladata.com/L3dBIpWk_hxYGVsnF48eNgyCHLU.png")0% 50%;
border-radius: 5px;
border: none;
  color: black;
box-shadow: 0px 0px 3px black}

80 commentaires
Joyeux Noel

Par Kiwako Elodie le 30 Décembre 2011 à 22:10

(Clique dessus pour la voir en taille réelle)

Celle que je n'aime vraiment,mais vraiment pas du tout,j'était sans inspiration quand je l'ai faite -_-

12 commentaires
Sainta Girl
Par Kiwako Elodie le 30 Décembre 2011 à 22:09
(Clique dessus pour la voir en taille réelle)

Code a mettre dans le CSS:
```
#header {
height:360px;
background:transparent url(http://data0.eklablog.fr/kiwako/mod_article25350111_1.png?1940) center top no-repeat;
} 
```
3 commentaires
Hatsune Miku

Par Kiwako Elodie le 30 Décembre 2011 à 22:06

(Clique dessus pour la voir en taille réelle)

1 commentaire
1 2 3 4 5 6 7 8 9 10 11

Suivre le flux RSS des articles de cette rubrique
Suivre le flux RSS des commentaires de cette rubrique

Don't Forget [FMA]

Ciel Etoilé

Joyeux Noel

Sainta Girl

Hatsune Miku