Tyraël
{ Membre }
Messages : 19
| Bonsoir, Je tente un codage sous PHPbb (le tout hébergé sur un bon serveur). Ceci dit, impossible de mettre un cadre autour des avatars, j'ai essayé les codes css donnés sur le forum mais rien ne semble fonctionner. Voici mon code css, peut être qu'il y a conflit entre 2 balises... - Spoiler:
/* phpBB3 Style Sheet -------------------------------------------------------------- Style name: Serenity Based on style:
subsilver2 Original author: Tom Beddard ( http://www.subblue.com/ ) Modified by: stsoftware ( http://www.stsoftware.biz/ )
-------------------------------------------------------------- */
/* Layout ------------ */ * { /* Reset browsers default margin, padding and font sizes */ margin: 0; padding: 0; }
html { font-size: 100%; }
body { color: #000; background: #f8f8f8; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; margin: 0; padding: 0; }
#body-simple { background: #F8F8F8; padding: 5px; }
#wrapper { background: url top left repeat-x; padding: 5px; }
/* Misc stuff */ img { border: none; }
.gen { margin: 1px 1px; font-size: 1.2em; }
.genmed { margin: 1px 1px; font-size: 1.1em; }
.gensmall { margin: 1px 1px; font-size: 1em; }
.titles { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.3em; text-shadow: black 1px 1px 2px; }
.error, table td .error { color: #ffb661; }
.spacer { background: #833e8d url(images/spacerbg.gif) top left repeat-x; }
hr { height: 0px; border: solid #782e82 0px; border-top-width: 1px;}
.pagination { padding: 4px; font-size: 1em; font-weight: bold; }
/* Links ------------ */
.rtl a { direction: rtl; unicode-bidi: embed;text-decoration:none; }
/* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */ /* See http://www.phpbb.com/bugs/phpbb3/59685 */ a { color: #782e82; text-decoration: none; }
a:active, a:visited { color: #782e82; text-decoration: none; }
a:hover { color: #ffb661; text-decoration:none; }
a.forumlink { font-weight: bold; text-decoration:none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 1.2em; }
a.topictitle { margin: 1px 0px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.2em; }
a.topictitle, .postbody a { color: #782e82; }
a.topictitle:visited, .postbody a:visited { color: #90449a; }
a.topictitle:visited:hover, .postbody a:visited:hover { color: #782e82;text-decoration:none; }
a.topictitle:hover, .postbody a:hover { color: #ffb661; }
/* Header and logo */
#maintable { border: solid 0px #999; margin: 0 auto; width: 65%; background-color: #f8f8f8; }
#logorow { background: #F8F8F8 top center repeat-x; text-align: center; padding: 0; padding-top: 6px; min-height: 70px; }
.pm-notify-new, .pm-notify-unread { botext-decoration:none; rder-left: solid 1px #7f3c84; border-right: solid 1px #782e82; border-top: solid 1px #7f3c84;
border-bottom: solid 1px #782e82; background: #F8F8F8 url(images/cell.gif) top left repeat-x; margin: 10px 0; padding: 10px; text-align: center; font-
size: 12px; font-weight: bold; }
.pm-notify-new a, .pm-notify-new a:visited, .pm-notify-unread a, .pm-notify-unread a:visited { text-decoration: underline; } .pm-notify-header { margin-bottom: 10px;
color: #666; } .pm-notify-new, .pm-notify-unread:hover { border-left: solid 1px #F15F5F; border-right: solid 1px #ffb661; border-top: solid 1px #F15F5F;
border-bottom: solid 1px #ffb661; } .pm-notify-new { padding: 30px; }
/* Navigation buttons */ .navtd { padding: 0 10px 5px 10px; } .navrow-right { float: right; } .navrow { background: #F1F1F1 url(images/bg_nav.gif) top left repeat-x; border: solid 1px #E0E0E0; padding: 5px; color: #909090; text-align: left;
font-size: 11px; } .navrow b, .navrow strong { font-weight: normal; } .navrow a, .navrow a:visited { color: #782e82; text-decoration: none; } .navrow a:hover {
color: #ffb661; text-decoration: underline; }
a.link-new, a.link-new:visited { color: #ffb661; } a.link-new:hover, a.link-new:visited:hover { color: #90449a; }
/*
Content and tables */ #contentrow { padding: 5px 10px; }
.tablebg { border: solid 1px #BBB; border-top-color: #C8C8C8; background: #F8F8F8 url
(images/cell.gif) top left repeat-x; }
.row1, .row2, .row3, .forumrules, tr.row1 .row, tr.row2 .row, tr.row3 .row, .postbottom { border-left: solid 1px #FFF;
border-right: solid 1px #E0E0E0; border-top: solid 1px #FFF; border-bottom: solid 1px #E0E0E0; background: #F8F8F8 url(images/cell.gif) top left
repeat-x; padding: 4px; } th { color: #AAA; font-size: 11px; font-weight: bold; background: #FFF url(images/th.gif) top left repeat-x; white-
space: nowrap; padding: 0 5px; text-align: center; height: 26px; border-left: solid 1px #FFF; border-right: solid 1px #E0E0E0; border-top: solid 1px
#FFF; border-bottom: solid 1px #E0E0E0; } th a, th a:visited { color: #AAA !important; text-decoration: underline; } th a:hover { color: #782e82; text-
decoration: underline; }
td { padding: 2px; } td.profile { padding: 4px; } .catdiv { height: 24px; padding: 0 3px; border-left: solid 1px #FFF; border-right:
solid 1px #E0E0E0; border-top: solid 1px #FFF; border-bottom: solid 1px #E0E0E0; background: #F1F1F1 url(images/bg_tfoot.gif) top left repeat-x; } .cat {
height: 24px; padding: 0 3px; border-left: solid 1px #FFF; border-right: solid 1px #E0E0E0; border-top: solid 1px #FFF; border-bottom: solid 1px
#E0E0E0; background: #F1F1F1 url(images/bg_tfoot.gif) top left repeat-x; text-indent: 4px; } .cathead { background: #F1F1F1 url(images/bg_tfoot.gif) top left
repeat-x; height: 24px; padding: 1px 3px; border-left: solid 1px #FFF; border-right: solid 1px #E0E0E0; border-top: solid 1px #FFF;
border-bottom: solid 1px #E0E0E0; }
.legend { padding: 4px; }
/* Table header */ caption, .cap-div { margin: 0; padding: 0; background: url
(images/tcat_mid.gif) top left repeat-x; white-space: nowrap; height: 26px; text-align: left; } .cap-left { background: url(images/tcat_left.gif) top left
no-repeat; padding-left: 25px; } .cap-right { background: url(images/tcat_right.gif) top right no-repeat; padding-top: 6px; height: 20px; } caption,
caption h1, caption h2, caption h3, caption h4, caption span, .cap-div, .cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span { font-size: 11px;
line-height: 1.2em; text-shadow: white 1px 1px 2px; text-transform:uppercase;letter-spacing:5px;text-align:center; color: #ffb661; text-decoration:none; font-
family: verdana; } caption h1, caption h2, caption h3, caption h4, caption span, .cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span { display:
inline; } caption a, caption a:visited, .cap-div a, .cap-div a:visited { color: #ffb661; text-decoration:none; } caption a:hover, .cap-div a:hover { color: #ffb661;
text-decoration: none; }
/* Footer */ #wrapfooter { text-align: center; color: #666; padding-top: 10px; }
.copyright { color: #666; font-weight: bold;
font-size: 9px; line-height: 1.2em; } .copyright a, .copyright a:visited { color: #444; text-decoration: underline; } .copyright a:hover { color: #ffb661; }
/*
Breadcrumbs */ p.breadcrumbs { margin: 0; padding: 0; float: left; color: #AAA; font-weight: bold; white-space: normal; font-size: 1em; } .rtl
p.breadcrumbs { float: right; }
p.datetime { margin: 0; padding: 0; float: right; white-space: nowrap; font-size: 1em; }
.rtl p.datetime { float:
left; }
/* Index/viewforum */ .subforum.read { background: url(images/sub_old.gif) top left no-repeat; padding-left: 12px; } .subforum.unread { background: url
(images/sub_new.gif) top left no-repeat; padding-left: 12px; } .legend { text-align: center; margin: 0 auto; padding: 2px; } .legend-viewforum { margin:
0; text-align: left; }
.forumrules { padding: 4px; font-weight: normal; font-size: 1.1em; border-left-color: #AAA; border-top-color: #AAA;
border-right-color: #CCC; border-bottom-color: #CCC; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } .forumrules h3 { color:
#ffb661; }
/* Post */ .postsubject { font-size: 12px; font-weight: bold; color: #782e82; } td.postbottom { background: #F1F1F1 url
(images/bg_tfoot.gif) top left repeat-x; font-size: 10px; color: #444; white-space: nowrap; padding: 2px 4px; vertical-align: middle; } td.postbuttons { padding-top: 3px; } .postdetails { color: #666; font-size: 10px; text-align: left; } .postdetails b { color: #444; } .posterrank
{ font-size: 9px; color: #666; } .posterprofile { font-size: 10px; color: #666; }
.postauthor { color: #782e82; font-size: 12px; margin-bottom: 3px;
font-weight: bold; } .postonline { margin-bottom: 2px; }
.postreported, .postreported a, .postreported a:visited, .postreported a:hover, .postreported a:active { margin:
1px 0px; color: #ffb661; font-weight: bold; }
.postapprove, .postapprove a, .postapprove a:visited, .postapprove a:hover, .postapprove a:active { color: #00FF00;
font-weight: bold; }
.postapprove img, .postreported img { vertical-align: bottom; padding-top: 5px; }
.postbody { font-size: 12px; line-height: 1.4em;
margin: 3px 0; } .signature { font-size: 11px; color: #888; margin-top: 5px; } .signature .line { color: #AAA; }
.postbody li, ol, ul { margin: 0 0 0
1.5em; }
.rtl .postbody li, .rtl ol, .rtl ul { margin: 0 1.5em 0 0; }
.posthilit { background-color: #782e82; color: #000; }
.postsubject { font-size:
12px; font-weight: bold; color: #3f5d79; }
.postbody a { text-decoration: underline; }
/* UCP */ .folder-current a, .folder-current a:visited { color: #000;
font-weight: bold; } .folder-current a:hover { color: #ffb661; }
td.pm_marked_colour { background: #888; } td.pm_marked_colour_left { border-left: solid 3px #888;
padding-left: 2px; } td.pm_marked_colour_right { border-right: solid 3px #888; padding-right: 2px; }
td.pm_replied_colour { background: #782e82; } td.pm_replied_colour_left { border-left: solid 3px #782e82; padding-left: 2px; } td.pm_replied_colour_right { border-right: solid 3px #782e82; padding-right: 2px; }
td.pm_friend_colour { background: #007700; } td.pm_friend_colour_left { border-left: solid 3px #007700; padding-left: 2px; } td.pm_friend_colour_right { border-right:
solid 3px #007700; padding-right: 2px; }
td.pm_foe_colour { background: #DD0000; } td.pm_foe_colour_left { border-left: solid 3px #DD0000; padding-left: 2px; } td.pm_foe_colour_right { border-right: solid 3px #DD0000; padding-right: 2px; }
/* Form Elements ------------ */ form { margin: 0px; padding: 0px; border: 0px; }
textarea, select, .post, .btnbbcode, .btnmain, .btnlite, .btnfile, .helpline { font-weight: normal; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
color: #444; border: 1px solid #888; background-color: #FFF; } #helpline { color: #444; }
input { font-size: 1.1em; padding: 1px; } textarea { font-
size: 1.3em; line-height: 1.4em; padding: 2px; } select { font-size: 1.1em; padding: 1px; }
option { padding: 0 1em 0 0; }
.rtl option { padding: 0 0 0
1em; }
.post { border-style: solid; border-width: 1px; }
.btnbbcode { font-size: 1.1em; border: 1px solid #ae84b1; } .btnbbcode:hover { border-color: #444;
color: #000; }
.btnmain { font-weight: bold; cursor: pointer; padding: 1px 5px; font-size: 1.1em; }
.btnlite { font-weight: normal; cursor:
pointer; padding: 1px 5px; font-size: 1.1em; }
.btnfile { font-weight: normal; padding: 1px 5px; font-size: 1.1em; }
.helpline { background-
color: transparent; color: #444; border-style: none; }
* html textarea, * html select, * html .post, * html .btnmain, * html .btnlite, * html .btnfile {
border-color: #888; } textarea:hover, select:hover, .post:hover, .btnmain:hover, .btnlite:hover, .btnfile:hover { border-color: #782e82; } textarea:focus, select:focus,
.post:focus, .btnmain:focus, .btnlite:focus, .btnfile:focus { border-color: #56255a; color: #000; }
label:hover { color: #ffb661; }
textarea.posting-textarea,
#ie8#fix { width: 700px; height: 270px; min-width: 98%; max-width: 98%; }
/* BBCode ------------ */ .quotetitle, .attachtitle, .codetitle { margin:
10px 5px 0px 5px; padding: 2px 4px 0 4px; border: solid 1px #D8D8D8; border-bottom-width: 0; color: #782e82; background: #FAFAFA url(images/bg_box_code.gif)
top right no-repeat; font-size: 0.85em; font-weight: bold; }
.quotetitle { background-image: url(images/bg_box_quote.gif); } .attachtitle { background-image: url
(images/bg_box_attach.gif); }
.quotetitle .quotetitle { font-size: 1em; }
.quotecontent, .attachcontent { margin: 0px 5px 10px 5px; padding: 5px; border-color:
#D8D8D8; border-width: 0px 1px 1px 1px; border-style: solid; font-weight: normal; font-size: 1em; line-height: 1.4em; /* font-family: "Lucida Grande",
"Trebuchet MS", Helvetica, Arial, sans-serif; */ background-color: #FAFAFA; color: #444; }
.attachcontent { font-size: 0.85em; }
.codecontent {
direction: ltr; margin: 0px 5px 10px 5px; padding: 5px; border-color: #D8D8D8; border-width: 0px 1px 1px 1px; border-style: solid; font-weight: normal;
font-size: 11px; font-family: Monaco, 'Courier New', monospace; background-color: #FAFAFA; color: #444; }
.attachcontent, .codecontent { overflow: auto;
overflow-x: auto; }
.syntaxbg { color: #000; }
.syntaxcomment { color: #666; }
.syntaxdefault { color: #000; }
.syntaxhtml { color: #000; }
.syntaxkeyword { color:
#ffb661; }
.syntaxstring { color: #782e82; }
/* More misc stuff */ h1 { /* font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; */ font-weight:
bold; font-size: 1.8em; text-decoration: none; }
h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.5em; text-
decoration: none; line-height: 120%; }
h3 { font-size: 1.3em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 120%; }
h4 {
margin: 0px; font-size: 1.1em; font-weight: bold; }
p { font-size: 1.1em; }
p.moderators { margin: 0px; float: left; color: #CCC; font-weight:
bold; }
.rtl p.moderators { float: right; }
p.linkmcp { margin: 0px; float: right; white-space: nowrap; }
.rtl p.linkmcp { float: left; }
p.searchbar {
padding: 2px 0; white-space: nowrap; }
p.searchbarreg { margin: 0px; float: right; white-space: nowrap; }
.rtl p.searchbarreg { float: left; }
p.forumdesc {
padding-bottom: 4px; }
p.topicauthor { margin: 1px 0px; }
p.topicdetails { margin: 1px 0px; } td.history-current, tr.row1 td.history-current, tr.row2 td.history-
current { background: #DDD; }
table.colortable td { padding: 0; }
pre { font-size: 1.1em; font-family: Monaco, 'Courier New', monospace; }
.nowrap {
white-space: nowrap; }
.username-coloured { font-weight: bold; }
.sep { color: #444; }
/* reset style for file input */ .btnfile, .btnfile:hover, .btnfile:focus { border: none; background-color: #FFF; color: #000; }.postprofile-details.postdetails dt a img { padding:2px; /* une marge entre la bordure et l'intérieur du bloc */ margin:2px; /* une marge entre la bordure et l'extérieur du bloc */ border:2px dotted #990000; /* la bordure */ background:#EF7A7A; /*une couleur de fond */ }
| | |
|
'Christa
Lostmindy
Messages : 2856
| Bonjour, Merci d'utiliser le bbcode [code ] pour poster du code, ce sera plus agréable pour tout le monde (merci d'éditer ton précédent message en conséquence) En ce qui concerne ton problème, tu utilises un thème subsilver sur un forum phpbb3 privé, il est donc logique que les codes fournis sur CSSActif (qui, pour rappel, traite de l'apprentissage du CSS et HTML appliqué aux forums de ForumActif) ne soient pas compatibles. Il te faut trouver le sélecteur qui correspond à l'affichage de l'avatar sur ton forum, en regardant le code du template viewtopic, ou en t'aidant de firebug. Avec les éléments que tu nous fournis (pourtant on a un super post-it aidez-nous à vous aider), on ne peut pas t'aider davantage. | | |
|
Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Malgré la précédente relance, nous demeurons toujours sans nouvelle. Je déplace donc ce sujet comme précédemment indiqué. Si ton problème subsiste, il faudra ouvrir un nouveau sujet. Merci de ta compréhension. | | |
|