15 jun
2007

iTheme-like pour tous

Pour ceux qui voudraient avoir le même thème qu'ici, je vous livre ce que vous devrez copier/coller dans la zone "CSS perso" de votre blog :

.adminentry {
    width: 100px;
    height: 100px;
    text-align:center;
    -moz-border-radius: 10px;
    float:left;
}

.adminentry img{
    width:42px;
    margin-top:10px;
}

.adminentry:hover {
    background-color: #CCC;
}

img {
   border: 0px;
}

.fondselect {
  border:1px solid #FFF; 
  background-color: #EEF;
  width: 30px;
  height: 30px;
}

body {
    background: #6384A3 url(http://www.dev-fr.org/images/iTheme/body-bg.png) repeat-x;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    color: #000000;
    border: 0px;
    margin: 0px;
}

.container {
    width:800px;
    margin-left:auto;
    margin-right:auto;
    border: none;
    background: url(http://www.dev-fr.org/images/iTheme/content-top-bg.png) no-repeat left top;
}

.container + div { padding-right: 260px; position: relative; top: 38px; }

h1 {
    font-size: 1.8em;
    color: #34beed;
    margin-bottom: 0px;
    padding-bottom: 0px;
    
}

h4 {
    color: #666666;
    margin-bottom: 0px;
}

.post h1 a, .post h1 a:visited {
	color: #333333;
    text-decoration: none;
}

.post h1 a:hover, .postinfo a:hover {
	color: #44A1D0;
	text-decoration: none;
}

.post h1 {
	margin: 5px 0 4px 54px;
	padding-bottom: 4px;
	border-bottom: dotted 1px #CCCCCC;
	color: #333333;
	font: normal 150%/100% "Lucida Grande", Arial, sans-serif;
}

.edittitle {
    font-size: 1.8em;
    color: #34beed;
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

a {
    border: 0px;
    color: #44A1D0;
    font-weight: normal;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.ad {
   border-style: solid solid solid solid;
   border-color: #34beed;
   border-width: thin;
}

p, .textarea {
    color: #000000;
}

.header {
    background-color: #EEEEEE;
    color: #FFCC00;
    font-family: Arial;
    font-size: 3em;
    padding: 5px;
    text-align: center;
}

.title {
    font: bold 14px/100% Arial, Helvetica, sans-serif;
    background: none;
    color : #000000;
    padding-left: 18px;
    opacity:.80; 
    position: absolute;
    top: -26px;
}

.comment {
    border: 1px dashed #666666;
    background-color: #F6F6F6;
    padding: 1em;
    padding-top: 2px;
    margin: 0.4em;
    margin-bottom: 1em;
}

.comment .author {
    color: #666666;
    font-size: 1em;
}

.addacomment {
}

.textarea {
  color: #000000;
}

.firstbar {
 float: right;
 padding: 5px;
 width: 230px;
}

.firstbar .h2 {
	margin: 0;
	padding: 16px 24px 7px 10px;
	color: #666666;
	background: url(http://www.dev-fr.org/images/iTheme/sidep-handle.png) no-repeat 0 0;
	font: bold 12px/100% Arial, Helvetica, sans-serif;
}

.firstbar .h2 + * {
	margin: 0;
	padding: 5px 10px 9px 10px;
	background: url(http://www.dev-fr.org/images/iTheme/sidep-bottom.png) no-repeat 0 100%;
	overflow: hidden;
}

.postList {
	width : 520px;
	padding: 10px;
	background: none;
	border: none;
	overflow: auto;    
}

.postListContainer {
	width:542px;
	background: #FFFFFF url(http://www.dev-fr.org/images/iTheme/content-bottom-bg.png) no-repeat right bottom;
	border: none;
	position: relative;
	top: 35px;
}

.post {
    padding-bottom: 20px;
    border-style: none none solid none;
    border-color: rgb(235,235,235);
    border-width: thin;
    
}

.postinfo {
    margin-top: 1em;
    font-size: 1em;
    background-color: rgb(255,255,255);
    color: #999999;
    padding: 0.5em;
    /*opacity:.6; */

}

.postinfo a, .postinfo a:visited {
	color: #999999;
	text-decoration: none;
}

.postcommentnumber {
   float:right;
   font-size: 0.9em;
   text-align: right;
}

.postdate {
   font-size: 0.9em;
   margin-bottom: 1ex;
}

.editcomment {
   border-style: solid;
   border-color: #999;
}

div.post .postctrl {
   float: right; 
   padding: 0.5em; 
   margin: 0.5em;
   opacity:.50; 
}

div.post:hover .postctrl {
   background-color: #DDD;
   opacity:1; 
}

.datesquare {
	width: 45px;
	height: 50px;
	background: url(http://www.dev-fr.org/images/iTheme/calendar.png) no-repeat;
	color: #666666;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin-right:0.5em;
	position: relative;
	float:left;
	text-align:center;
	line-height: 100%;
}

.datesquare span {
	padding-top: 5px;
	display: block;
	color: #ffffff;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-align: center;
	height: 5px;
}

.h2 {
    font-size:1.2em;
    font-weight: bold;
    margin-top: 1em;
    
}

#searchbox {
	width: 205px;
	background: url(http://www.dev-fr.org/images/iTheme/searchform-bg.png) no-repeat right bottom;
	height: 37px;
}

#searchbox #param {
	margin: 7px 5px 7px 0px;
	padding: 3px 7px 2px 10px;
	border: none;
	width: 150px;
/*	background: #ffffff url(http://www.dev-fr.org/images/iTheme/form-field-bg.png) no-repeat;*/
	color: #999999;
}

#searchbox img {
	width: 0;
	padding-left: 25px;
	background: url(http://www.dev-fr.org/images/iTheme/search-btn.png) no-repeat left top;
	height: 24px;
}

.postList { border: none; }

span[style="font-size: 0.8em;"]:after { content: ' skin based on iTheme by N.Design Studio www.ndesign-studio.com'; }

</style>

Et voilà vous avez changé votre thème. ^^ Have fun.

3 commentaire(s)

Divers CSS
date

15/06/2007 à 17:48:17 Dernière modif. : 15/06/2007 à 17:52:56

31 mai
2007

Démo CSS perso : iTheme-like

Bon bah voilà, c'est enfin fini. ^^
Après avoir constaté que la plupart des personnes ayant un blog dev-fr n'utilisent pas la fonction "CSS perso", je me suis dit que j'allais adapter un "beau" skin pour montrer que cela permet de vraiment personnaliser son blog.
J'ai donc choisi iTheme (un thème pour WordPress) de N.Design Studio car je le trouvais sympa.

Et ce que vous voyez est le résultat de mon adaptation au système de blogs dev-fr.

À vos CSS perso !

8 commentaire(s)

Divers CSS
date

31/05/2007 à 02:15:43 Dernière modif. : 31/05/2007 à 23:42:23

27 mar
2007

Au commencement 2' EX plus α

Histoire de ~~copier~~ rendre hommage à darkmath, je fais moi aussi une présentation rapide pour commencer. Donc, Yus :
23 ans, ex-étudiant en informatique, ex-étudiant en japonais. Maintenant, pas plus intéressant (bah oui je vais pas mentir), je vais présenter mes différents travaux (amateurs), finis ou en cours, sur console portable (ou pas).

Tout a commencé alors que je ne connaissais rien au dev DS (n'ayant jamais essayé le dev GBA).

Ça a donné ça :

C'était les débuts de la DS, côté homebrew, la gestion du stylet n'était pas encore géniale à l'époque mon projet était donc en pause. Et il l'est resté... d'autres projets plus ou moins similaires sont sortis entre temps (le plus proche étant Project JDS), ce qui fait que je ne reprendrais probablement jamais le mien.
Kana Trainer, était avant tout censé m'aider à travailler mes kanas, depuis je les ai appris (encore heureux !) et suis passé à autre chose. C'est mon plus gros problème, contrairement à mollusk par exemple, qui sort plein de petites démos de jeux et enchaine sur un autre projet, moi je passe à autre chose avant même d'avoir concrétisé le premier, je me désintéresse très facilement de mes projets. ^^

La suite ? un jour, peut-être... ou pas.

4 commentaire(s)

Dev Divers
date

27/03/2007 à 13:40:30 Dernière modif. : 27/03/2007 à 13:48:28

<< | 0 | >>