Archives : Décembre 2013 - Fantasy Graph'

Texture Roche [Intermédiaire]

Par Nagalia dans Tuto Photoshop le 9 Décembre 2013 à 21:41

9 commentaires
Blabla Fantasy Graph'

Par Nagalia dans Discussions le 9 Décembre 2013 à 20:28

Pour ne pas polluer les tutoriels avec du flood, voici un article pour parler de tout et de rien.

Un minimum de savoir vivre est toutefois demandé. aucun propos insultant ou discriminatoire ne sera toléré, merci de respecter les opinions de chacun, et de régler vos potentiels différents par MP.

17 commentaires
Noël RPG

Par Nagalia dans Thème libre service le 8 Décembre 2013 à 00:34

* {line-height: 17px;
}
* a { color: #000;
  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://img15.hostingpics.net/pics/955079neige.png) repeat-x 100% 0%,
url(http://img15.hostingpics.net/pics/431964back.png) repeat-x, url(http://img15.hostingpics.net/pics/394092ROCHE.jpg);
  background-color: #6c1f1f
}
#header{ height: 450px;
  background: url("http://img15.hostingpics.net/pics/258415ban.png") no-repeat 50% 0%;
}
#menu {
  position: absolute;
  top: 60px;
  left: 50%;
  margin-left: -510px;
  width: 1800px
}
#menu a{ padding: 10px;
  height: 30px;
  width: 850px;
  text-align: left;
  padding-left: 20px;
  padding-top: 15px;
  font-weight: bold;
  background: url(http://img11.hostingpics.net/pics/905253menu.png) no-repeat;
}
#menu a:hover{ opacity: 1;
  color: rgba(0,0,0,0.7);
}
#background{width: 85%;
}
#content{ width: 55%;
  margin: auto;
}
#menu1,
#menu2{margin-top: -40px;
  background: none;
  width: 200px;
  padding: 10px;
  margin-left: 0px;
  margin-right: 0px;

}
#menu1_top,
#menu2_top{height: 0px;
}

.module_titre{ text-align: center;
  border: none;
  margin-top: 20px;
  margin-bottom: 15px;
  font-family: monotype corsiva;
  font-size: 25px;
  height: 40px;
  background: url(http://img4.hostingpics.net/pics/872538soulignement.png) no-repeat 50% 120%;
}

.module_menu_titre { background: url(http://img15.hostingpics.net/pics/220685titrem1.png) no-repeat;
  height: 30px;
  margin-top: 20px;
  margin-bottom: 10px;
  border-radius: 10px;
  padding-top: 30px;
  padding-right: 40px;
  font-size: 17px;
  text-align: center;

}
.module_menu_type_lastvisitors {
  position: absolute;
  width: 200px;
  top: 65px;
  left: 50%;
  margin-left: -6%;
  text-align: center;
  filter: sepia(1);
  -webkit-filter: sepia(1);
  -moz-filter: sepia(1);
  -o-filter: sepia(1);
  -ms-filter: sepia(1);
}
.module_menu_type_lastvisitors img { max-width: 50px;
  border-radius: 10px 0 10px 0;
  margin-left: 10px;
}
.module_menu_type_lastvisitors .module_menu_titre {opacity: 0
}
.module_menu_type_calendar .module_menu_titre,
.module_menu_type_shoutbox .module_menu_titre{background: url(http://img15.hostingpics.net/pics/391980titrem3.png) no-repeat;
  padding: 0px;
  padding-top: 32px;
  color: #ffc939;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);

}
#menu_calendar { border: none;
  background: url(http://img4.hostingpics.net/pics/705179parchemin.jpg);
  border-top: 1px solid rgba(0,0,0,0.7);
  border-bottom: 1px solid rgba(0,0,0,0.7);
  box-shadow: 0 0 5px black, inset 0 0 15px #956d39;
  width: 90%;
}
.module_menu_contenu_block { padding-bottom: 10px;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
}
#menu_calendar th{ background: none;
  padding-top: 5px;
  border-bottom: 1px dotted rgba(0,0,0,0.5);
}
.menu_calendar_link { background : url(http://img4.hostingpics.net/pics/724629calendar.png) no-repeat -100% -100%;
}
.menu_calendar_link:hover{border: none;
}
.ulmodules{ background: url(http://img4.hostingpics.net/pics/705179parchemin.jpg);
  margin-bottom: 50px;
  border-left: 3px solid rgba(0,0,0,0.7);
  border-right: 3px solid rgba(0,0,0,0.7);
  box-shadow: 0 0 15px black, inset 0 0 15px #956d39;
  border-radius: 7px;
  padding: 20px;
  text-align: justify;
}
.article_info { font-size: 12px;
  margin-bottom: 20px;
  text-align: right;
  line-height: 12px;
  opacity: 0.7;
  color: rgba(0,0,0,0.7)
}
#footer{ text-align: center;
  font-size: 13px;
}
#footer:after{
  content: "- Design by Nagalia";
  color: #000
}

29 commentaires
Hiver Jack Frost

Par Nagalia dans Thème libre service le 4 Décembre 2013 à 15:57

* {line-height: 17px;

}

* a { color: #003039;

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://img15.hostingpics.net/pics/945810bas.png) repeat-x 0% 101%,

url(http://img15.hostingpics.net/pics/990411back.png) repeat-x 0px 205px,

url(http://img15.hostingpics.net/pics/136296ban.png) no-repeat 50% 0%,

url(http://img15.hostingpics.net/pics/720824fond.jpg) repeat-x;

background-color: #7cbcc8

}

#header{ height: 380px;

width: 60%;

margin: 0 auto;

}

#background{width: 85%;

}

#content{ width: 55%;

margin: auto;

}

#menu1,

#menu2{

margin-top: -400px;

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)),

color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

width: 180px;

padding: 10px;

margin-left: 0px;

margin-right: 0px;



}

#menu1_top,

#menu2_top{height: 0px;

}

.module_titre{ text-align: left;

border: none;

margin-bottom: 15px;

font-family: monotype corsiva;

font-size: 25px;

padding-left: 35px;

height: 40px;

text-shadow: 0 0 5px rgba(255,255,255,0.9);

-webkit-transition: 300ms;

-moz-transition: 300ms;

-o-transition: 300ms;

transition: 300ms;

}

.module_titre:before{ float: left;

padding-top: 10px;

margin-right: 20px;

content : url(http://img15.hostingpics.net/pics/298446titre1.png);



}

.module_titre:hover{padding-left: 0px;

}

.module_menu_titre { border-top: 2px solid #003039;

border-bottom: 2px solid #003039;

margin-top: 20px;

margin-bottom: 10px;

border-radius: 10px;

padding-top: 5px;

font-size: 19px;

text-align: center;

}

.module_menu_titre:hover{ background: rgba(0,48, 57,0.3);

-webkit-transition: 300ms;

-moz-transition: 300ms;

-o-transition: 300ms;

transition: 300ms;

}

.module_contenu_block{ border-bottom: 5px solid rgba(255,255,255,0.6);

border-radius: 0 0 50px 50px;

margin-bottom: 50px;

padding-bottom: 50px;

text-align: justify

}

#footer{ text-align: center;

font-size: 13px;

}

#footer:after{

content: "- Design by Nagalia";

color: #003039

}

30 commentaires
Signature hors-cadre [Moyen]

Par Nagalia dans Tuto Photoshop le 4 Décembre 2013 à 15:50

Render

Ressources

Tuto by Hilarry

2 commentaires
1 2 3 4

Texture Roche [Intermédiaire]

Blabla Fantasy Graph'

Noël RPG

Hiver Jack Frost

Signature hors-cadre [Moyen]