Archives : Mars 2012 - Fantasy Graph'

Patterns Barroques

Par Nagalia dans Patterns le 30 Mars 2012 à 16:56

1 commentaire
Gold Manga

Par Nagalia dans Thème libre service le 12 Mars 2012 à 17:45

revenir en haut de la page

<div style="position: fixed; bottom: 10px; right: 15px;"><a href="#"><img src="http://ekladata.com/JE53fALpJgZiFLlA6u9WthzlBfY.png" alt="Manga Jaune" /></a></div>

Encadré fieldset:

TitreContenu

CSS (a ajouter dans le css du thème)

legend {color: #c17000;
text-align: center;
font-family: impact;
font-size: 30px;
}
fieldset {border: 2px solid #e9ad45;

box-shadow: 2px 3px 9px #c17000;
margin: 0 auto;
margin-bottom: 10px;
}

HTML

<fieldset style="width: largeur"><legend>Titre</legend>Contenu</fieldset>

Boite

Du blablabla

CSS (à ajouter dans le css du thème)

.boite {  border: 2px solid  #e9ad45;
  box-shadow: 0 0 15px #c17000;
  border-radius: 15px;
  margin: 10px;
  text-align: left;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  background: rgba(255, 255, 255, 0.3);

HTML

<div class="boite" style="width: largeur">Blabla</div>

#body {background: url(http://data0.ek.la/test-blog/mod_articles17637458_4f420def8c457.png?2435) 0px 320px repeat-x, url(http://img11.hostingpics.net/pics/317759headgoldmanga.png) no-repeat 50% 0%, url(http://data0.ek.la/test-blog/mod_articles17637458_4f3f893cb3cd4.jpg?9188) repeat-x;
  background-color: #e0c386 ;
  margin-top: -30px;
}
#header {height: 343px;
}
#header a {color: transparent;
  border: none;
}
#titre_header a {
display: block;
width: 1000px;
height: 250px;}
textarea {background: white}
p {color: #533000;
  font-family: verdana;
  font-size: 13px;
}
a {color: black;

  text-decoration: none
}
a:hover {color: black;
  border-bottom: 1px dotted  #533000
}
a:active {font-weight: bold
}
.#footer a {color: transparent;}
#footer:after {content: " - Design by Nagalia";}

#menu a { box-shadow: 0 0 15px #c17000;
  opacity: 0.5;
  color: black;
  font-size: 14px;
  text-align: center;
  vertical-align:middle;
  height: 27px;
line-height: 27px;
  width: 130px;
  border-radius: 15px 15px 0 0;
  background: rgba(255, 230, 130, 0.7);
  border: 2px solid  #e9ad45 ;
  border-bottom: none;
  margin: 10px;
  -webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s

}
#menu a:hover {height: 35px;
  opacity: 1;
line-height: 35px;
  font-size: 16px;
  margin-top: 2px
}

/*CALENDRIER*/
#menu_calendar {
  border-radius: 5px;
border: 2px solid  #e9ad45;
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 180px;
  background: rgba(255, 255, 255, 0.3)
}
#menu_calendar th
{border-bottom: 1px double  #e9ad45;
  color: black;
  font-weigh: bold;
  background: rgba(255, 230, 130, 1)  }
#menu_calendar_month{
font-weight: bold}
/*CONTENU*/

#menu1,
#menu2{ box-shadow: 0 0 15px #c17000;
  border-radius: 15px;
  background: rgba(255, 229, 150, 0.7);
  .background: rgba(255, 230, 130, 0.7);
  border: 2px solid  #e9ad45 ;
  margin: 10px;
  padding: 5px;
  font-family: verdana;
  font-size: 13px;
  text-align: center
}
.module_menu_type_lastvisitors {font-family: arial;}

.module_menu_titre  {color: #c17000  ;
  text-shadow: 0 0 3px  #e9ad45;
  margin-top: 10px;
  background-color: rgba(233, 173, 59, 0.6);
  padding-bottom: 15px;
  margin-bottom: 5px;
  text-align: center;
  font-family: impact;
  font-size: 25px;
  margin-left: -5px;
  margin-right: -5px;
  border-top: 2px solid  #e9ad45 ;
  border-bottom: 2px solid  #e9ad45
}
.module_contenu { box-shadow: 0 0 15px #c17000;
  border-radius: 15px;
  padding: 5px;
  padding-top: -50px;
  margin-top: -50px;
background: rgba(255, 229, 150, 0.7);
  .background: rgba(255, 230, 130, 0.7);
  border: 2px solid  #e9ad45 ;  }

.module_titre  {  color: #f8d46f;
  text-shadow:  0 0 3px #c17000, 0 0 8px #c17000, 0 0 5px #c17000, 0 0 3px #c17000;
  .margin-bottom: 25px;
  .height: 120px;
  text-align: center;
  font-family: Impact;
  font-size: 25px;}
.module_titre a {  color: #f8d46f; }
.module_titre a:hover { border: none}
/*COMMENTAIRE*/
.comment_admin { box-shadow: 0 0 15px #c17000;
  border-radius: 15px;
  padding: 5px;
  background: rgba(255, 230, 130, 0.7);
  border: 2px solid  #e9ad45 ;
  width: 650px;
  margin: 0 auto
}
.comment_normal {  width: 650px;
  margin: 0 auto }
/*MENUBAR*/
#menubar {background-image: none;
  margin-left: -20px;
  padding-right: 30px;
  width: 105%;
  color:  black ;
  text-shadow: 1px 1px 3px #fff6d5;
  box-shadow:  0px 0px 15px rgba(0, 0, 0, 0.3), 0px 0px 10px #c17000,  0px 0px 10px #c17000,  inset 0 5px 15px white; ;
  background-color:  #e9ad45 ;
  }
#menubar a {border: none;
  color:  #fff6d5;
  text-shadow: none
}
#menubar_logo{float:right;
  padding:5px 7px 0 0;
  width:120px;}
/*ONGLET*/
.menubar_section:hover div{
background: none;}
.menubar_section ul {box-shadow:  0px 0px 15px rgba(0, 0, 0, 0.3), 0px 0px 10px #c17000,  0px 0px 10px #c17000  ;
  border-radius: 0 0px 5px 5px;
  margin-left: 10px;
}
.menubar_section li { background: #e9ad45  ;
  -webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
  color:black;
  text-shadow: none
}
.menubar_section li:hover { background:#f8d46f;
  color: black;
}
.menubar_section li:last-child { background: #e9ad45  ;
  height: 15px;
border-radius: 0 0px 5px 5px
}
.menubar_section li:last-child:hover { background: #f8d46f }
/*NOTIF*/
#menubar_notifications:hover
#menubar_notifications_btn{ background: none}
#notifications_panel { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3), 0px 0px 10px #c17000,  0px 0px 10px #c17000  ;
border-radius: 0 0px 5px 5px
}
#notifications_panel
.notif_msg {color: black}
#notifications_panel a,
#notifications_panel div {background: #e9ad45;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;  }
#notifications_panel a:hover,
#notifications_panel div:hover {background:#f8d46f }
#notifications_panel
.new_notification {background: url("http://ekladata.com/lx5ZdNw3P7wAgizh9cPFGT-e1Zg.jpg")}
#notifications_panel a:last-child,
#notifications_panel div:last-child {border-radius: 0 0px 5px 5px }
/*SEPARATION*/
#menubar_section_content{
background-image: none;
}
#menubar_section_appearance{
background-image: none;
}
#menubar_section_interactions{
background-image: none;
}
#menubar_section_manage{
background-image: none;
}
#menubar_section_account{
background-image: none;
}
#menubar_notifications{
background-image: none;
}
#menubar_signin {
background-image: none;
}
.menubar_button {
background-image: none;
}
/*FENETRE*/

.window{ box-shadow: 0 0 15px #c17000;
  border-radius: 15px;
  background: #f8d46f;
  border: 2px solid  #e9ad45 ;  }
.window a {color: black}
.window a:hover {color: black;
  text-decoration: none}
.window_content {background: none}
.window_title{ color: #c17000  ;
  padding: 4px;
  padding-top: 5px;
  text-align: center;
  font-family: Impact;
  font-size: 30px;
  font-weight: lighter;
  text-shadow: 1px 1px 3px  #c17000 ;}

.window_handle_content{
  background: none;
  box-shadow: inset 0 15px 20px  white ;
  margin: 0px;
  padding: 0px;
  border-bottom: 2px solid #e9ad45 ;
  border-radius: 12px 12px 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;
  height: 17px;
  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:  #f8d46f ;
  box-shadow: 0 0 5px  #c17000 ;
border: 2px solid #e9ad45  ;
  padding
}

.button_win:hover,
.window input[type=button]:hover,
.window input[type=submit]:hover,
.window button:hover{
background:  #c17000 ;
  border: 2px solid #e9ad45
}
.window_tabs {background-color: #e9ad45  ;
  border-top: 2px solid   #e9ad45 ;
  margin-left: -10px;
  padding-left: 15px;
  width: 108%;
  box-shadow: inset 0 0 30px  #c17000 , 0 0 20px  #c17000
}
.window_tabs span {background-color:  #c17000 ;
  color: black;
  -webkit-transition: background 1s;
-moz-transition: background  1s;
transition: background  1s;
  border: 2px solid  #e9ad45 ;
  box-shadow: 0 0 5px  #c17000 ;
}
.window_tabs span.window_tab_active  {background-color: #f8d46f  ; }
.window_tabs span:hover {background-color:  #c17000 ; }

/*BULLE*/

#help_bubble  {box-shadow: 0 0 5px #c17000;
  border-radius: 5px;
  background: rgba(255, 230, 130, 0.9)  ;
  border: 2px solid #e9ad45 ; }
a.infobulle {font-family: impact;
color: #c17000;
  font-size: 20px;
}

35 commentaires
4em série

Par Nagalia dans Commande Prête le 9 Mars 2012 à 14:47

Yanness:

2 commentaires
Tsuna [reborn]

Par Nagalia dans Thème libre service le 8 Mars 2012 à 19:37

Menu 215px

menu 230px



A mettre en "fond de page"
Aligné avec le menu de l'en tête

Divers

<object width="180" height="180" data="http://www.imabox.fr/u8/11100819266LrWoHyZe0sAQ7s22.swf" type="application/x-shockwave-flash"><param name="allowScriptAccess" value="never" /><param name="wmode" value="transparent" /><param name="src" value="http://www.imabox.fr/u8/11100819266LrWoHyZe0sAQ7s22.swf" /></object>

::selection {background:#f6bb94}
*,
a:focus
{
outline:0;
}

* a { color: black;
  text-decoration: none;
  opacity: 1;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms; }
* a:hover { opacity: 0.8; }
* img {max-width: 98%;
  margin: 5;
}

#body { background: url(http://ekladata.com/0bbvIi-hNm1869B_dQ14HUvh0Qk.png) no-repeat 50% 0%,
url(http://ekladata.com/A4K3kONB-W3r5Okux6TsbJDPQuI.jpg) repeat 50% 0%;
}
#background{ width: 79%;
  margin: 0 auto;
  padding: 0px;
}
#header{
  height: 500px
}
#menu1,
#menu2 { background: url(http://ekladata.com/w9hMyyTiLPAY3r4_XtfXga8K19o.jpg) repeat-y;
  width: 210px;
  padding: 10px;
  margin: 0px;
  border: 1px solid black;
  border-radius: 25px;
  color:#dbcae3;
  text-shadow: -1px -1px 0px black
}
.module_menu_titre{ background: url(http://ekladata.com/j1WE1QW_nnu7uswB9mjngR8C3k0.png) no-repeat 50% 0%;
  padding-top: 4px;
  padding-bottom: 8px;
  text-align: center;
  color: black;
  text-shadow: 1px 1px 0px #dbcae3;
  font-weight: bold;
  font-size: 18px;
}

#content{width: 72%;
  text-align: justify;
  padding-right: 30px;
  padding-left: 30px
}
.module_contenu_block{ text-align: justify;
  width: 95%;
  padding: 7px;
  border-radius: 30px;
  box-shadow: 0 0 15px black;
  margin: 0 auto;
  background: url(http://ekladata.com/ycCfyeruXv1TwKfEe-GGSye1h1w.png)
}
.module_titre{background: url(http://ekladata.com/TMnSyvycABuCpnbF2qrXunypapU.png);
  padding-top: 0px;
  padding-bottom: 5px;
  text-align: center;
  color: black;
  text-shadow: 1px 1px 0px #dbcae3;
  font-weight: bold;
  font-size: 13px;
}
.module_titre a{ color: black;
  text-decoration: none
}
.article_info{ text-align: right;
  font-size: 11px;
  margin-bottom: 7px
}
#footer{text-align: center;
  opacity: 0.5
}
#footer:after{ content:"- Thème by Nagalia"
}

/*MENUBAR*/

#menubar,
#menubar a{ color: black;
}
#menubar_section_content:hover,
#menubar_section_appearance:hover,
#menubar_section_interactions:hover,
#menubar_section_manage:hover,
#menubar_section_account:hover,
#menubar_section_help:hover,
#menubar_notifications:hover,
#menubar_signin,
.window_handle_content,
.window_handle_left,
.window_handle_right

{
  -webkit-filter: grayscale(0.5) hue-rotate(85deg) brightness(0.8) contrast(1.5) saturate(1);
  -moz-filter: grayscale(0.5) hue-rotate(165deg) brightness(0.81) contrast(1.9) saturate(1.5);
  -o-filter: grayscale(0.5) hue-rotate(165deg) brightness(0.81) contrast(1.9) saturate(1.5);
  filter: grayscale(0.5) hue-rotate(165deg) brightness(0.81) contrast(1.9) saturate(1.5);
}
#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%; }

19 commentaires
Loup Bleu

Par Nagalia dans Thème libre service le 1 Mars 2012 à 16:16

#body {background: url("http://ekladata.com/JmINROXaLWdWw8ZaaV2-_dN3yp8.jpg") fixed;}

#header {background: url("http://ekladata.com/8BwYO4tDnLxFaRlw9Z7WsdiQcu8.png") no-repeat 50% 10%;

height: 530px;}

#menu {

background: url("http://ekladata.com/m5nHCvC-HE82fOiQnsqJFydJQO0.jpg");

height: 26px;

border-radius: 30px;

border: 2px solid white;

box-shadow: 0px 0px 8px white;

font-family: book antiqua;

font-size: 22px;

text-align: center;

padding: 7px;

width: 100%;

left: 0;

top: 450px

}

#background {width: 80%;

padding: 20px;

border: 2px solid white;

box-shadow: 0px 0px 15px white;

margin-top: 20px;

margin-bottom: 20px;

border-radius: 30px;

background: url("http://ekladata.com/U5fQ82eAoOleZtxM4UB8NEGY2lU.jpg") fixed;}

input{background: url("http://ekladata.com/gx_0OznjgWg38Ej8ZM_UB9kMxi8.jpg") 0% 100%;

border: none;

box-shadow: 0px 0px 3px black}

#titre_header a {display: block;

height: 200px;

width: 500px}

.module_contenu {background: url("http://ekladata.com/wbTzgSXPnol2w_c-c3rlN3CIbe0.jpg");

padding: 10px;

margin: 20px;

box-shadow: 0px 0px 8px white;

border-radius: 0 0 5px 5px;

margin-top: 0px;

border-top: none;

border-left: 2px solid white;

border-bottom: 2px solid white;

border-right: 2px solid white}

.module_titre {

background: url("http://ekladata.com/m5nHCvC-HE82fOiQnsqJFydJQO0.jpg");

border: 2px solid white;

height: 35px;

font-size: 14px;

box-shadow: 0px -2px 8px white;

text-align: center;

text-shadow: 1px 1px 0px silver;

border-radius: 5px 5px 0 0;

margin: 20px;

margin-bottom: 0px;

}

.module_titre a {color: black;

text-shadow: 1px 1px 0px silver

}

#menu1,

#menu2 {background: url("http://ekladata.com/wbTzgSXPnol2w_c-c3rlN3CIbe0.jpg");

width: 200px;

box-shadow: 0px 0px 8px white;

border-radius: 0 0 5px 5px;

border-top: none;

border-radius: 5px;

border-left: 2px solid white;

border-bottom: 2px solid white;

border-right: 2px solid white}

.module_menu_contenu_block{padding: 5px;

width: 95%

}

.module_menu_titre {background: url("http://ekladata.com/m5nHCvC-HE82fOiQnsqJFydJQO0.jpg");

padding: 0px;

border-top: 2px solid white;

border-bottom: 2px solid white;

text-align: center;

font-size: 20px;

font-weight: bold;

text-shadow: 1px 1px 1px silver;

padding: 5px;

height: 25px;}

p {color: black;

}

a {color: #00526e;

text-shadow: 0px 0px 3px white;

}

a:hover {text-shadow: 1px 1px 0px silver;

color: #00526e}

.comment_normal {width: 90%;

padding: 7px;

margin: 0 auto;

margin-bottom: 6px;}

.comment_admin {background-image: url("http://ekladata.com/28fQXCymR8WZIJA09ox3JMhH10U.png");

box-shadow: 0px 0px 10px white;

width: 90%;

margin: 0 auto;

border: 2px solid white;

border-radius: 5px;

padding: 7px;

margin-bottom: 7px;

}

/*MENUBAR*/

#menubar_section_content,

#menubar_section_appearance,

#menubar_section_interactions,

#menubar_section_manage,

#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-image: url("http://ekladata.com/gx_0OznjgWg38Ej8ZM_UB9kMxi8.jpg");

color: black;

border:none;

text-shadow: 1px 1px 1px silver;

box-shadow: 0px 0px 5px black;}

#menubar_hide{width: 0px}

#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 white;

border: 2px solid white;

border-radius: 5px}

.window_content {background: url("http://ekladata.com/JV2SrvUU9mSvNAvh0Ym5JCTpD1U.jpg");

border-radius: 0px 0px 5px 5px}

.window_title{ color: black;

padding: 5px;

text-align: center;

font-size: 20px;

letter-spacing: 2px;

font-weight: lighter;

text-shadow: 2px 1px 1px silver;}

.window_handle_content{

background:url("http://ekladata.com/YLZKcOvtENBaxFLsilrKiDAxb7s.jpg") 0% 50% repeat-x;

margin: 0px;

height: 39px;

padding: 0px;

border-radius: 5px 5px 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/gx_0OznjgWg38Ej8ZM_UB9kMxi8.jpg") 0% 100%;

border-radius: 5px;

border: none;

box-shadow: 0px 0px 3px black}

/*FOOTER*/

#footer { background: none;

text-align: center;

color: rgba(0,0,0,0.5);

}

#footer a { color: rgba(0,0,0,0.5);

text-decoration: none;

}

#footer::after { content: " - Design by Nagalia";

}

57 commentaires

Suivre le flux RSS des articles
Suivre le flux RSS des commentaires

Patterns Barroques

Gold Manga

4em série

Tsuna [reborn]

Loup Bleu