Forum
Moderateurs: Alexis
Auteur Message
arceus513
Messages: 1
Moi je veut créer un theme de pokémon en CSS mais j'arrive pas . vous pouvez m'aidez
Alexis

Messages: 1136
Site internet
C'est possible.

donne nous
  • L'adresse de ton site
  • Les images que tu souhaites utiliser sur ton thème
  • Le thème sur lequel tu aimerais que l'on se base pour créer ton thème (à choisir ici).


- Edité le 14/11/2009 à 11:21 -

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

dj clash
Messages: 493
Site internet
Je peut aussi proposer mes services si jamais tu n'a pas le temps jiix je comptait justement en faire un ce week end... ^^

ATTENTION CHANGEMENT !
Nouveau pseudo ! : Julien.
Me contacter par Message privé : Cliquez ici
image
Coach'Animation, un site pour vous aider à faire de votre évènement
un évènement inoubliable et surtout dans les règles de l'art !...
jeje
Messages: 29
salut j'ai créer un theme special pokémon :

Un exemple : http://exemple.utiliweb.fr/

Le code css :

body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family:verdana,arial, Helvetica, sans-serif;
    color: #000000;
    background-color:#FFF6E4;
    background-attachment:fixed;
    text-align : left;}
td {
    background: none;
    font-family:verdana,arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color:#000000;
    padding: 0px;
    text-align:left;}
a {
    color: #4e4e4e;
    text-decoration: none;}
a:hover {
    color: #EEA518;
    text-decoration: underline;}
a img {
    border: none;    }
.hidden{
    display:none;}
#page {
    padding: 0;
    width: 100%;
    border: 1px #000000 solid;
    margin-top: 10px;
    margin-bottom: 10px;
    width:96%;
    text-align: left;
    background-color :#FFFFFF ;}
#header {
    padding: 0px;
    margin: 0px;
    height: 159px;
    width: 100%;
    background-color: #FF9900;
    background-image:url(http://localhostr.com/files/a34857/logo.jpg); }
#header h1{
    text-align:center;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    font-size: 30px;
    color: #000000;}
#header h1 a, #header h1 a:hover{
    color: #000000;}
#header h2 {
    display : block;
    position : absolute;
    top : 149px;
    left:0px;
    padding: 0;
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
    color: #000000;
    width: 100%;
    height:30px;
    overflow : hidden;}
#header h2 a {
    color: #EEA518;    }
#header h2 a:hover {
    color: #000000;
    text-decoration : underline;    }
.body1 {
    background-color : #FFFFFF;
    padding : 0px;}
.news {
    border : 1px #000000 solid;
    width : 96%;
    background-image:url(http://support.utiliweb.fr/sand/orange/news.png);
    background-repeat: repeat-x;}
.titrenews {
    font-weight : bold;
    font-size : 12px;
    color : #EEA518;
    font-style:italic;
    font-size:13px;}
.corpsnews {
    text-align : justify;
    color : #000000;
    padding : 2px;}
.piednews {
    color : #000000;
    height : 20px;
    padding : 4px;
    vertical-align : bottom;}
.imagenews {
    max-width:120px;
    max-height:120px;
    float:left;
    padding: 4px;}
#menugauche {
    width: 150px;
    height : 100%;
    font-size: 12px;
    font-family:verdana,arial, Helvetica, sans-serif;
    vertical-align : top;
    background-color:#e9e9e9;}
#menugauche .titre {
    padding: 4px;
    display : block;
    border-bottom : 5px #FFFFFF solid;
    color : #eea518;
    background-color: #e9e9e9;
    font-weight : bold;
    font-style:italic;
    text-align:left;}
#menudroite {
    width: 150px;
    height : 100%;
    font-size: 12px ;
    font-family:verdana,arial, Helvetica, sans-serif;
    background-color: #e9e9e9;
    vertical-align : top;}
#menudroite .titre {
    background-color: #e9e9e9;
    padding: 4px;
    display : block;
    border-bottom : 5px #FFFFFF solid;
    color : #eea518;
    font-weight : bold;
    font-style:italic;
    text-align:left;}
#main {
    background-color:#FFFFFF;
    text-align : left;
    vertical-align : top;
    padding-top : 5px;
    padding-bottom : 5px;
    padding-left : 2px;
    padding-right : 2px;
    height : 100%;
}
#footer {
    padding: 0;
    margin: 0 auto;
    color: #000000;
    background-color : #FF6600;
    text-align: center;
    background-image:url(http://support.utiliweb.fr/sand/orange/footer.png);}
#footer a {color:#000000;}
#footer p {
    margin: 0;
    padding: 10px 0;
    text-align: center;}
.button{
    font-size: 12px;
    text-align:center;}
.tbox.chatbox {
    width: 60%;
    margin-left: auto;
    margin-right: auto;}
.spacer {
    padding: 0px 0 0px 0;}
.indent{
    padding:4px;
    border: 1px solid #000000;
    background-color: #FFFFFF;}
.spoiler{
    background-color: #FFFFFF;
    color : #000000;
    padding : 4px;
    border: 1px #000000 solid;}
.spoiler input{color: #000000;}
.mediumtext {
    font-size: 12px;
    font-family:verdana,arial, Helvetica, sans-serif;}
.tbox{
    background-color: #ffffff;
    border: #000000 1px solid;
    color: #000000;
    font-size: 12px;
    font-family:verdana,arial, Helvetica, sans-serif;}
.helpbox {
    border: 0px;
    background-color: transparent;
    color:#000000;
    font-size: 10px;
    font-family:verdana,arial, Helvetica, sans-serif;}
.fborder {
    border: #000000 1px solid;
    width: 99% !important;}
.forumheader{
    background-color: #FFF6E4;
    font-size: 12px;
    font-family:verdana,arial, Helvetica, sans-serif;
    color:#000000;
    font-weight : bold;
    padding:2px;
    border: 1px solid #000000;}
.forumheader A {
    font-size: 12px;
    color:#EEA518;
    font-weight : bold;}
.blocforum {
    border : 1px #000000 solid;}
.fcaption {
    border-top : 1px #000000 solid;
    border-bottom : 1px  #000000 solid;
    background-color: #FFF6E4;
    background-image:url(http://utiliweb.fr/defaut/titrenews.png);
    font-size: 12px;
    font-family:verdana,arial, Helvetica, sans-serif;
    color:#000000;
    font-weight:bold;
    padding: 2px;
    text-align: center;}
.fcaption a{
    padding-right:4px;
    color:#EEA518;}
.forumcolonne1 {
    background-color : #FFFFFF;
    border : 1px #000000 solid;}
.forumcolonne2 {
    background-color:#F7F7F7;
    border : 1px #000000 solid;
    text-align : left;
    padding : 2px;}
.forumcolonne3 {
    background-color: #FFFFFF;
    border : 1px #000000 solid;
    padding : 2px;}
.forumcolonne4 {
    background-color:#F7F7F7;
    border : 1px #000000 solid;}
.forumcolonne5 {
    background-color: #FFFFFF;
    border : 1px #000000 solid;}
.forumcolonne6 {
    background-color:#F7F7F7;
    border : 1px #000000 solid;}
    .foruminfo {
    background-color : #DFDFDF;
    border : 1px #000000 solid;
    padding-top : 1px;
    padding-bottom : 1px;}
.casetype1 {
    background-color:#FFFFFF;
    border : 1px #000000 solid;
    padding: 2px;}
.casetype2 {
    border : 1px #000000 solid;
    background-color: #F7F7F7;
    padding: 2px;}
.casetype3 {
    background-color: #FFF6E4;
    font-size: 12px;
    padding:2px;
    border: 1px solid #000000;}
.commentaire {
    border-bottom: #000000 1px solid;
    width : 85%;}
/* Affichage du sujet du forum */
#colonneavatar {
    width : 126px;
    background-color : #FFF6E4;
    background-repeat:no-repeat;
    text-align : center;
    border-top : 1px #000000 solid;
    border-left : 1px #000000 solid;
    padding : 2px;
    vertical-align : top;
}
#corpsforum {
    text-align : left;
    background-color : #F7F7F7;
    color : #000000;
    border-left : 1px #000000 solid;
    border-right : 1px #000000 solid;
    border-top : 1px #000000 solid;
    vertical-align : top;
}
#menumessage {
    background-color : #FFF6E4;
    border-bottom : 1px #000000 solid;
    height : 24px;
    padding : 2px;
   
}
#corpsmessage {
    background : #F7F7F7;
    padding : 4px;
    }
#signature {
    border-top : 1px #000000 dashed;
    vertical-align : bottom;
    padding : 4px;
    background-color : #F7F7F7;
}
#reponserapide {
    background-color : #F7F7F7;
    border : 1px #000000 solid;
}
.legende {
    text-align: center;
    width : 100%;
    border : 1px #000000 solid;
    background-color : #FDFDFD;
    padding : 2px;
    margin-top : 5px;
}
.caselegende {
text-align : center;
}
.titre {
    font-size: 14px;
    text-align : center;
}
.smalltext {
    font-size : 11px;
    color : #000000 ;
}
.smallblacktext {
    font-size : 11px;
    color : #000000 ;
}
hr
{display : none}
#main .titre {
    font-size : 18px;
    font-weight : bold;
    color : #000000;
}
.cpage_title {
    text-align : center;
    font-weight : bold;
}
.tableaubb {
    border: 1px #000000 solid;
}
Alexis

Messages: 1136
Site internet
Il est sympathique, mais je trouve l'image de fond du header un peu trop uniforme.

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

dj clash
Messages: 493
Site internet
Citation :
#header {
    padding: 0px;
    margin: 0px;
    height: 159px;
    width: 100%;
    background-color: #FF9900;
    background-image:url(http://localhostr.com/files/a34857/logo.jpg); }
Ton header fais 157px de hauteur

Je suis en train de faire un, je posterai le css une fois terminé

- Edité le 20/12/2009 à 14:53 -

ATTENTION CHANGEMENT !
Nouveau pseudo ! : Julien.
Me contacter par Message privé : Cliquez ici
image
Coach'Animation, un site pour vous aider à faire de votre évènement
un évènement inoubliable et surtout dans les règles de l'art !...
dj clash
Messages: 493
Site internet
Après quelques minutes, voici déjà un petit aperçu. Je vais appeler sa un brouillon car il n'est pas fini :
 
 
body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: verdana,arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #ffCD5E;
    background-attachment: fixed;
    text-align: left; }

td {
    background: none;
    font-family: verdana, arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #000000;
    padding: 0px;
    text-align: left; }

a {
    color: #4e4e4e;
    text-decoration: none; }

a:hover {
    color: #ff9900;
    text-decoration: none;
    font-weight:bold; }

a img {
    border: none; }

.hidden{
    display: none; }

#page {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    width: 990px;
    text-align: left;
    background-color: #FFFFFF; }

#header {
    padding: 0px;
    margin: 0px;
    height: 165px;
    width: 100%;
    background-color: #FFFFFF;
    background-image:url(http://moe.mabul.org/up/moe/2009/12/20/img-141046ls04d.jpg);
    background-repeat: no-repeat; }

#header h1{
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    font-size: 30px;
    color: #000000; }

#header h1 a, #header h1 a:hover{
    color: #000000; }

#header h2 {
    display: block;
    positio : absolute;
    top: 149px;
    left: 0px;
    padding: 0;
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
    color: #000000;
    width: 100%;
    height: 30px;
    overflow: hidden; }

#header h2 a {
    color: #EEA518; }

#header h2 a:hover {
    color: #000000;
    text-decoration: underline; }

.body1 {
    background-color: #FFFFFF;
    padding : 0px; }

.news {
    border: 1px #000000 solid;
    width: 96%;
    background-image: url(http://moe.mabul.org/up/moe/2009/12/20/img-151614n1aph.png);
    background-repeat: repeat-x; }

.titrenews {
    padding: 3px;
    font-weight: bold;
    color: #18396C;
    border-bottom: 4px #FFFFFF solid;
    text-align: center;
    font-size: 14px; }

.corpsnews {
    text-align: justify;
    color: #000000;
    padding: 2px; }

.piednews {
    color: #000000;
    font-size: 10px;
    height: 20px;
    padding: 4px;
    vertical-align: bottom; }

.imagenews {
    max-width: 120px;
    max-height: 120px;
    float: left;
    padding: 4px; }

#menugauche {
    padding-left: 10px;
    width: 155px;
    height: 100%;
    font-size: 14px;
    font-family: verdana;
    vertical-align: top;
background-repeat: no-repeat; }

#menugauche .titre {
    padding: 4px;
    display: block;
    border-bottom: 4px #FFFFFF solid;
    color: #18396c;
    background-color: #ffcd5e;
    font-weight: bold;
    text-align: center; }

#menudroite {
    width: 155px;
    height : 100%;
    font-size: 14px ;
    padding-right:12px;
    font-family:verdana;
    vertical-align : top; }

#menudroite .titre {
    padding: 4px;
    display: block;
    border-bottom: 4px #FFFFFF solid;
    color: #18396c;
    background-color: #ffcd5e;
    font-weight: bold;
    text-align: center; }

#main {
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 2px;
    padding-right: 2px;
    height: 100%; }

#footer {
    padding: 0;
    margin: 0 auto;
    color: #000000;
    background-color: #FF6600;
    text-align: center;
    background-image: url(http://support.utiliweb.fr/sand/orange/footer.png); }

#footer a {
    color: #000000; }

#footer p {
    margin: 0;
    padding: 10px 0;
    text-align: center; }

.button {
    font-size: 12px;
    text-align: center; }

.tbox.chatbox {
    width: 60%;
    margin-left: auto;
    margin-right: auto; }

.spacer {
    padding: 0px 0 0px 0; }

.indent {
    padding: 4px;
    border: 1px solid #000000;
    background-color: #FFFFFF; }

.spoiler {
    background-color: #FFFFFF;
    color: #000000;
    padding: 4px;
    border: 1px #000000 solid; }

.spoiler input {
    color: #000000; }

.mediumtext {
    font-size: 12px;
    font-family: verdana, arial, Helvetica, sans-serif; }

.tbox {
    background-color: #ffffff;
    border: #000000 1px solid;
    color: #000000;
    font-size: 12px;
    font-family: verdana, arial, Helvetica, sans-serif; }

.helpbox {
    border: 0px;
    background-color: transparent;
    color: #000000;
    font-size: 10px;
    font-family: verdana, arial, Helvetica, sans-serif; }

.fborder {
    border: #000000 1px solid;
    width: 99% !important; }

.forumheader {
    background-color: #FFCD5E;
    font-size: 12px;
    font-family: verdana, arial, Helvetica, sans-serif;
    color: #000000;
    font-weight: bold;
    padding: 2px;
    border: 1px solid #000000; } 

.forumheader A {
    font-size: 12px;
    color: #EEA518;
    font-weight: bold; }

.blocforum {
    border: 1px #000000 solid;} 

.fcaption {
    border-top: 1px #000000 solid;
    border-bottom: 1px  #000000 solid;
    background-color: #FFF6E4;
    background-image: url(http://utiliweb.fr/defaut/titrenews.png);
    font-size: 12px;
    font-family: verdana, arial, Helvetica, sans-serif;
    color: #000000;
    font-weight: bold;
    padding: 2px;
    text-align: center; }

.fcaption a {
    padding-right: 4px;
    color: #EEA518; }

.forumcolonne1 {
    background-color: #FFFFFF;
    border: 1px #000000 solid; }

.forumcolonne2 {
    background-color: #F7F7F7;
    border: 1px #000000 solid;
    text-align: left;
    padding: 2px; }

.forumcolonne3 {
    background-color: #FFFFFF;
    border: 1px #000000 solid;
    padding : 2px; }

.forumcolonne4 {
    background-color: #F7F7F7;
    border: 1px #000000 solid; }

.forumcolonne5 {
    background-color: #FFFFFF;
    border: 1px #000000 solid; }
.forumcolonne6 {
    background-color: #F7F7F7;
    border: 1px #000000 solid; }

.foruminfo {
    background-color: #DFDFDF;
    border: 1px #000000 solid;
    padding-top: 1px;
    padding-bottom: 1px; }

.casetype1 {
    background-color: #FFFFFF;
    border: 1px #000000 solid;
    padding: 2px; }

.casetype2 {
    border: 1px #000000 solid;
    background-color: #F7F7F7;
    padding: 2px; }

.casetype3 {
    background-color: #FFF6E4;
    font-size: 12px;
    padding: 2px;
    border: 1px solid #000000; }

.commentaire {
    border-bottom: #000000 1px solid;
    width: 85%; }

/* Affichage du sujet du forum */

#colonneavatar {
    width: 126px;
    background-color: #FFF6E4;
    background-repeat: no-repeat;
    text-align: center;
    border-top: 1px #000000 solid;
    border-left: 1px #000000 solid;
    padding: 2px;
    vertical-align: top; }

#corpsforum {
    text-align: left;
    background-color: #F7F7F7;
    color: #000000;
    border-left: 1px #000000 solid;
    border-right: 1px #000000 solid;
    border-top: 1px #000000 solid;
    vertical-align: top; }

#menumessage {
    background-color: #FFF6E4;
    border-bottom: 1px #000000 solid;
    height: 24px;
    padding: 2px; }

#corpsmessage {
    background: #F7F7F7;
    padding: 4px; }

#signature {
    border-top: 1px #000000 dashed;
    vertical-align: bottom;
    padding: 4px;
    background-color: #F7F7F7; }

#reponserapide {
    background-color: #F7F7F7;
    border: 1px #000000 solid; }

.legende {
    text-align: center;
    width: 100%;
    border: 1px #000000 solid;
    background-color: #FDFDFD;
    padding: 2px;
    margin-top: 5px; }

.caselegende {
    text-align: center; }

.titre {
    font-size: 14px;
    text-align: center; }

.smalltext {
    font-size: 11px;
    color: #000000; }

.smallblacktext {
    font-size: 11px;
    color: #000000; }

.hr {
    display : none }

#main .titre {
    font-size: 18px;
    font-weight: bold;
    color: #000000; }

.cpage_title {
    text-align: center;
    font-weight: bold; }

.tableaubb {
    border: 1px #000000 solid; } 


- Edité le 20/12/2009 à 15:35 -

ATTENTION CHANGEMENT !
Nouveau pseudo ! : Julien.
Me contacter par Message privé : Cliquez ici
image
Coach'Animation, un site pour vous aider à faire de votre évènement
un évènement inoubliable et surtout dans les règles de l'art !...
jeje
Messages: 29
Est-ce que les théme en CSS fonctionne sur d'autre site ?
dj clash
Messages: 493
Site internet
jeje a écrit :
Est-ce que les théme en CSS fonctionne sur d'autre site ?
 
Non désolé... Chaque site à ces propres propriétés et attributs... Après tu peut les adaptés mais, les site créer et disponible sur le support ou sur FreeDesign reste la propriété de leurs créateur et aussi par la même occasion des sites UtiliWeb...

ATTENTION CHANGEMENT !
Nouveau pseudo ! : Julien.
Me contacter par Message privé : Cliquez ici
image
Coach'Animation, un site pour vous aider à faire de votre évènement
un évènement inoubliable et surtout dans les règles de l'art !...
 

Aller à:     Haut de page