AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Différent codes

 :: 
Conception dun forum
 :: Les codes :: Autres codes Voir le sujet précédent Voir le sujet suivant Aller en bas
Kiona
Admin
avatar
Messages : 152
Date d'inscription : 25/03/2011
Mar 28 Juin - 18:52
Code:
/* cadre large */
.bodyline {
border: 6px solid ;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}

Code:
.spoiler {
background-color : #6583CC ;
border : XXpx solid #6583CC ;
-moz-border-radius: 2px 2px 2px 2px }

Code:
/*Qui est en ligne */
.tableauqueel{
front-color : #7E827C;
border : solid 3px #F7F2F0 ;
-moz-border-radius : 2px 2px 2px 2px}

Code:
.partiedroite {
font-size : 12px ;
border-left : Xpx dotted #D5C8C8;
padding-left : 10px }


Code:
.groupes{
background-color:#COLOR ;
border: 1px color #COLOR  ;
-moz-border-radius : Xpx XpxXpxXpx;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px
;font-weight: bold;
text-align:center;
font-color : #998C8C  ;
text-decoration: none !important;
}

Code:
.milieu {width: 90%; margin: 0px; border: 1px solid #EFEAD6;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-image: url('http://nsa25.casimages.com/img/2011/03/12/110312033429943413.pn
g');}
[/code]

Code:
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #ffffff;
}

Code:
.qeel {
  background-image: url('http://i21.servimg.com/u/f21/14/51/81/01/statam11.png');
  background-repeat:no-repeat;
 background-color: #7E827C
  text-align:center;
  border:0 !important;
  min-height:232px; /* la hauteur de ton image */
  height:230px;
}

Code:
#qeel td{
  background:none !important;
    text-align:center
}

Code:
tr#connecte_24 td{
  text-align:center;
  }

Code:
a.info {
  position: relative;
  color: black;
  text-decoration: none;
}

Code:
a.info span {
  display: none; /* on masque l'infobulle */
}
Code:
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: none; /* on change le curseur par défaut en curseur d'aide */
}

Code:
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 30px; /* on positionne notre infobulle */
  left: 20px;

  background: white;

  color: black;
  padding: 3px;

  border: 1px dotted #A74C5C;
  border-left: 4px dotted #A74C5C;
}

Code:
#exo_tableau td{
border: double red 3px;
background: white;
text-align: center;
color: black; 
font-family: Comic sans MS;
}

Code:
.info_bulle{
position:relative;
}

Code:
.info_bulle span{
display:none;
width:120px;
height:180px;
background-image: url('http://img4.hostingpics.net/pics/618275Fondchaske.png');
border: double 3px black;
border-left: 4px dotted black;
border-right: 4px dotted black;
text-align: center;
color: back; 
font-family: Lucida Calligraphy Italic;
}

Code:
.info_bulle:hover span{
  display:inline;
  width:135px;
  height:145px;
background-image: url('http://img4.hostingpics.net/pics/618275Fondchaske.png');
 
  position: absolute;
  top: 15px;
  left: 10px;
}

Code:
a.forumlink{
display:block;
text-align: center;
text-transform: Capitalize;
background-color:#;
border-bottom: 5px inset #AEB2B5;
}

Code:
.postdetails.poster-profile a img{
border: 3px solid #AEB2B5;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

Code:
#ma_pa{
background-image: url('http://img4.hostingpics.net/pics/618275Fondchaske.png');
font-size: 10pt;
Font-style: italic;
color: black;
}

Code:
#titre_en_tete{
color: black;
font-size: 14pt;
Font-style: italic;
text-align: center;
}

Code:
.en_tete{
color: black;
font-size: 11pt;
Font-style: italic;
texte-align: center;
}

Code:
#Lien{
color: black;
text-align: center;
Font-style: italic;
font-size: 12pt;
text-transform: Capitalize;
text-decoration: none;
}
Revenir en haut Aller en bas
Kiona
Admin
avatar
Messages : 152
Date d'inscription : 25/03/2011
Sam 3 Sep - 13:30
body {
background-repeat: no-repeat;
background-color:
background-image:url(" mhttp://img11.hostingpics.net/pics/610215essaie.png");}


/* cadre large */
.bodyline {
border: 6px solid #6583CC;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}


a { text-decoration: none; }

.spoiler {
background-color : #6583CC ;
border : XXpx solid #6583CC ;
-moz-border-radius: 2px 2px 2px 2px }
{
font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
font-family: Tahoma, Verdana, Arial, serif;
}
.cont_pa {
border: 2px #8FBC8F solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
padding: 10px;
}

.titre_pa {
background-color: #8FBC8F;
padding: 5px;
text-align: center;
display: bloc;
font-size: 16px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
color:#68676B;
margin-bottom: 5px;
}

#ann_pa
{
border: 2px #68676B solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 10px;
display: bloc;
height: 150px;
width: 200px;
}

div.infob {
position: relative;
text-decoration: none !important;
}

div.infob span {
display: none;
text-decoration: none !important;
}

div.infob:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /*permet de s'assurer que l'infobulle est au tout premier plan */
text-decoration:none !important;
}

div.infob:hover span {
display: inline;
position: absolute;
left: 100px;
width:220px;
color: black;
font-size:9px;
text-align: center;
text-decoration:none !important;
background-color: #8FBC8F;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
padding: 4px;
border:3px solid #E2C6AC;
}

#pa_nav a {
text-decoration: none;
color:black;
font-size: 12px;
}

#pa_nav {
display: bloc;
text-align : center;
}
a.info {
position: relative;
color: black;
text-decoration: none;
}
a.info span {
display: none; /* on masque l'infobulle */
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

cursor: none; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;

white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

top: 30px; /* on positionne notre infobulle */
left: 20px;

background: #E6E6FA;
ou
color: black;
padding: 3px;

border: 1px dotted #A87E68;
border-left: 4px dotted #A87E68;
}

a.forumlink{
display:block;
text-align: left;
background-color: #8FBC8F;
border-bottom: 3px double #E6E6FA;
}

a.forumlink:link, a.forumlink:visited {
font-family: Times new roman;
text-transform : capitalize;
text-align: center;
font-size: 120%;
display: block;
margin-top: 3px;
padding: 3px;
}


.sujets_messages
{margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
border-bottom: 1px solid #000000;
background-color:#8FBC8F ;}

.derniers_sujets
{margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD; on évite de retirer */*/
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */*/

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */
border: 1px dashed #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}

.groupes{
border: 3px #6583CC double;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;
text-shadow: 1px 1px 1px black;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
text-align: center;
text-decoration: none !important;
margin-left: 5px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
border-bottom: 3px double #000000;
}

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 90%;
border: 3px double #69B3D6;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
font-size: 10px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #000000;
border: 3px solid #D3C49C;
border-top: 0px !important;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
margin: auto;
padding: 4px;
color: #000000;
width: 85%;
text-align: center;
height: 22px;
font-size: 7px;
}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: #8FBC8F;
margin: auto;
margin-bottom:30px;
width:800px;
}

ul, li{
list-style: none;
}

.mon_onglet{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #333;
background: white;
border: 3px solid #D3C49C;
cursor: pointer;
margin-bottom: -1px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;}

.mon_onglet:hover{
background:white;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;}

.mon_onglet_selected{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #333;
background: white;
border-top: 3px solid #D3C49C;
border-right: 3px solid #D3C49C;
border-left: 3px solid #D3C49C;
border-bottom: 3px solid #D3C49C;
cursor: pointer;
margin-bottom: -1px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
.clear {
clear: both;
}
.mon_contenu {
color: black;
background: white;
border: 3px solid #D3C49C;
padding: 10px;
width: 720;
height: 400;
}
#mes_contenus, #mes_onglets {
width: 100%;
}




/* CHATBOX */

body.chatbox {
background-image:url('http://harrypottermania.h.a.pic.centerblog.net/5mrtwlc4.jpg');
}

#chatbox_header {
background-image:url('http://i27.servimg.com/u/f27/11/07/38/09/chatbo10.jpg');
}

#chatbox_header .cattitle strong {
display: none ;
}
#chatbox_header .cattitle:before {
content: "Souvenir...Souvenir....- ChatBox" ;
}

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

#chatbox_header .catBottom .cattitle {
margin:3px !important;
padding:3px;
text-align:center;
font-size:11px !important;
font-weight:bold;
font-variant :small-caps;
}

#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options {
color:#3b2705 !important;
font-size:9px !important;
font-weight:bold;
}

#chatbox_header .chatbox-options a {
color:#3b2705;
border:solid 1px #000000;
margin-bottom:3px !important;
padding:3px;
text-align:center;
font-size:9px !important;
font-weight:bold;
}

#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 45px;
overflow: auto;
color:#3b2705;
padding: 3px;
text-align: left;
font-size:11px !important;
}

#chatbox_members .member-title {
background-image: url('http://i27.servimg.com/u/f27/11/07/38/09/chatbo10.jpg');
color:#3b2705;
border:solid 1px #000000;
margin:3px !important;
padding:3px;
text-align:center;
font-size:11px !important;
font-weight:bold;
font-variant :small-caps;
}

#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: solid 1px #000000;
}

#chatbox .catBottom {
border: none;
}

#chatbox_footer {
background-image: url('http://i27.servimg.com/u/f27/11/07/38/09/chatbo10.jpg');
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
color:#3b2705;
border:solid 1px #000000;
margin:3px !important;
opacity:1;
text-align:left;
font-size:9px !important;
}

#chatbox_footer label {
color:#3b2705;
font-size:11px !important;
font-variant: small-caps;
font-weight:bold;
}

#message {
color:#3b2705;
border:solid 1px #000000;
margin:3px !important;
padding:2px;
text-align:left;
font-size:9px !important;
}

#submit_button {
background-image: url('http://i27.servimg.com/u/f27/11/07/38/09/chatbo10.jpg);
color:#3b2705;
border: solid 1px #000000;
margin:3px !important;
padding:2px;
text-align:left;
font-size:9px !important;
}

.fontbutton {
padding: 1px;
text-align:left;
border: solid 1px #000000;
}




div.infobulle {
position: relative;
float: left;}

div.infobulle span {
display: none;}

div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999;}

div.infobulle:hover span {
color: #C2A395;
-moz-border-radius: 50px;
text-align: center;
text-shadow: #000000 1px 1px 1px;
width: 210px;
background: #ffffff;
border: 3px solid #9EC3B1;
display: inline;
position: absolute;
top: 100px;
left: 50px;
padding: 10px;
-moz-box-shadow: 2px 3px 3px black;}


ul, li{
list-style: none;}

.mon_onglet{
padding: 10px ;
color: #ffffff;
text-shadow: 1px 1px 3px black;
background: #9EC3B1;
-moz-border-radius: 10% 10% 0% 0%;
cursor: pointer;}



.mon_onglet_selected{
-moz-box-shadow:inset 2px 3px 3px black;
padding: 10px ;
color: #3b1f05;
-moz-border-radius: 10% 10% 0% 0% ;
background: #dddddd;
cursor: pointer;}


.mon_contenu{
margin-top: -70px;
font-size: 11px;
width: 650px;
height: 220px;
background: #F0FFF0;
-moz-box-shadow:inset 2px 3px 3px black;
border: 5px solid #9EC3B1 ;
padding: 20px;
color: #6E6E6E;
-moz-border-radius: 50px;
line-height: 18px;}



.imagepa { border: solid 5px #9EC3B1;
-moz-border-radius: 10px;
margin-left: -5px;}

.imagepa:hover {border: solid 5px #9EC3B1;
-moz-border-radius: 10px;
margin-left: 10px;
opacity: 0.7; }

#menu ul li a,
.menu ul li a:visited {display:block; -moz-border-radius: 10% 10% 10% 10% ; color: #6E6E6E; width:150px; height:20px; text-align:center; background: #9EC3B1; font-size:12px; padding: 3px;} /* NORMAL */

#menu ul { padding: 10px; list-style-type: none; }
#menu ul li {float:left; margin-right:1px; position:relative;}
#menu ul li ul {display: none;}

#menu ul li:hover a {background: #9EC3B1; color:# 6E6E6E ; } /* MODE ITEM HOVER */

#menu ul li:hover ul {display:block; position:absolute; top:10px;margin-left: -10px; }
#menu ul li:hover ul li a.hide { color:#EED5D2;} /* MODE HOVER */
#menu ul li:hover ul li:hover a.hide {width:110px;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display:block; color:#ffffff; text-shadow: 1px 1px 3px black;} /* MODE SOUS ITEM NORMAL */

#menu ul li:hover ul li a:hover {color:#EED5D2;} /* MODE SOUS ITEM HOVER */

#menu ul li:hover ul li:hover ul {display:block; position:absolute; margin-left: -10px; top:10px; color:#e63939; background: #9EC3B1; } /* MODE HOVER */

#menu ul li:hover ul li:hover ul li a {display:block; color:#e63939; font-weight : bold;} /* MODE HOVER */

#menu ul li:hover ul li:hover ul li a:hover {color:#e63939; font-weight : bold;} /* MODE SOUS ITEM HOVER */


.postdetails.poster-profile a img{
background: #9EC3B1;
border : 1px solid #9EC3B1;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}
.profinfo{
background: #9EC3B1;
border : 1px solid #9EC3B1;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}
.profrpg{
background: #9EC3B1;
border : 1px solid #9EC3B1;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}

#fondavatar{
background: #9EC3B1;
border : 1px solid #9EC3B1;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}



.postdetails.poster-profile a img, .cadravatar {
margin : 15px;
background-color : #ff0000;
border-color : #ffff00;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}

.profmsg {
background: #9EC3B1;
border : 1px solid #9EC3B1;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}
Revenir en haut Aller en bas
Voir le sujet précédent Voir le sujet suivant Revenir en hautPage 1 sur 1
Sujets similaires
-
» Choix dun Itinéraire différent ?(je revient sur ce point)
» [résolu] Un rendu différent entre chrome et firefox
» Parmi ces différentes marques d'ordinateurs portables, laquelle préférez-vous?
» Test débit très différent
» Site sous different navigateurs

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
testouille :: 
Conception dun forum
 :: Les codes :: Autres codes
-
Sauter vers: