CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:  Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! | | | Textes dépassant des cadres arrondis |  |
|  Air. 
{ Membre }
 Messages : 221
 | Bonjour, bonsoir. Je n'ai pas trouvé de topic à ce propos de problème :  Comme vous le voyez, le texte de la FAQ dépasse le cadre arrondi et j'aimerais qu'il soit à l'intérieur du cadre. Mais, je crois que c'est le même problème que celui-ci, qui, j'ai lu dans un topic, ne peut être résolu pour le moment :  avec le cadre intérieur qui dépasse sur le cadre arrondi. Si ça ne l'est pas, y a-t-il un moyen pour arranger ça ? Merci d'avance  |
Dernière édition par Air. le Jeu 22 Juil 2010, 15:25, édité 2 fois | |
| | | | Boow
{ Membre actif }
Messages : 866
| Hum.... Je serais tenté de te conseiller de mettre ceci dans le code de la description de ton sous-forum : - Code:
-
padding-left: Xpx;
X étant le nombre de px que tu avais mis pour l'arrondi de cette catégorie. Seulement, en faisant ainsi, tout le texte se décalera de Xpx sur la droite et tu auras donc une petite partie vide sur extrêmement gauche de ton sous-forum =S Si cela ne te convient pas, je ne peux malheureusement pas t'aider parce que je n'ai jamais vu de texte qui suivait la courbe d'angles arrondis =S | | |
| | | | Air.
{ Membre }
Messages : 221
| Sorry sorry j'avais pas vu o_o
Mais dans le CSS c'est pas possible de mettre un padding-left quelque part ? Parce que mes forums et sous-forums ça va très bien, mais ailleurs (comme dans la FAQ), ça donne comme sur mon screen :/
Néanmoins merci (: | | |
| | | | Tech
{ Membre actif }
Messages : 1378
| Bonjour, Je pourrais avoir le lien du forum et le CSS des arrondis ? Merci | | |
| | | | Air.
{ Membre }
Messages : 221
| http://imaginart.forumactif.org Je sais pas où sont censés se trouver les arrondis de la FAQ alors je donnerai tout mon CSS (remarque, ce sera la même chose pour les spoilers, citations & co puisqu'ils sont un petit peu arrondis aussi) : - Spoiler:
/* CADRE AUTOUR DE LA DESCRIPTION DU PREMIER FORUM */
.forumline
{
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
background-color: #fffffff;
border: 2px #7f746f solid;
}
/* CADRE AUTOUR DE LA DESCRIPTION DU PREMIER FORUM */
.forumline2 /* Cadre autour de la description du premier forum */
{
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
background-color: #7f746f;
border: 2px #7f746f solid;
}
/* CODE */
.code {
background-color: #E2CEAF; /* couleur du fond */
border:1px #7F746F dashed; /* bordure en traits peu épais */
-border-radius: 5px; /* tous les côtés sont arrondis */
-moz-border-radius: 5px; /* tous les côtés sont arrondis */
-webkit-border-radius: 5px; /* tous les côtés sont arrondis */
color: #7F746F; /* couleur du texte */
font-family: Tahoma;
font-size: 11px;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
}
/* CITATION */
.quote {
font-family: Tahoma;
font-size: 11px;
color: #452932;
line-height: 125%;
background-color: #E2CEAF; /* couleur du fond */
border:1px #7F746F dashed; /* bordure en traits peu épais */
-border-radius: 5px; /* tous les côtés sont arrondis */
-moz-border-radius: 5px; /* tous les côtés sont arrondis */
-webkit-border-radius: 5px; /* tous les côtés sont arrondis */
color: #7F746F; /* couleur du texte */
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
}
/* SPOILER */
.spoiler_closed
{
display:block;
color: #7F746F; /* couleur du texte */
line-height: 125%;
background-color: #E2CEAF;
border:1px #7F746F dashed; /* bordure en traits peu épais */
-moz-border-radius: 5px; /* tous les côtés sont arrondis */
-webkit-border-radius: 5px; /* tous les côtés sont arrondis */
}
.spoiler_closed.hidden
{
display:none;
}
.spoiler_content
{
background-color: #E2CEAF; /* couleur du fond */
border:1px #7F746F dashed; /* bordure en traits peu épais */
-border-radius: 15px; /* tous les côtés sont arrondis */
-moz-border-radius: 15px; /* tous les côtés sont arrondis */
-webkit-border-radius: 15px; /* tous les côtés sont arrondis */
color: #7F746F; /* couleur du texte blanche */
}
/* MENU PERSONNALISÉ */
#menu a:link, #menu a:visited
{
margin-left : 9px;
margin-right : 9px;
display: block;
font-family : Tahoma;
color: #D1CDCB; /* couleur du lien */
background-color: #7F746F;
text-align:center;
border-left: 9px solid #A59C98; /* couleur du carré de gauche */
border-right: 9px solid #A59C98; /*couleur du carré de droite */
width: 120px;
}
#menu a:hover, #menu a:hover:visited
{
color: #FFFFFF; /* couleur du lien survolé */
background-color: #A59C98;
border-left: 9px solid #D1CDCB; /* couleur du carré de gauche survolé */
border-right: 9px solid #D1CDCB; /* couleur du carré de droite survolé */
}
/* BARRE DE NAVIGUATION */
.mainmenu
{
font-size : 11px;
color : #FFFFFF
}
a.mainmenu
{
text-decoration: none;
background-color: #7f746f;
padding-right: 10px;
font-weight: bold;
font-variant: small-caps;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topleft: 15px;
text-transform: none;
color: #ffffff;
font-size: 10px;
}
a.mainmenu:hover
{
background-color: #7f746f;
padding-right: 10px;
padding-right: 10px;
font-weight: bold;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topleft: 15px;
text-transform: none;
font-variant: small-caps;
color: #ffffff;
font-size: 10px;
}
/* LIENS DES FORUMS */
a.forumlink
{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color: #F3EADB;
border-bottom: 5px double #7f746f;
color:F1E4DD;
font-family: Tahoma;
font-size: 12px;
font-weight: normal; /*Il existe lighter bold et border */
letter-spacing: 1px;
display:block;
text-align:center;
margin-right: 15px;
margin-left: 15px;
}
a.forumlink:hover
{
color: #A59C98;
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
font-variant: small-caps;
}
/* WALL */
body {
background-color: #d8cbb9;
background-image: url("http://hitskin.com/themes/15/46/03/i_background.png");
background-attachment: fixed;
}
* html {
scrollbar-face-color: #7d2b36;
scrollbar-highlight-color: #d9c5c5;
scrollbar-shadow-color: #c4a478;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ebd9db;
scrollbar-darkshadow-color: #;
}
*+ html {
scrollbar-face-color: #7d2b36;
scrollbar-highlight-color: #d9c5c5;
scrollbar-shadow-color: #c4a478;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ebd9db;
scrollbar-darkshadow-color: #;
}
th,td,p {
font-family: Tahoma
}
/* LIENS */
a
{
text-decoration: none;
}
a img
{
border: none;
}
a:link,a:active,a:visited
{
color : #69564f;
}
a:hover
{
text-decoration: none! important;
text-transform: uppercase;
color: #69564f;
}
/* LIGNES
DANS LES MESSAGES */
hr{
border: solid #7F746F 2px;
border-top-width: 0px;
}
/* LIGNES DE FOND DE FORUM*/
.bodyline
{
-moz-border-radius:40px;
background-color: #d8cbb9;
border: 1px #7f746f solid;
}
/* LARGEUR DU FORUM */
.bodylinewidth {
width:60%
}
/* CELLULES */
td.row1,td.row3.over:hover {
background-color: #E7D6BC;
}
td.row2,td.row1.over:hover {
background-color: #E7D6BC;
}
td.row3{
background-color: #E7D6BC;
}
td.rowpic {
background-color: #;
background-image: url("https://i.servimg.com/u/f31/13/51/98/55/barcat11.png");
css}
th {
color: #7F746F;
font-size: 11px;
font-weight : bold;
background-color: #7f746f;
height: 25px;
background-image: url("https://i.servimg.com/u/f31/13/51/98/55/barcat11.png");
padding: 2px 3px;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url("https://i.servimg.com/u/f31/13/51/98/55/barcat11.png");
background-color:#;
border: #;
border-style: solid;
height: 28px;
}
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold;
border: #E7D6BC;
border-style: solid;
/*height: 20px;
*/
}
td.row3Right,td.spaceRow {
background-color: #E7D6BC;
border: #;
border-style: solid;
}
td.pourcentback {
background-color : #d8cbb9;
}
th.thHead,td.catHead {
font-size: 13px;
border-width: 1px 1px 0 1px;
}
th.thSides,td.catSides,td.spaceRow {
border-width: 0 1px;
}
th.thRight,td.catRight,td.row3Right {
border-width: 0 1px 0 0;
}
th.thLeft,td.catLeft {
border-width: 0 0 0 1px;
}
th.thBottom,td.catBottom {
border-width: 0 1px 1px 1px;
}
th.thTop {
border-width: 1px 0 0;
}
th.thCornerL {
border-width: 1px 0 0 1px;
}
th.thCornerR {
border-width: 1px 1px 0 0;
}
.maintitle, .maintitle h1{
font-weight: bold;
font-size: 22px;
font-family: Franklin Gothic Medium,Tahoma;
text-decoration: none;
line-height : 120%;
color : #7F746F;
}
.forumline .row1,.
forumline .row2,.forumline .row3,.forumline .row3Right {
padding: 2px 3px;
}
.forumline td.pagination {
padding:0;
}
.maintitle h1 {
margin: 0;
padding: 0;
display: inline;
}
.gen {
font-size : 13px;
}
.genmed {
font-size : 11px;
}
.gensmall {
font-size : 11px;
}
.gen,.genmed,.gensmall {
color : #7F746F;
}
a.gen,a.genmed,a.gensmall {
color: #69564f;
text-decoration: none;
}
a.gen:hover,a.genmed:hover,a.gensmall:hover{
color: #695453;
text-decoration: none;
}
/* TITRE DES CATÉGORIES */
.cattitle{
font-weight: bold;
font-size: 13px ;
letter-spacing: 1px;
color : #69564f}
h1.cattitle {
text-align: left;
margin:0;
padding: 0;
display:inline;
}
a.cattitle{
text-decoration: none;
color : #69564f;
}
a.cattitle:hover{
text-decoration: none;
}
.forumlink{
font-weight: bold;
font-size: 13px;
color : #69564f;
}
a.forumlink {
text-decoration: none;
color : #69564f;
}
a.forumlink:hover{
text-decoration: none;
color : #695453;
}
.nav{
font-weight: bold;
font-size: 11px;
color : #7F746F;
}
a.nav{
text-decoration: none;
color : #69564f;
}
a.nav:hover{
text-decoration: none;
}
.topictitle,h1,h2{
font-weight: bold;
font-size: 11px;
color : #7F746F;
}
div.topictitle {
display: inline;
}
h2.topic-title {
display: inline;
margin: 0;
padding: 0;
}
a.topictitle:link{
text-decoration: none;
color : #69564f;
}
a.topictitle:visited{
text-decoration: none;
color : #45270d;
}
a.topictitle:hover{
text-decoration: none;
color : #695453;
}
.name{
font-size : 11px;
color : #7F746F;
}
.name a{
text-decoration:none;
}
.postdetails{
font-size : 11px;
color : #7F746F;
}
.postbody{
text-align: justify;
font-size : 13px;
line-height: 18px}
a.postlink:link{
text-decoration: none;
color : #69564f }
a.postlink:visited{
text-decoration: none;
color : #45270d;
}
a.postlink:hover{
text-decoration: none;
color : #695453}
a.copyright{
color: #69564f;
text-decoration: none;
}
a.copyright:hover {
color: #695453;
text-decoration: none;
}
.coloradmin {
color: #75334e}
.colormod {
color: #3b262f}
.vote {
float: right;
width: 10px;
margin-left: 4px;
}
.vote .vote-button {
text-align: center;
font-weight: bold;
margin-left: -1px;
}
.vote .vote-button a {
text-decoration: none !important;
}
.vote .vote-bar {
width: 3px;
height: 50px;
margin: 0 auto;
border: 1px solid #7F746F;
font-size: 0;
}
.vote .vote-no-bar {
letter-spacing:-2px;
margin-left:-2px;
white-space:nowrap;
}
.vote .vote-bar-plus {
background-color: #0f0;
}
.vote .vote-bar-minus {
background-color: #f00;
}
h1.pagetitle {
display: inline;
margin: 0;
padding: 0;
font-size: 13px;
color: #7F746F;
}
h1.title2 {
font-size: 11px;
}
.secondarytitle,.secondarytitle h2 {
margin: 0;
padding: 0;
color: #7F746F;
}
.secondarytitle h2 {
display:inline;
}
.nav h1 {
display: inline;
}
.hierarchy {
display: inline;
margin: 0;
padding: 0;
text-transform: none;
border: none;
font-size: 11px;
}
.mod-text {
font-weight: bold;
}
img{
border:0}
input,textarea, select {
color : #7F746F;
font: normal 11px Tahoma;
border-color : #7F746F;
}
input.post, textarea.post, select {
background-color : #E7D6BC;
}
.post-options {
text-align: right;
}
.post-options img {
cursor: pointer;
vertical-align: middle;
}
input {
text-indent : 2px;
}
input.button {
background-color : #E7D6BC;
color : #7F746F;
font-size: 11px;
font-family: Tahoma;
}
input.mainoption {
background-color : #E7D6BC;
font-weight : bold;
}
input.liteoption {
background-color : #E7D6BC;
font-weight : normal;
}
.helpline {
background-color: #E7D6BC;
border-style: none;
}
input {
background-color: #E7D6BC;
}
button.button2, input.button2 {
font-size: 0.7em;
border: 1px solid #BCBCBC;
width: auto !important;
padding: 1px 0;
font-family: Tahoma;
color: #7F746F;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('https://2img.net/i/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
vertical-align:middle;
}
button.button2:hover, input.button2:hover {
border: 1px solid #695453;
color: #695453;
background-position: 0 100%;
}
* html button.button2, * html input.button2 {
padding-bottom: 0;
margin-bottom: 1px;
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2, *+html input.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 img {
vertical-align: middle;
}
button.bbcode {
border: 1px solid #e3adad;
background-image: url("https://2img.net/i/fa/wysiwyg/bg_button.png");
}
.select {
background-color: #FFF;
border: 1px solid #BCBCBC;
position: absolute;
z-index: 999;
top: 0;
left: 0;
overflow: hidden;
width: 0;
}
.select p {
padding: 4px 6px;
font-size: 0.7em;
margin: 0;
white-space: nowrap;
text-align: left;
}
.select button {
padding: 4px;
font-size: 0.9em;
margin: 0;
background-color: #FFF;
border: none;
text-align:left;
}
.select button.button2 {
border:1px solid #BCBCBC;
padding: 0;
}
* html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
.select button.button2:hover {
border: 1px solid #695453;
color: #695453;
background-position: 0 100%;
}
.select button:hover,.selectHover {
cursor: pointer;
background-color: #EEE;
}
textarea#text_editor_textarea {
width: 100% !important;
}
iframe#text_editor_iframe {
width: 100%;
height: 200px;
}
form#quick_reply textarea#text_editor_textarea {
width: 100% !important;
height: 100%;
}
form#quick_reply iframe#text_editor_iframe {
width: 100%;
}
* html form#quick_reply iframe#text_editor_iframe {
width: 600px;
}
*+html form#quick_reply iframe#text_editor_iframe {
width: 600px;
}
#page-footer .gen strong {
font-weight: normal;
}
@import url("form_ie.css");
@media print {
body {
background-image: none;
background-color: #fff;
color: #000;
}
table.bodylinewidth span.maintitle {
display: block;
text-align: left;
}
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
display:none;
}
td.catHead, .t-title {
text-align: left;
}
table.bodylinewidth .cattitle {
letter-spacing: normal;
font-size: 1em;
}
.thLeft,.thRight {
color: #000;
border: none;
text-align:left;
}
.hr hr {
visibility: hidden;
}
.hr {
border-top: 1px dotted #ddd !important;
}
tr.post td {
vertical-align: top;
border-bottom: 1px solid #ccc;
}
tr.post td td {
border: none;
}
span.gen {
display: none;
}
}
ul.abuse {
list-style: none;
line-height: 1.5em;
font-size: 0.9em;
}
.rtl-spacer:before {
content: " ";
white-space: pre;
}
.rtl-spacer:after {
content: " ";
white-space: pre;
}
.warning {
color:#ff3333;
}
.captcha div.captcha-img {
float: left;
margin: 0 1em 0 0;
}
.captcha .inputbox {
margin-top: 0.5em;
}
.align_gauche {
text-align: left;
}
.center {
text-align: center;
}
.align_droite {
text-align: right;
}
.right {
float: right;
}
.left {
float: left;
}
/* TGF Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*+ html .clearfix {
min-height: 1px;
}
* html .clearfix {
position: relative;
height: 1%;
clear: both;
}
#page-footer, .clear {
clear: both;
}
#page-footer h3 {
margin-top: 20px;
}
#content-container #left {
width: 0px;
margin-right: px;
}
#content-container #right {
width: 0px;
margin-left: px;
}
.module-title {
font-weight: bold;
margin: 0 auto;
text-align: center;
display: block;
}
/* Chatbox */
#frame_chatbox {
border: none !important;
}
body.chatbox {
min-width: 550px !important;
background-image: none;
padding: 0;
margin: 0;
background-color: #d8cbb9;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px solid ;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 30px;
overflow: auto;
line-height: 10px;
}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
font-size: 12px;
}
.chatbox-options {
text-align:right;
}
#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {
float:right;
white-space : nowrap;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 30px;
}
#chatbox_footer table.text-styles {
float: right;
}
#chatbox_footer .text-field {
float: left;
}
#chatbox_header {
height: 30px;
background-color: #d8cbb9;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox_row_1 {
padding: 4px;
background-color: #E7D6BC;
}
.chatbox_row_2 {
padding: 4px;
background-color: #E7D6BC;
}
.chatbox_row_3 {
padding: 4px;
background-color: #E7D6BC;
}
.memberlist_row_1 {
padding: 2px 2px 2px 10px;
background-color: #E7D6BC;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #E7D6BC;
color : #69564f;
font-family: Tahoma;
}
#chatbox_members ul {
list-style: none;
margin: 0 0 0 10px;
}
#chatbox_members ul li {
margin: 2px 2px 2px 0;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: #E1E1E2;
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #22229C;
}
.fontbutton_clicked {
background: #959595;
border: 1px solid #22229C;
}
.fontbutton_hover {
background: #E1E1E2;
border: 1px solid #22229C;
}
#chatbox .user {
font-weight: bold;
}
div#chatbox {
color: #7F746F;
}
#chatbox_contextmenu {
background-color: #E7D6BC;
border:1px solid #aaa;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, Tahoma;
background: #;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #;
}
#chatbox_contextmenu p.close {
background: #ddd;
padding: 1px;
font-size: 70%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #;
text-decoration: none;
font-size: 70%;
}
#chatbox_contextmenu a:hover {
color: #;
}
.fontbutton{
border:0;
}
* html #chatbox-members {
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
* html #chatbox {
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
}
* html #chatbox-footer {
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
/* poll */
.poll-result td {
padding: 2px 4px;
text-align: left;
}
.poll-result td.poll-title,.poll-result td.poll-results {
text-align: center;
}
.progress-bar td {
padding: 0 !important;
}
.poll-ballot {
text-align: left;
}
/* Advanced profile */
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
margin-right: 3px;
}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
margin-bottom: 3px;
}
#profile-advanced-button {
padding: 1px;
}
#profile-advanced-details {
overflow: hidden;
}
#profile-advanced-details ol {
margin: 0;
padding: 0;
list-style: none;
}
#profile-advanced-details ol li {
display: block;
margin-bottom: 4px;
}
#profile-advanced-details .avatar {
float: left;
}
.avatar {
width: 50px;
border: 1px solid #7f746f;
background-color: #fff;
}
.avatar img {
width: 50px;
}
.friend-block .avatar {
margin: 0 auto;
cursor:pointer;
}
.avatar.mini, .avatar.mini img {
width: 38px;
height: 38px;
}
.friend-block {
float: left;
width: 70px;
margin: 1px;
text-align: center;
overflow: hidden;
}
.friend_list_online_status {
line-height: 11px;
font-size: .9em;
}
.friend_list_online_status img {
vertical-align: middle;
}
.friends-foes-list {
float: left;
width: 200px;
height: 2em;
}
#profile-advanced-details .message-block {
margin-left: 57px;
}
#profile-advanced-details .message-header {
border-top: 1px solid #E7D6BC;
background: #E7D6BC;
padding: 4px;
margin-bottom: 4px;
}
#profile-advanced-details .message-date {
float: right;
}
#profile-advanced-details .message-body {
margin-bottom: 4px;
}
#profile-advanced-details .message-footer {
text-align: right;
}
#profile-advanced-details .message-footer li {
display: inline;
margin: 0 0.25em;
/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
content: ' .';
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
margin-right: 0.25em;
/* Spacing between generation dot */
text-decoration: none;
}
#profile-advanced-details .message-footer li.last:after {
content: normal;
}
#profile-advanced-add {
margin-right: 4px;
padding: 8px 0;
text-align: right;
}
#profile-advanced-details .stats-field {
margin: 4px 0 10px 4px;
padding: 0 10px 6px;
}
#profile-advanced-details .stats-field legend {
font-weight: bold;
}
#profile-advanced-details .stats-field ul {
list-style-type:none;
text-indent: 10px;
padding: 0;
}
#profile-advanced-details .stats-field li {
margin: 4px 0;
}
#login_popup {
position: absolute;
z-index: 999;
display: none;
}
#login_popup_buttons {
position: absolute;
height:19px;
bottom: 6px;
right: 6px;
}
#login_popup_buttons input {
margin-left: 6px;
}
ul.profile_field_list {
padding:0;
margin:0}
html ul.profile_field_list li {
list-style-type: none;
}
ul.profile_field_list > li {
list-style-type: none;
}
.inputURL {
font-size:10px;
font-family:"Courier New", "Times New roman";
letter-spacing:-1px;
}
.middleline {
line-height:2em;
}
.invisible{
display:none;
visibility:hidden;
}
.visible{
display:block;
visibility:visible;
}
/* ajax profil */
.ajax-profil_hover{
background:transparent}
.ajax-profil_parent{
position:relative;
zoom:1;
}
.ajax-profil_edit{
cursor:pointer;
position:absolute;
top:0;
left:-18px}
.ajax-profil_edit img{
margin-left:4px}
.ajax-profil_valid{
cursor:pointer;
margin-left:4px;
vertical-align:middle}
#profile-advanced-details dl{
padding:8px 10 8px 0;
width:98%;
margin:10px 0 0;
}
#profile-advanced-details dl dt{
float:left;
display:block;
width:10em;
}
#profile-advanced-details dl dd{
margin-left:10em;
padding-left:12px;
}
#profile-advanced-details div.separator{
clear:both;
font-size:1px;
line-height:1px;
border-bottom:1px solid #dcdcdc;
padding-top:10px;
}
#profile-advanced-details .ajax-profil_edit{
left:-4px;
}
/* jqModal */
.jqmWindow {
display: none;
position: fixed;
left: 50%;
width: 450px;
margin-left: -225px;
top: 50%;
margin-top: -125px;
background-color: #d8cbb9;
border: 1px solid #7f746f;
}
.jqmOverlay {
background-color: #000;
}
.jqDrag {
cursor: move;
}
/* Blog */
.blog_cal-border {
display: inline;
float: left;
border: 1px solid #7f746f;
background: #E7D6BC;
padding: 1px;
font-size: 0.9em;
margin-right: 10px;
}
.blog_cal-content {
width: 2.9em;
background: #7f746f;
padding: 1px;
line-height: 1.4em;
text-align: center;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Tahoma;
color: #d8cbb9;
}
.blog_cal-content span {
display: block;
}
.blog_cal-day {
padding-left: 0.2em;
font-size: 1.6em;
letter-spacing: 0.2em;
}
.blog_cal-month {
line-height: 0.7em;
font-size: 2em;
font-weight: bold;
}
.blog_cal-year {
line-height: 1.2em;
font-size: 0.8em;
}
.blog_title {
padding-top: 5px;
font-size: 16px;
}
.blog_title img {
vertical-align: middle;
}
.blog_title .topictitle {
font-size: 16px;
}
.blog_message {
margin-top: 12px;
font-size: 13px;
}
.blog_comments {
margin-bottom: 2px;
text-align: right;
}
.blog_comments img {
vertical-align: middle;
}
#blog_comments {
width: 90%;
margin: 0 auto;
}
#blog_comments .postbody {
width: 96%;
}
.blog_comment-avatar {
float: left;
}
.blog_comment-avatar img {
background-color: #fff;
border: 1px solid #7f746f;
vertical-align: middle;
width: 38px;
margin: 5px 5px 0 0;
}
#blog_comments table {
margin-bottom: 2px;
}
#blog_comments .h3 {
overflow: hidden;
margin-top: 0;
margin-left: 45px;
padding: 0;
min-height: 22px;
}
.blog_comment-title {
float: left;
min-height: 12px;
margin-top: 7px;
}
.blog_comment-title a {
text-decoration: none;
}
#blog_comments .profile-icons {
float: right;
margin-bottom: 5px;
}
/* Social bookmarking */
#bookmarks {
float: right;
}
#bookmarks a img {
width: 20px;
height: 20px;
background: url(https://2img.net/i/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;
vertical-align: middle;
}
#bookmarks a img.twitter {
width: 16px;
height: 16px;
margin: 2px;
background: url(https://2img.net/i/fa/social_bookmarking/twitter.png) no-repeat scroll;
}
#bookmarks img.delicious {
background-position: -10px -10px;
}
#bookmarks img.digg {
background-position: -10px -50px;
}
#bookmarks img.excite {
background-position: -9px -90px;
}
#bookmarks img.facebook {
background-position: -9px -128px;
}
#bookmarks img.furl {
background-position: -10px -166px;
}
#bookmarks img.google {
background-position: -10px -206px;
}
#bookmarks img.live {
background-position: -9px -246px;
}
#bookmarks img.netscape {
background-position: -9px -284px;
}
#bookmarks img.newsvine {
background-position: -9px -322px;
}
#bookmarks img.reddit {
background-position: -10px -360px;
}
#bookmarks img.slashdot {
background-position: -10px -400px;
}
#bookmarks img.smarking {
background-position: -9px -440px;
}
#bookmarks img.stumbleupon {
background-position: -10px -478px;
}
#bookmarks img.technorati {
background-position: -10px -518px;
}
#bookmarks img.yahoo {
background-position: -10px -558px;
}
/* wysiwyg */
.mceContentBody{
background: #E7D6BC;
color: #7F746F;
}
.align_right{
text-align: right;
}
/* resize image */
.resize_process .resizebox {
display: none;
}
.resize_process img.resize_img {
display: none;
}
.resizebox a.enlarge, .resizebox.showfull a.fullsize, .resizebox.enlarged a.resize {
display: inline-block;
zoom: 1;
*display: inline;
}
.resizebox.enlarged a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
display: none;
}
.resizebox {
background-color: #E7D6BC;
max-width: 100%;
line-height: 1.1em;
cursor: default;
font-weight: normal;
font-style: normal;
margin: 0;
text-align: left;
display: inline-block;
}
.resizebox div {
font-weight: normal;
font-style: normal;
margin: 0;
}
.resizebox .resize_border {
border: 1px solid #E7D6BC;
display: block;
}
.resizebox .resize_content {
padding: 5px 10px;
display: inline-block;
zoom: 1;
*display: inline;
}
.resizebox .resize_filler {
border: none;
padding: 0;
width: 40px;
display: inline-block;
zoom: 1;
*display: inline;
}
.attachbox {
background-color:#E7D6BC;
border:1px dashed #E7D6BC;
clear:left;
float:left;
margin:5px 5px 5px 0;
padding:6px;
width:auto;
color:#7F746F;
}
.attachbox dt {
font-family:Arial,Helvetica,Tahoma;
text-transform:small-caps;
}
.attachbox dd {
border-top:1px solid #E7D6BC;
clear:left;
font-size:0.9em;
margin-left:10px;
padding:0;
}
dl.file {
display:block;
font-family:Verdana,Arial,Helvetica,Tahoma;
margin-bottom:10px;
}
dl.file dt {
font-family:Verdana,Arial,Helvetica,Tahoma;
font-weight:bold;
margin:0;
padding:0;
text-transform:none;
}
dl.file dt img {
vertical-align:middle}
.info {
font-size:10px;
font-style:italic;
}
/* Styles Facebook */
.user_login_form {
margin-bottom:5px;
}
.fb_or {
background-color:#E7D6BC;
border:2px solid #7f746f;
font-weight:bold;
padding:5px;
color:#452932;
height : 16px;
line-height : 16px;
width : 26px;
display : block;
}
#cont_pwd {
width:150px;
height:21px;
float:left;
padding:0 0 0 20px;
}
.pwd_img {
padding : 4px 0 3px 0;
width : 150px;
height : 14px;
line-height : 14px;
font-size : 11px;
font-weight : bold;
text-align : center;
color : #7F746F;
display : none;
}
#pwd_good {
background:url('https://2img.net/i/fa/p_strength/pwd_good.png');
}
#pwd_middle {
background:url('https://2img.net/i/fa/p_strength/pwd_middle.png');
}
#pwd_bad {
background:url('https://2img.net/i/fa/p_strength/pwd_bad.png');
}
#fb_explain td {
padding : 5px 0 5px 0;
vertical-align : top;
}
.row1.fb {
padding: 5px 2px 4px 2px;
}
.row2.fb {
padding: 2px 3px 2px 8px;
}
#cont_fb_invit iframe {
width: 760px !important;
}
Je sais c'est un peu le bordel 8D | | |
| | | | Tech
{ Membre actif }
Messages : 1378
| Bonjour, Je ne peux pas faire mieux. Rajoutes ceci dans ton CSS : - Code:
-
.secondarytitle {
-moz-border-radius-topleft: 10px;
}
.arrondie {
-moz-border-radius-topright: 10px;
#faq_a_0 .postbody {
padding-left: 15px;
} Dans le template suivant : index_box Cherches ceci : - Code:
-
<tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> <th nowrap="nowrap" width="50">{L_TOPICS}</th> <th nowrap="nowrap" width="50">{L_POSTS}</th> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> </tr> Et remplaces le par ceci : - Code:
-
<tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> <th nowrap="nowrap" width="50">{L_TOPICS}</th> <th nowrap="nowrap" width="50">{L_POSTS}</th> <th nowrap="nowrap" class="arrondie" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> </tr> Et pour tes codes, citations, spoilers, ... tu rajoutes cette ligne au code actuel : padding: 5px; Le 5 étant bien sûr à adapter Voilà | | |
| | | | Air.
{ Membre }
Messages : 221
| Pour la FAQ ça change rien mais pour les spoilers&co c'est PARFAIT  Merci beaucoup | | |
| | | | Tech
{ Membre actif }
Messages : 1378
| De rien. Désolé pour la FAQ, on peut rien faire :s. Je classe  | | |
| | | | Contenu sponsorisé
| | | | | | | Textes dépassant des cadres arrondis | |
|
Sujets similaires | |
|
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
