Forum
Forum :: Aide en CSS
Un thème plus professionnel
<< Sujet précédent | Sujet suivant >>
Aller à la page   <<      
Moderateurs: Alexis
Auteur Message
Alexis

Messages: 1136
Site internet
Content que ça te plaise

Pour le code, il va falloir attendre un peu car pour l'instant, il n'y a que la page d'accueil de faite. Je voulais m'assurer que ça te convienne avant de continuer

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 !

jule04
Messages: 39
Site internet
Pour un design comme sa, j'attendrai
Merci beaucoup de le faire malgré le travail ^^'


dj clash
Messages: 493
Site internet
J'aurai aimé contribuez à ce design, maintenant je ne le trouve pas sur les sites de test de jiix (doit en avoir un que je connait pas) et j'aurai de mon coté fais aussi quelques choses mais bon ^^

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 !...
jule04
Messages: 39
Site internet
Mercii beaucoup jiix encore une fois. Julien, se n'est pas grave pour moi en tout cas

(On peut se créer des sites de test pour amélioré notre CSS ?)


Alexis

Messages: 1136
Site internet
Si tu as besoin d'un site de tests pour ton CSS, je ne t'empêche pas de le créer, mais dans la mesure du possible, je préfère qu'on utilise ce plugin de firefox, ça évite de surcharger le serveur avec des sites non utilisés.

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 !

Alexis

Messages: 1136
Site internet
Voilà le css:

body {
    margin: 0;
    padding: 0; 
    font-size: 12px; 
    font-family: verdana, arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #1ca1b8; 
    background-image:url(http://www.kits-gratuits.net/kits/kit-62/img/prolongation.png); 
background-attachment:fixed;
    background-repeat: repeat-x;  }

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

a {
    color: #229fb6;
    text-decoration: none; }

a:hover {
    color: #45668e;
}

a img {
    border: none; }

.hidden {
    display: none; }

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

#header {
    padding: 0px;
    margin: 0px;
    height: 288px;
    width: 100%;
    background-color: #FFFFFF;
    background-image: url(http://www.ptp-images.com/img/hszrh38c0b.jpg); 
    background-repeat: no-repeat; }

#header h1 {
    text-align: right;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    color: #FFFFFF; }

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

#header h2 {
    display: block;
    margin-top: 255px;
    padding: 0px;
    font-size: 14px;
    text-align: left;
    color: justify; }

#header h2 a {
    color: #FFFFFF; margin-right: 20px;}

#header h2 a:hover {
    color: #229fb6;
    font-weight: bold; }

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

.news {
    width: 94%; }

.titrenews {
    padding: 6px;
    margin: 0px;
    width: 0%;
    background-color: #45668e;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    font-family: verdana;
    background-image:url(http://www.ptp-images.com/img/hszroa3c56.jpg);
    background-repeat:no-repeat;}

.corpsnews {
    background-color: #f1f2f4;
    text-align: justify;
    color: #45668e;
    padding: 2px; }

.piednews {
    background-color: #f1f2f4;
    padding-top: 4px; 
    color : #229fb6;
    font-size: 11px;
    height: 0px;
    padding: 0px;
    vertical-align: bottom;
  }

.piednews a {
    color: #45668e;
    text-decoration: none; }

.piednews a:hover {
    color: #45668e;
    font-weight: bold; }

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

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

#menugauche a {
    color: #229fb6;
    text-decoration: none; }

#menugauche a:hover {
    color: #45668e;
    font-weight: bold; }

#menugauche .titre {
    padding-top: 8px;
    min-height: 23px; 
    display: block;
    color: #45668e;
    background-color: #FFFFFF;
    font-size: 15px;
    font-family: Verdana;
    vertical-align: bottom;
    font-weight: bold;
    text-align: center; }

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

#menudroite a {
    color: #83878f;
    text-decoration: none; }

#menudroite a:hover {
    color: #45668e;
 }

#menudroite .titre {
    padding: 5px;
    background-image:url(http://www.ptp-images.com/img/hszrsb51ba.jpg);
    min-height: 20px; 
    display: block;
    color: #747474;
    border: 1px #CCCCCC solid;
    font-size: 15px;
    font-family: Verdana;
    vertical-align: bottom;
    text-align: center;
    font-weight: bold; }

#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-top: 0px;
    margin: 0 auto;
    color: #000000;
    font-size: 14px;
    background-image: url(http://moe.mabul.org/up/moe/2010/03/03/img-155643giroq.jpg);
    height: 167px;
    vertical-align: bottom;
    background-color: #011856;
    text-align: center; }

#footer a {
    color: #000000; }

#footer a:hover {
    color: #000000;
    text-decoration: bold; }

#footer p {
    margin: 0;
    padding: 10px;
    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 #D4E9F7;
    background-color: #EBF0F8;}
.spoiler{
    background-color: #EBF0F8;
    color : #000000;
    padding : 4px;
    border: 1px #D4E9F7 solid;}
.spoiler input{color: #000000;}
.mediumtext {
    font-size: 12px;
    font-family:verdana,arial, Helvetica, sans-serif;}
.tbox{
    background-color: #ffffff;
    border: #D4E9F7 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: #45668e 1px solid;
    width: 94% !important;}
.forumheader{
    padding: 6px;
    margin: 0px;
    width: 94%;
    background-color: #45668e;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    font-family: verdana;
    background-image:url(http://www.ptp-images.com/img/hszroa3c56.jpg);
    background-repeat:no-repeat;}}
.forumheader A {
    font-size: 12px;
    color:#000000;
    font-weight : bold;} 
.blocforum {
    border : 1px #45668E solid;
    width:94% !important;}
.fcaption {
    border-top: 1px #45668e solid;
    background-color: #D4E9F7;
    font-size: 11px;
    font-family:verdana,arial, Helvetica, sans-serif;
    color:#000000;
    font-weight:bold;
    padding: 2px;
    text-align: center;}
.fcaption a{
    padding-right:4px;
    color:#000000;}
.forumcolonne1 {
    background-color : #EBF0F8;
    border : 1px #45668e solid;}
.forumcolonne2 {
    background-color:#FFFFFF;
    border : 1px #45668e solid;
    text-align : left;
    padding : 2px;}
.forumcolonne3 {
    background-color: #EBF0F8;
    border : 1px #45668e solid;
    padding : 2px;}
.forumcolonne4 {
    background-color:#FFFFFF;
    border : 1px #45668e solid;}
.forumcolonne5 {
    background-color: #EBF0F8;
    border : 1px #45668e solid;}
.forumcolonne6 {
    background-color:#FFFFFF;
    border : 1px #45668e solid;}
.foruminfo {
    background-color : #C7DBEE;
    border : 1px #45668e solid;
    padding-top : 1px;
    padding-bottom : 1px;}
.casetype1 {
    background-color:#EBF0F8;
    border : 1px #D4E9F7 solid;
    padding: 2px;}
.casetype2 {
    border : 1px #D4E9F7 solid;
    background-color: #FFFFFF;
    padding: 2px;}
.casetype3 {
    background-color: #C7DBEE;
    font-size: 12px;
    padding:2px;
    border: 1px solid #D4E9F7;}
.commentaire {
    border-bottom: #D4E9F7 1px solid;
    width : 85%;}
/* END NAVIGATION */
/* Affichage d un sujet du forum */
#colonneavatar {
    width : 126px;
    background-color : #EBF0F8;
    background-repeat:no-repeat;
    text-align : center;
    border-top : 1px #D4E9F7 solid;
    border-left : 1px #D4E9F7 solid;
    padding : 2px;
    vertical-align : top;
}
#corpsforum { 
    text-align : left; 
    background-color : #FFFFFF;
    color : #000000;
    border-left : 1px #D4E9F7 solid;
    border-right : 1px #D4E9F7 solid;
    border-top : 1px #D4E9F7 solid;
    vertical-align : top;
}
#menumessage {
    background-color : #EBF0F8;
    border-bottom : 1px #D4E9F7 solid;
    height : 24px;
    padding : 2px;
    
}
#corpsmessage {
    background : #FFFFFF;
    padding : 4px;
    }
#signature { 
    border-top : 1px #D4E9F7 dashed;
    vertical-align : bottom;
    padding : 4px;
    background-color : #FFFFFF;
}
#reponserapide {
    background-color : #EBF0F8;
    border : 1px #D4E9F7 solid;
}
.legende {
    text-align: center;
    width : 94%;
    border: 1px #45668e solid;
    background-color : #EBF0F8;
    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 #D4E9F7 solid;
}


C'est pas encore parfait, mais je te laisse le tester et me dire les éventuelles retouches que tu aimerais que je fasse. Et si tu t'en sens capable, tu peux bien sûr le modifier à ta guise.

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 !

jule04
Messages: 39
Site internet
Merci jiix il est super, juste les boutons du forum à refaire et se sera parfait

Merci beaucoup


dj clash
Messages: 493
Site internet
jule04,
 
Pour tes boutons pour ton site voici quelques propositions qui s'offrent à toi :
 

 
J'espère t'avoir aidé pour trouver ton bonheur, n'hésitez pas à passer ta commande sur le forum UtiliWeb > Aide en graphisme mais aussi sur la page Images du support utiliweb, aussi via le forum PUBaPUB et aussi recherche les boutons sur le site Bouton pour forum, tu trouvera sur les 3 liens ton bonheur entre le premier des créations de Jiix et autres membres (je pense fort) les 2 suivants une demande pour créer tes boutons et sur le 4ème lien une liste de boutons créé par Bystep. (et peut être d'autres personnes je ne sait pas)
 
Bon courage pour ta personnalisation et finaliser la création de ton site

- Edité le 06/03/2010 à 00:28 -

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 !...
jule04
Messages: 39
Site internet
Les sites que tu m'as proposé sont super merci beaucoup


Armael
Messages: 16
Bah, ça s'rait sympa de publier tout ça
Parce qu'en effet, c'est bien réussi
theotix
Messages: 189
Site internet
un nouveau thème dans dans les bacs, ça ferait pas de mal

Page perso(theotix.me) - Blog(dsgndiver.com) - Tumblr(theotix.tumblr.com) - Twitter(#theotix)
jule04
Messages: 39
Site internet
Maintenant que mon site n'est plus utiliser. On peux appeler ce thème "Autour Du Monde" puis le mettre en libre service je pense
Ca aidera surement du monde .


Aller à la page   <<       

Aller à:     Haut de page