WordPress Francophone

tom2 · 18-07-2008 23:19:38

Bonsoir,

j' ai essayé d' installer un diaporama en flash mais le soucis c' est que je n' arrive pas à le centrer dans l' article, alors si quelqu' un pouvait m' éclairer sur la ligne de code à glisser se serait sympa !

<div style="text-align: center;">
<div>
<object height="400" width="550" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
<param name="src" value="http://fgr7.free.fr/first%20anim.swf" />
<param name="wmode" value="transparent" /><embed type="application/x-shockwave-flash" width="550" height="400" src="http://fgr7.free.fr/page%20perso%20diapo.swf" wmode="transparent"></embed>
</object>
</div>
</div>

blog

Dernière modification par tom2 (18-07-2008 23:38:04)

tom2 · 19-07-2008 09:22:13

Mon soucis est réglé je ne connais pas bien l 'interface de wordpress et moi voilà un peu dans le jus !
Mais d' autres soucis s' opposent, je voudrais savoir comment modifier mon css pour faire en sorte que ma colonne de droite reste statique et que je puisse mettre au moins une dizaine d' articles à la suite, les uns en dessous des autres ?

Olivier · 19-07-2008 21:10:28

Je ne vois pas de colonne à droite sur ton blog smile
Mais une colonne à gauche et un plan central...
En général, ce qu'on fait, c'est qu'on fixe la largeur de la sidebar et le panneau central prend ce qui reste.

codfingers · 20-07-2008 13:14:58

J'ai été sur ton site... ton diaporama est vraiment tchicougne.. je veux dire petit peut-être un lien vers un diaporama plus spectaculaire serait bien ( en cliquant sur une photo, par exemple...)

Un lien pour toi : ICI

Cordialement,

tom2 · 20-07-2008 16:05:26

Merci pour les réponse et les conseils, je vais voir ça "Codfingers". Sinon oui excuse moi "Olivier" c' est à gauche, mais je ne vois pas vraiment quoi faire pour afficher plusieurs articles l'un en dessous de l' autre ? Je ne connais pas bien les languages, ça semble être un gros soucis en utilisant wordpress !

Olivier · 20-07-2008 16:21:20

Il faudrait que tu copies ton css pour commencer...

mrbabyqc · 20-07-2008 17:16:00

Bonjour Tom2,
Je crois que ton problème vient du fait que ton thème n'affiche qu'un article par page d'index par défaut. Pour changer cela c'est très simple. Il faut te connecter dans l'espace d'Admin et aller dans Réglage puis dans Lecture. Il y a là tout ce qu'il te faudra modifier pour définir ton affichage selon tes désirs.

Bonne chance avec Wordpress ...

tom2 · 20-07-2008 19:38:42

mrbabyqc, j' ai suivis ton conseil, mais j' étais déjà passé par là quand j' ai commencé avec Wordpress, apparemment, il va falloir chambouler le css !
Olivier ben j' ai fais une copie du css, alors je t' attend pour la suite, si tu veux bien ! icon_redface

tom2 · 20-07-2008 20:16:52

C' est peut-être sous les class :

.col0 {width: 442px; padding: 0; float: left; border-right: none; border-left: none; border-bottom: none; }

ou

#rightCol {margin: 1.4em 0.2em 3.4em 0.2em; background: url(images/right.png) repeat;}

je sais pas trop !

Olivier · 21-07-2008 08:04:27

Euh juste avec deux lignes de CSS, je vais pas aller loin, il m'en faut un peu plus wink

tom2 · 21-07-2008 09:10:01

Non, mais je pensais que ça pourrais se situer dans ces deux lignes, alors ben je te donne l' intégrale :

/*
Theme Name: 06 Cityscape/Sign
Theme URI: http://www.h4x3d.com/themes/sign
Description: <small>No sign in sight in this theme featuring a cityscape shot. This is a white & black two-column widget-ready theme by <a href="http://www.h4x3d.com">Julian Klewes</a> with plenty of time spent on the backgrounds. Choose your favorite cityscape. Read the css for more info. Released under <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/">these Creative Commons</a> terms of use. Keep wordpress sponsorlink FREE!</small>
Version: 1.0
Author: Julian Klewes
Author URI: http://www.h4x3d.com
Created: 16:05 06.07.2007 (press F5 in notepad to enter the date, yay!)
*/

*/ In case you do not like cityscape2.gif, try out cityscape.gif an alternative background.
I have the permission to use both cityscapes from their original artists: justin koenig and kristin smith. Thanks a lot again! */

/* I followed this tutorial: http://www.photoshoplab.com/brushes-as-stencils.html to get the cityscape the way it is now... it is always a good idea to learn something new - in the end it only matters what you make out of it!
*/

none; }

u { text-decoration: none; border-bottom: 1px solid #eaeaea; }

/* wordpress */
.navigation { padding: 0.5em; }
.post, .entry { padding: 2em; font-size: 90%;html {
min-height: 100%;
height: auto;
}

* {margin: 0; padding: 0;}
body { font: normal 11px/14px arial, sans-serif;
color: #2a2727;
background: url(images/fondecran.png) no-repeat bottom left;
background-attachment: fixed;
}
p {padding:.625em 0; text-align: justify; line-height: 20px;}
#overall {width: 100%; margin: 0 auto;}
.col {width: 220px; padding-left: 10px; float: left;}
.col0 {width: 442px; padding: 0; float: left; border-right: none; border-left: none; border-bottom: none; }

.CCsilhouette {float: left; clear: left; margin-left: -94px;}
.CCsilhouette span {position: absolute;}

.preImageBuffer {height: 9em; width: 1px;}

#leftCol { margin: 0 2px 0 3.4em; background: url(images/left.png) repeat; background-attachment: fixed; }

.spaceme { margin: 6px; padding: 0 6px 0 6px; }
.spacemetop { margin: 6px; padding: 5px 6px 0 6px;}

#rightCol {margin: 1.4em 0.2em 3.4em 0.2em; background: url(images/right.png) repeat;}
#lefter { position: absolute; top: 0px; left: 0px; z-index: 1; }

#home { text-align: left; margin: 1em 0 1.4em 1.5em;}
#home a {color: #ff8400; }

.themes {padding-right: 5px;}
.themes img { margin-bottom: 5px; }

#hi a, #hi a:link, #hi a:hover {
border: 0px;
}

.small { font-size: 90%; border-bottom: none; }

.small1 { font-size: 90%; border-bottom:
line-height: 14px;
text-transform: none; }

.post a, .post a:link, .post a:visited, .entry a, .entry a:link, .entry a:visited { color: #0f0f0f; border-bottom: 1px solid #ff0551; }

.navigation a, .navigation a:link, .navigation a:visited { color: #0f0f0f; border-bottom: 1px solid #eaeaea;}

.post img, .entry img { float: right; margin-left: 10px; border: 2px solid #eaeaea; vertical-align: top;}

#searchform #submit, input[type="submit"] {margin-left: 2em; background: url(images/search_bg.gif) no-repeat;border: none;width: 28px;height: 20px;font: 1px Arial, Helvetica, sans-serif;color: #fff;vertical-align: top;cursor: pointer;}

#searchform #submit:hover, input[type="submit"]:hover { background: url(images/search_bg_hover.gif) no-repeat; }
ol { margin-left: 2em; }

#searchform { width: 220px; }

a, a:link, a:visited, a:active {
color: #F8F9FC;
border-bottom: none;
text-decoration: none;
}
a:hover {
color: black;
border-bottom: none;
text-decoration: none;
}

img {
border: 0;
}

.h1, h1 {
display: inline;
font-size: 16px;
font-weight: bold;
color: #515151;
text-decoration: none;
}

.h2, h2 {
display: inline;
font-size: 16px;
line-height: 16px;
font-weight: bold;
color: #515151;
text-decoration: none;
}
.date {
padding-top: 5px;
font-size: 1.85em;
width:35px;
height:36px;
margin-left: 0.6em;
text-align:center;
position:relative;
background: url(images/h4.gif)}

.month {
position:absolute;
bottom:3px;

left:6px;
font-size: 11px;
color: #2f3233;
text-transform:uppercase; font-weight:bold;
}
.month:hover {
color: #465155;
}

.contentdate h2 {
text-transform: none;
color: #353535;
padding: 0 0 0 10px;
}
.contentdate p {
color: #353535;
padding: 0 0 0 10px;
}
.contentdate a, .contentdate a:link, .contentdate a:visited { color: #353535; }
.contentdate a:hover { color: black; }
.contentdate
{
width: 100%;
height: 51px;
padding: 0.3em 0 0.5em 0;
background: url(images/contentdate.png) repeat center top;
}
.contentdate:hover, .contentdate:visited:hover
{
padding: 0.3em 0 0.5em 0;
background: url(images/contentdate_mo.png) repeat center top;
}

#wp-calendar caption { padding-left: 3px; font: normal 0.9em Arial, Helvetica, Sans-Serif;text-align: left;}
#wp-calendar th { font-size: 10px; width: 26px; height: 20px; background: url(images/wpcal.gif) no-repeat; text-transform: capitalize; vertical-align: top;cursor: pointer;}
#wp-calendar #next a {float: right; padding-right: 0;text-align: right;}
#wp-calendar #prev a {float: right; padding-right: 5px;text-align: left;}
#wp-calendar td {font-size: 10px; vertical-align: top; padding: 1px 0 3px 0;text-align: center; width: 26px; height: 20px; background: url(images/wpcal.gif) no-repeat; }
#wp-calendar td.pad:hover { cursor: pointer; width: 26px; height: 20px; background: url(images/wpcal-no.gif) no-repeat; }
#wp-calendar td:hover { cursor: pointer; text-decoration: none; border: 0; width: 26px; height: 20px; background: url(images/wpcal_hover.gif) no-repeat; }
#wp-calendar a:link { display: block; cursor: help; font: bold 1.1em Arial, Helvetica, Sans-Serif; color: #1f3d48; text-decoration: none; }

/* sidebar related */
#widget {background: transparent;width: 90%;margin: 0 10px 0 0;
padding: 20px 0 10px 0;}
#widget ul {list-style: none;margin: 0;padding: 0 0 20px 0;}
#widget li {list-style: none;margin: 0;padding: 0;}
#widget ul li {margin: 0;padding: 5px 0 0 0;}
#widget td {vertical-align: top; }

#widget .white { color: #0f0f0f; }
#widget .white a, #widget .white a:link, #widget .white a:visited { color: #0f0f0f; border-bottom: none; }
#widget .dark a, #widget .dark a:link, #widget .dark a:visited { color: #515151; border-bottom: none; }

#widget .white a:hover {
border-bottom: none; color: #ff8400; }

#widget .dark a:hover {
border-bottom: none; color: #ff8400; }

#widget strong { padding-left: 20px; }
#Recent { background: url(images/posts.gif) no-repeat top left; }
#Blogroll { background: url(images/links.gif) no-repeat top left; }
#Categories { background: url(images/categories.gif) no-repeat top left; }
#Archives { background: url(images/archives.gif) no-repeat top left; }
#okay { background: url(images/okay.gif) no-repeat top left; }
#alert { background: url(images/alert.gif) no-repeat top left; }
#okay span { padding-left: 20px; }

#footer { float: left;
color: #0f0f0f;
padding-left: 70px;
padding-bottom: 5px;}

Olivier · 21-07-2008 10:17:13

Je ne suis pas sûr de comprendre ce que tu souhaites faire...
Tu souhaites que la sidebar de gauche reste figée pendant que le contenu central défile s'il est plus grand que la taille d'un écran verticalement, c'est cela? Si c'est ce que tu veux faire, à ma connaissance, il n'y a pas 36 solutions. La première est de faire des frames (mais c'est outdated et porc) et la seconde est de figer ta sidebar dans le background comme une image.

Si ce n'est pas cela, est ce que tu peux repréciser ton pb?

tom2 · 21-07-2008 21:14:24

Ben en fait je voudrais déjà dans un premier temps pouvoir afficher, une dizaine d' articles par pages par exemple, mais je sais pas si c' est pas dans le PHP qui faut changer les choses ?
Après, effectivement je bloquerais bien le scroll sur la colonne de gauche mais on va dire que ça reste secondaire !

tom2 · 22-07-2008 11:34:28

Olivier faut pas m' abandonner comme ça

Olivier · 22-07-2008 11:58:39

Je t'abandonne pas wink
Pour une raison non identifiée, j'avais pas vu que tu avais répondu.
Pour répondre à ta question, il faut que tu ailles dans le panneau d'admin dans réglages puis lecture puis la page d'accueil affiche => vos derniers articles et les pages du blog doivent afficher au plus => 10 articles et le tour est joué!

tom2 · 22-07-2008 13:38:07

J' avais déjà fait ça au tout début et je viens d' aller vérifier et cela ne semble pas avoir changer et malheureusement cela ne semble pas fonctionner ! sad

Olivier · 22-07-2008 19:32:58

Alors repasse sur le thème par défaut déjà pour voir si cela marche. Je soupçonne un pb avec ton theme...

tom2 · 22-07-2008 20:33:08

ben la houais ça fonctionne avec le thème par defaut, il faudrait que je change de thème ?

Olivier · 22-07-2008 20:38:59

Non il faut corriger ton second theme, regarde le code de l'index.php dans ton theme par défaut et change dans ton autre theme ce qui est différent, cela doit être au niveau de la boucle de l'affichage des posts.

tom2 · 22-07-2008 22:57:49

le soucis c' est que je n' y connais rien au PHP, juste l' html et le css et encore ! roll
si tu pouvais me filer un coup de main pour corriger le problème se serait cool, je te laisse l' index PHP du thème par défaut et celui que j' utilise pour mon blog, si tu veux bien :
index.PHP du thème par défaut :
<?php get_header(); ?>

<div id="content" class="narrowcolumn">
<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

<div class="post" id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Lien permanent vers <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<small><?php the_time('j F Y') ?> </small>
<div class="entry">
<?php the_content('Lire le reste de cet article »'); ?>
</div>
<p class="postmetadata"><?php the_tags('Tags: ', ', ', '<br />'); ?> Publié dans <?php the_category(', ') ?> | <?php edit_post_link('Modifier', '', ' | '); ?> <?php comments_popup_link('Aucun commentaire »', '1 commentaire »', '% commentaires »', 'comments-link', 'Les commentaires sont fermés'); ?></p>
</div>

<?php endwhile; ?>

<div class="navigation">
<div class="alignleft"><?php next_posts_link('« Articles plus anciens') ?></div>
<div class="alignright"><?php previous_posts_link('Articles plus récents »') ?></div>
</div>

<?php else : ?>

<h2 class="center">Introuvable</h2>
<p class="center">Désolé, mais vous cherchez quelque chose qui ne se trouve pas ici .</p>
<?php include (TEMPLATEPATH . "/searchform.php"); ?>

<?php endif; ?>
</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

index.PHP du theme que j' utilise :
<?php get_header(); ?>
<?php include(TEMPLATEPATH."/sidebar.php");?>

<div id="rightCol" class="col0">

<p>
<?php query_posts('showposts=1'); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="contentdate">
<table cellspacing="0" cellpadding="0"><tr><td>
<div class="date">
<?php the_time('j'); ?><br />
<span class="month"><?php the_time('M'); ?></span><br />
</div>
</td>
<td><h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2><p>Category: <?php the_category(', ') ?> | <?php edit_post_link('Edit',''); ?> <?php comments_popup_link('Laisser un commentaire', '1 Comment', '% Comments'); ?></p></td></tr></table>
</div>

<div class="entry">
<?php the_content(__('Read more'));?>
</div>

<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?><br />
<?php comments_template(); // Get wp-comments.php template ?>
<br /><br />
<div class="navigation">
<div align="right"><?php $wp_query->is_single = true; previous_post ('« %', '', 'yes'); $wp_query->is_single = false; ?>
</div>
<div id="pages"><small><u><b>Pages</b></u><br /><ul><?php wp_list_pages('depth=1&title_li='); ?></ul></small></div>
</p>

</div>
<?php get_footer(); ?>
désolé je fais un peu boulet pour le coup !

Olivier · 23-07-2008 08:11:53

Mais non tu ne fais pas boulet, nous sommes tous passés par là wink

Donc dans le theme que tu utilises, déjà mets en commentaires :

Code:

<!--<?php query_posts('showposts=1'); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>-->

Puis tu mets à la place :

Code:

 <?php if (have_posts()) : ?>
    
        <?php while (have_posts()) : the_post(); ?>

Cela devrait déjà aller mieux wink
Dis moi ce que cela donne...

tom2 · 23-07-2008 09:04:40

si je comprend bien il faut mettre les commentaires
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

puis en remplacant la ligne 6 dans le code de mon thème à savoir la ligne : <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
par
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

Mais si je fais cela je me retrouve avec :
Parse error: syntax error, unexpected $end in /mnt/104/sda/e/b/noelnad/wp-content/themes/nouveaudesign/index.php on line 42

Olivier · 23-07-2008 10:00:23

Ok my fault, j'ai oublié le
<?php endwhile; ?>

tom2 · 23-07-2008 10:39:11

Je mets les ligne ci-dessous mais encore une erreur (Parse error: syntax error, unexpected $end in /mnt/104/sda/e/b/noelnad/wp-content/themes/nouveaudesign/index.php on line 50)


<?php endwhile; ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

Olivier · 23-07-2008 13:28:09

euh le endwhile, il faut le mettre après le while, si tu fermes la boucle avant de l'ouvrir, ça peut pas marcher wink

WordPress Francophone

La référence en matiere de moteur de blog.

Le multi-blogs devient un jeu d'enfant !

La communauté, c'est vous qui la faites !

WordPress et vous !

Annonce

#1 18-07-2008 23:19:38

diaporama flash

#2 19-07-2008 09:22:13

Re: diaporama flash

#3 19-07-2008 21:10:28

Re: diaporama flash

#4 20-07-2008 13:14:58

Re: diaporama flash

#5 20-07-2008 16:05:26

Re: diaporama flash

#6 20-07-2008 16:21:20

Re: diaporama flash

#7 20-07-2008 17:16:00

Re: diaporama flash

#8 20-07-2008 19:38:42

Re: diaporama flash

#9 20-07-2008 20:16:52

Re: diaporama flash

#10 21-07-2008 08:04:27

Re: diaporama flash

#11 21-07-2008 09:10:01

Re: diaporama flash

#12 21-07-2008 10:17:13

Re: diaporama flash

#13 21-07-2008 21:14:24

Re: diaporama flash

#14 22-07-2008 11:34:28

Re: diaporama flash

#15 22-07-2008 11:58:39

Re: diaporama flash

#16 22-07-2008 13:38:07

Re: diaporama flash

#17 22-07-2008 19:32:58

Re: diaporama flash

#18 22-07-2008 20:33:08

Re: diaporama flash

#19 22-07-2008 20:38:59

Re: diaporama flash

#20 22-07-2008 22:57:49

Re: diaporama flash

#21 23-07-2008 08:11:53

Re: diaporama flash

Code:

Code:

#22 23-07-2008 09:04:40

Re: diaporama flash

#23 23-07-2008 10:00:23

Re: diaporama flash

#24 23-07-2008 10:39:11

Re: diaporama flash

#25 23-07-2008 13:28:09

Re: diaporama flash

Pied de page des forums