- Statut : non résolu
- Ce sujet contient 211 réponses, 37 participants et a été mis à jour pour la dernière fois par
Anonyme 2, le il y a 15 années et 2 mois.
-
AuteurMessages
-
4 mars 2008 à 10 h 23 min #616845
Salut Niss et merci pour ton aide 🍺
J’ai copié ton code dans ma page et malheureusement ça ne change rien du tout
Edit:
En modifiant
img, a:link img, a:visited img {
border:0px
}j’ai un cadre mais partout, alors qu’il me le faudrait uniquement dans les articles.
4 mars 2008 à 11 h 42 min #616846T’as fait un Ctrl+F5? Parce que normalement ça devrait fonctionner… Je viens de tester un local pour être sur et ça marche 🙂
4 mars 2008 à 13 h 20 min #616847Pourtant j’ai bien collé ton code mais ça change rien, voilà ce que j’ai, juste au dessus de « structure »
img, a:link img, a:visited img {
border:0px
}.post img {
border:1px solid #000000;
}
4 mars 2008 à 13 h 38 min #616848Non Petrucci, colle .post img tout à la fin de ton fichier style.css. Et si ça ne fonctionne pas, malheureusement je ne pourrai plus t’être d’une grande aide
4 mars 2008 à 15 h 40 min #616849Ca ne marche pas
bon bah tant pis, merci quand même 🍺
4 mars 2008 à 16 h 22 min #616850Tu peux me filer un lien vers ton site que je regarde.
4 mars 2008 à 17 h 37 min #616842Voici mon code, et l’adresse ici
/*
Theme Name: Mimbo_Stef
Theme URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/
Description: A magazine-style layout for Wordpress. Traduction Française : <a href="http://www.niss.fr">(niss.fr)</a>.
Version: 2.2
Author: Darren Hoyt
Author URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
/* HTML Elements */
* {
margin:0;
padding:0;
}
body,html {
min-height:101%;
}
body {
background: #3c3c3c;
color: #545454;
padding: 13px 0 25px 0;
}
body, select, input, textarea {
font: 100% Arial, Verdana, Sans-Serif;
}
p {
margin: 15px 0;
}
a:link, a:visited {
color: #7da939;
text-decoration:none
}
a:hover, a:active {
color:#333;
text-decoration:underline;
}
hr {
display: block;
height:1px;
background:#333;
border:0;
}
small {
font-size: 0.95em;
background:#eef5e1;
padding:3px 6px;
}
img, a:link img, a:visited img {
border:0px
}
/* Structure */
#page {
width:880px;
margin:0 auto;
font-size:0.7em;
background:#FFF;
padding: 10px 25px 35px 25px;
}
#branding {
width:625px;
padding-bottom:15px;
}
.left {
float:left;
}
.right {
float:right;
}
#sidebar {
width: 250px;
float:right
}
#leftcol {
width:287px;
border-right:1px dotted #b6b6b6;
padding-right:18px;
}
#leftcol, #rightcol, #onglets {
margin-top:10px;
float:left
}
#rightcol {
width:277px;
padding-left:18px;
margin-top: -2px;
}
/*Subnav */
.subnav li {
list-style:none;
border-bottom:1px solid #FFF;
}
.subnav li a:link, .subnav li a:visited {
background:#eef5e1;
display:block;
padding:4px 4px 4px 8px;
border-left:4px solid #e4efd5;
}
.subnav li a:hover, .subnav li a:active {
background:#e4efd5;
text-decoration:none;
color: #7da939;
}
.subnav li li a:link, .subnav li li a:visited {
border-left:none
}
/* Headers */
h1 {
font:2.95em Georgia, « Times New Roman », Times, serif;
font-weight:bold;
letter-spacing:-0.02em;
}
h2 {
font: 2.3em Georgia, « Times New Roman », Times, serif;
padding-bottom:8px;
border-bottom:1px solid #333;
margin: 20px 0;
}
h3, #sidebar h2 {
font: 1em Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:0.1em;
margin-bottom:4px;
font-weight:bold;
color:#5f5f5f;
}
#sidebar h3, #sidebar h2 {
border-top:5px solid #BBB;
border-bottom:1px solid #BBB;
padding:6px 0 6px 2px;
margin:22px 0 15px 0;
font-size:1em;
}
h3#respond {
border-top:1px dotted #b6b6b6;
margin-top:25px;
padding-top:20px
}
h3#comments {
margin-top:32px
}
h4 {
font-size:1.6em;
margin-bottom:6px;
}
/* Content */
#content {
width:605px;
float:left
}
.description {
font-size: 1.3em;
font-weight: bold;
font-style:italic;
color:#545454;
margin-top:-4px;
}
.feature {
background:#f2f2f2;
padding:15px;
border-bottom:1px dotted #b6b6b6;
border-top:1px dotted #b6b6b6;
}
.feature:hover {
background:#e9e9e9;
}
.feature p, #rightcol p {
margin:0;
}
.feature img, #rightcol img {
padding:1px;
border:1px solid #000;
}
#leadpic {
float:left;
margin: 0 18px 8px 0;
}
#lead {
margin-top:22px;
}
.title {
font-size:1.2em;
font-weight:bold;
line-height:115%;
}
.feature#lead .title {
font:1.8em Georgia, « Times New Roman », Times, serif;
line-height:100%;
display:block;
padding-bottom:7px;
}
#leftcol .feature {
margin-bottom: 5px;
border-bottom:none
}
#rightcol img {
float:left;
margin:3px 10px 4px 0;
}
#leftcol img {
margin-bottom: 4px;
display:block
}
#rightcol .clearfloat {
border-bottom:1px dotted #b6b6b6;
padding:12px 0;
}
#sidelist li {
list-style:none
}
.bullets li {
list-style:none;
border-bottom:1px solid #FFF;
}
#sidelist .bullets li {
list-style:square;
margin-bottom:5px;
line-height:115%;
margin-left:22px;
}
#sidelist .children {
background:#e4efd5;
}
#sidelist .children li {
list-style: square;
margin-left:28px;
border-bottom:1px solid #e4efd5;
}
#sidelist .children li a, #sidelist .children li a:visited {
padding:2px 2px 2px 0px;
border:0;
background:#e4efd5;
color: #818d6f;
}
#sidelist .children li a:hover, #sidelist .children li a:active {
color:#465d23
}
.postmetadata {
margin: 30px 0;
}
#writer {
background:#eef5e1;
margin:25px 0 15px 0;
padding:12px;
}
#writer img {
padding:1px;
border:1px solid #7da939;
float:left;
width:80px;
}
#writer span {
display:block;
padding-top:4px;
border-top:1px solid #cbd8b4;
margin-top:12px;
}
#writer p {
margin:0;
width:482px;
}
.entry {
padding-bottom:28px;
}
h3 a:link, h3 a:visited {
color:#5f5f5f;
}
/*Post Formatting*/
.picleft {
float:left;
margin:3px 14px 10px 0;
border:7px solid #f2f2f2;
}
.picright {
float:right;
margin:3px 0 10px 14px;
border:7px solid #f2f2f2;
}
.post blockquote {
color:#76767a;
background:#f2f2f2;
padding:6px 14px;
margin:18px 35px;
border-right:1px solid #DDD;
border-bottom:1px solid #DDD;
}
.post ul li {
list-style:square;
margin-bottom:5px;
line-height:115%;
margin-left:42px;
}
.post ol li {
margin-bottom:5px;
line-height:115%;
margin-left:48px;
}
#tags {
padding:3px;
border-bottom:1px solid #DDD;
border-top:1px solid #DDD;
}
/* Form Elements */
select {
background:#f2f2f2;
border:1px solid #9c9c9c;
width:100%
}
#searchform {
padding:16px 5px 0 0;
}
.button {
padding: 1px;
background:#000;
color:#e7e7e7;
border:none;
}
.button:hover {
background:#777;
color:#FFF;
text-decoration:none
}
#commentform input {
width: 170px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 100%;
margin-top:5px;
}
/* Comments*/
.commentlist {
padding-left:30px;
}
.commentlist li {
margin: 15px 0 3px;
padding: 8px 15px 10px 15px;
background:#f2f2f2;
border-top: 1px solid #ddd;
}
#commentform small {
background:#FFF;
font-weight:bold;
padding:0;
}
.commentmetadata {
display: block;
}
.commentlist small {
background:#e9e9e9
}
.commentlist cite {
font: 1.6em Georgia, « Times New Roman », Times, serif;
font-weight:bold;
letter-spacing:-0.05em;
}
/* Float Properties*/
.clearfloat:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content: ». »;
}
.clearfloat {
display:inline-block
}
.clearfloat {
display:block
}
/* Footer*/
#footer {
margin: 0 auto;
width: 900px;
font-size:0.7em;
padding-top:15px;
color:#FFF;
}
#footer a {
color:#d3d1d1;
}
/* @group Special Styles */
/* This is based on styles from the Sawchuk scheme for K2 */
.download, .code, .note, .alert, .new, .construction, .information {
-moz-border-radius-bottomleft:16px;
-moz-border-radius-bottomright:16px;
-moz-border-radius-topleft:16px;
-moz-border-radius-topright:16px;
background-position:15px 10px;
background-repeat:no-repeat;
font-size:1em !important;
line-height:115%;
margin:10px auto;
padding:10px 10px 10px 50px;
text-align:left;
}
ul.download, ul.code, ul.note, ul.alert, ul.new, ul.construction, ul.information {
font-size:1em !important;
line-height:115%;
list-style-position:inside;
list-style-type:disc;
padding:10px 10px 10px 50px;
}
ol.download, ol.code, ol.note, ol.alert, ol.new, ol.construction, ol.information {
font-size:1em !important;
line-height:115%;
list-style-position:inside;
list-style-type:decimal;
padding:10px 10px 10px 65px;
}
dl.download, dl.code, dl.note, dl.alert, dl.new, dl.construction, dl.information {
font-size:1em !important;
line-height:115%;
padding:10px 10px 10px 50px;
}
dl.download dt, dl.code dt, dl.note dt, dl.alert dt, dl.new dt, dl.construction dt, dl.information dt {
font-size:1.2em !important;
font-weight:bold;
line-height:115%;
}
dl.download dd, dl.code dd, dl.note dd, dl.alert dd, dl.new dd, dl.construction dd, dl.information dd {
line-height:115%;
list-style-type:disc;
}
.download {
background-color: oldLace; /*#002200;*/
background-image: url(‘images/mail-attachment.png’);
border:2px solid #008800;
}
.download a, .download a:visited {
color:green;
}
.download a:hover {
color:red;
}
.code {
background-color: oldLace;/*#222222;*/
background-image:url(‘images/application_osx_terminal.png’);
border:2px solid #888888;
font-family:’Courier New’,Courier,Fixed;
}
.alert {
background-color: oldLace;/* #220000;*/
background-image:url(‘images/exclamation.png’);
border:2px solid #880000;
}
.new {
background-color:oldLace; /* #221100;*/
background-image:url(‘images/new.png’);
border:2px solid #884400;
}
.construction {
background-color:oldLace; /* #222200;*/
background-image:url(‘images/error.png’);
border:2px solid #888800;
}
.information {
background-color: oldLace;/* #000022;*/
background-image:url(‘images/information.png’);
border:2px solid #000088;
}
.note {
background-color:oldLace; /*#222222;*/
background-image:url(‘images/page_white_text.png’);
border:2px solid #888888;
}
.callout {
border-bottom:1px solid #666666;
border-top:1px solid #666666;
color:#CCCCCC;
font-size:1.4em !important;
margin:10px 20px;
padding:10px;
text-align:justify;
}
/* @end */
/* @group Special Styles 2 */
/* This is based on styles from the Sawchuk scheme for K2 */
.download2, .code2, .note2,
.alert2, .new2, .construction2,
.information2 {
background-position: 15px 10px;
background-repeat: no-repeat;
font-size: 1.2em !important;
line-height: 115%;
margin: 10px auto;
padding: 10px 10px 10px 50px;
text-align: left;
}
ul.download2, ul.code2, ul.note2,
ul.alert2, ul.new2, ul.construction2,
ul.information2 {
font-size: 1em !important;
line-height: 115%;
list-style-type: disc;
list-style-position: inside;
padding: 10px 10px 10px 50px;
}
ol.download2, ol.code2, ol.note2,
ol.alert2, ol.new2, ol.construction2,
ol.information2 {
font-size: 1em !important;
line-height: 115%;
list-style-type: decimal;
list-style-position: inside;
padding: 10px 10px 10px 65px;
}
dl.download2, dl.code2, dl.note2,
dl.alert2, dl.new2, dl.construction2,
dl.information2 {
font-size: 1em !important;
line-height: 115%;
padding: 10px 10px 10px 50px;
}
dl.download2 dt, dl.code2 dt, dl.note2 dt,
dl.alert2 dt, dl.new2 dt, dl.construction2 dt,
dl.information2 dt {
font-size: 1.2em !important;
font-weight: bold;
line-height: 115%;
}
dl.download2 dd, dl.code2 dd, dl.note2 dd,
dl.alert2 dd, dl.new2 dd, dl.construction2 dd,
dl.information2 dd {
line-height: 115%;
list-style-type: disc;
}
.download2 {
background-color: #353;
background-image: url(‘images/package_go.png’);
border-bottom: 2px solid #383;
border-top: 2px solid #383;
}
.download2 a, .download2 a:visited {
border-bottom: 2px dotted #3F3;
color: #3F3;
text-decoration: none !important;
}
.download2 a:hover {
border-bottom: 2px dotted #3C3;
color: #3C3;
text-decoration: none !important;
}
.code2 { /* use p class=code2 when you want to fake it, sometimes handy */
background-color: #444;
background-image: url(‘images/application_osx_terminal.png’);
border-bottom: 2px solid #AAA;
border-top: 2px solid #AAA;
font-family: ‘Courier New’, Courier, Fixed;
}
.alert2 {
background-color: #533;
background-image: url(‘images/exclamation.png’);
border-bottom: 2px solid #F33;
border-top: 2px solid #F33;
}
.new2 {
background-color: #643;
background-image: url(‘images/new.png’);
border-bottom: 2px solid #F93;
border-top: 2px solid #F93;
}
.construction2 {
background-color: #553;
background-image: url(‘images/error.png’);
border-bottom: 2px solid #FF3;
border-top: 2px solid #FF3;
}
.information2 {
background-color: #335;
background-image: url(‘images/information.png’);
border-bottom: 2px solid #33F;
border-top: 2px solid #33F;
}
.note2 {
background-color: #444;
background-image: url(‘images/page_white_text.png’);
border-bottom: 2px solid #AAA;
border-top: 2px solid #AAA;
}
/* @end */
/* TABS */
/* HOME CATEGORY TABS (also see tabs section at bottom of stylesheet) */
#home #home-categories {
clear: left;
float: left;
display: block;
width: 610px;
margin: 0 0 10px 0;
}
.tabs-block {
clear: left;
float: left;
width: 300px;
padding: 0;
margin: 0 0 10px 0;
display: block;
}
.tabbed {
width: 100%;
overflow: hidden;
padding: 0;
margin: 0;
background: transparent;
border: none;
}
.tabbed ul.tabs {
overflow: hidden;
display: block;
position: relative;
top: 0;
left: 0;
z-index: 999;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
background: transparent;
}
.tabbed ul.tabs li {
display: inline;
float: left;
padding: 0;
margin: 0 .3em 0 0;
}
.tabbed ul.tabs li a {
font-weight: bold;
display: block;
margin: 0;
padding: 5px .8em;
background:#EEF5E1; /* #eee;*/
border: 1px solid #ccc;
}
.tabs-block ul.tabs li a { padding: 5px .7em; }
.tabbed ul.tabs li a:hover {
background: #e4efd5 ;
text-decoration: none;
}
.tabbed ul.tabs li a.tab-current {
background: #fff;
border-bottom: 1px solid #fff;
}
.tabs-block .tabbed div, #home .tabbed .c {
overflow: hidden;
display: block;
position: relative;
left: 0;
top: -1px;
z-index: 0;
clear: left;
width: 100%;
margin: 0;
padding: 5px 0;
border: 1px solid #ccc;
background: #fff;
display: none;
}
div.t2, div.t3, div.t4, div.t5, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8, div.c9, div.c10 { display: none; }
.tabs-block .tabbed div.t1, #home .tabbed div.c1 {
display: block;
}
.tabs-block .tabbed div { width: 298px; }
.tabbed div ul {
overflow: hidden;
padding: 4px 0 2px 0;
margin: 0;
background: #fff;
}
.tabbed div ul li {
clear: left;
background: transparent;
}
.tabbed div ul li a {
font-weight: normal;
width: 97%;
display: block;
padding: 2px 0 2px 12px;
background: transparent;
border: none;
}
.tabbed div ul li a:hover { text-decoration: underline; }
/* HOME CATEGORIES TABS */
#home-categories {
overflow: hidden;
}
#home .tabbed .c {
width: 608px;
}
.tabbed .post {
float: left;
clear: none;
width: 47%;
margin: 5px 1%;
padding: 0;
}
.tabbed .post h3 {
width: 97%;
font-size: 1em;
margin: 0 0 0 5px;
padding: 0;
text-transform:capitalize;
}
.tabbed .post h3 a {
font-weight: bold;
font-size: 1.2em;
font-family:Arial,Helvetica,sans-serif;
letter-spacing:0;
color:#7DA939;
}
.tabbed .post h3 a:hover {
font-weight: bold;
color:#000000;
}
.tabbed .post .entry {
margin: 0 0 0 5px;
padding: 0;
}
.tabbed .post .entry p { margin: 0; padding: 0; }
/* This is from Sawchuk scheme for K2 */
.download3 {
background: #D0F29D url(‘images/mail-attachment.png’) 10px center no-repeat;
border-top: 2px solid #9CD941;
border-bottom: 2px solid #9CD941;
margin: 10px auto;
padding: 20px 20px 20px 65px;
text-align: left;
font-size: 1.7em;
line-height: 115%;
}
.download3 a, .download3 a:visited {
color: #0d78b6;
text-decoration: none !important;
border-bottom: 2px dotted #0d78b6;
}
.download3 a:hover {
color: #27d;
text-decoration: none !important;
border-bottom: 2px dotted #27d;
}
.code3 { /* use p class=code when you want to fake it, sometimes handy */
background: #f2f2f2 url(‘images/utilities-terminal.png’) 10px 5px no-repeat;
border-top: 2px solid #CCC;
border-bottom: 2px solid #CCC;
margin: 5px auto;
padding: 20px 20px 20px 70px;
text-align: left;
font: 1.1em ‘Courier New’, Courier, Fixed;
}
code3 {
display: block;
background: #f2f2f2 url(‘images/utilities-terminal.png’) 10px 5px no-repeat;
border-top: 2px solid #CCC;
border-bottom: 2px solid #CCC;
margin: 5px auto;
padding: 20px 20px 20px 70px;
text-align: left;
font: 1.1em ‘Courier New’, Courier, Fixed;
}
.alert3 {
background: #ffcccc url(‘images/emblem-important.png’) 10px center no-repeat;
border-top: 2px solid #993333;
border-bottom: 2px solid #993333;
margin: 10px auto;
padding: 20px 20px 20px 65px;
text-align: center;
font-size: 1.7em;
line-height: normal;
}
.construction3 {
background: #FFF6BF url(‘images/applications-development.png’) 10px center no-repeat;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
margin: 10px auto;
padding: 20px 20px 20px 65px;
text-align: center;
font-size: 1.7em;
line-height: normal;
}
.other3 {
background: #ededed url(‘images/dialog-warning.png’) 10px center no-repeat;
border-top: 2px solid #ccc;
border-bottom: 2px solid #ccc;
margin: 10px auto;
padding: 20px 20px 20px 65px;
text-align: center;
font-size: 1.7em;
}
.changelog3 {
display: block;
background: #f2f2f2 url(‘images/changelog.png’) 10px center no-repeat;
border-top: 2px solid #CCC;
border-bottom: 2px solid #CCC;
margin: 10px auto;
padding: 20px 20px 20px 65px;
text-align: left;
font: 1.1em;
}
#stef {
}
.post img {
border:1px solid #000000;
}4 mars 2008 à 17 h 44 min #616851Ca tient à pas grand chose quand même 🙂 c’est comme pour justifier le texte dans l’édito… impossible pour moi, je sais pas pourquoi mais quand j’ajoute text-align:justify; dans content, j’ai ma colonne de droite tirée vers le bas (??) et mon texte pas justifié…
4 mars 2008 à 19 h 43 min #616852J’avoue que c’est un mystère!! Je viens de jeter un oeil et je n’arrive vraiment pas à trouver la solution à ton problème… En plus il semble que Firebug plante par moment avec ton site.. Je sais pas, peut être un script qui fout sa zone ou un truc du style…
5 mars 2008 à 8 h 36 min #616853Mouais. J’ai essayé de désactiver tous les plugins et ça ne change rien, pas de chance.
10 mars 2008 à 19 h 56 min #616854Salut à tous,
J’ai une petite question,Quand j’insère plusieurs articles par catégorie dans la colonne de gauche, ça met les articles collés les un au dessous des autres. Par exemple,sur la page de Niss les articles suivants sont collés:
Le Superbe Effet ImageFlow adapté à WordPress»
L’effet Image Flow vous connaissez? ça ressemble à ça, et je pense que ça devrait vous plaire. Voici ce que ça donne par exemple sur le thème Massive News : Démo {Suite»}
Magnifique Script à effet de Zoom : Fancy Zoom»
On continu sur la lancée des scripts à tomber par terre qui vont bien pour customiser vos thèmes adorés de la plus jolie des manière, et cette fois ci, il s’agit de Fancy Zoom, développé par Cabel.name.
J’aimerais bien insérer un petit retour à la ligne entre les articles, quelqu’un sait comment on fait ça ?
11 mars 2008 à 13 h 32 min #616855Salut Antoine,
Tu pourrais me filer un lien vers ton site que je jète un oeil 🙂
12 mars 2008 à 13 h 54 min #616856Salut Niss !
Pourrais tu me donner le code si il y en a un qui permet d’afficher les images, présentes dans les blurbs, dans les onglets « derniers articles » ?
Et c’est possible d’afficher ces mêmes images (100*75 pour moi) dans les archives d’une catégorie ?Merci 🍺
13 mars 2008 à 9 h 17 min #616857Salut Petrucci,
Alors pour les images dans les archives, on avait trouvé une solution sur mon blog : http://www.niss.fr/2008/01/04/mimbo-22-modifie-onglets-integre/#comment-199
Pour les images dans les onglets, dans tabs-categorie.php ajoute ce morceau de code :
<a href=" » rel= »bookmark » title= »Lien Permanent vers « ><img src="/images/ » alt= » » /></a>
Juste après
<div class="post">
Puis dans style.css, ajoute cela :
.tabbed .post img {
float:left;
margin:3px 10px 4px 0pt;
border: 1px solid #000000;
padding: 1px;
}13 mars 2008 à 10 h 11 min #616858Merci Niss ça marche ! Par contre, le code ajouté dans style.css ça a rien changé j’ai l’impression… On dirait que maintenant quand je modifie quelque chose dans style.css y a aucun effet… Peut être qu’il faudrait que je touche à copie de style.css je sais pas…
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.