- Statut : non résolu
- Ce sujet contient 39 réponses, 4 participants et a été mis à jour pour la dernière fois par
tom2, le il y a 16 années et 6 mois.
-
AuteurMessages
-
18 juillet 2008 à 21 h 19 min #461251
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 !
19 juillet 2008 à 7 h 22 min #637825Mon 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 ?19 juillet 2008 à 19 h 10 min #637826Je ne vois pas de colonne à droite sur ton blog 🙂
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.20 juillet 2008 à 11 h 14 min #637827J’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,
20 juillet 2008 à 14 h 05 min #637828Merci 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 !
20 juillet 2008 à 14 h 21 min #637829Il faudrait que tu copies ton css pour commencer…
20 juillet 2008 à 15 h 16 min #637830Bonjour 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 …
20 juillet 2008 à 17 h 38 min #637831mrbabyqc, 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 !:oops:20 juillet 2008 à 18 h 16 min #637832C’ 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 !
21 juillet 2008 à 6 h 04 min #637833Euh juste avec deux lignes de CSS, je vais pas aller loin, il m’en faut un peu plus 😉
21 juillet 2008 à 7 h 10 min #637834Non, 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: No sign in sight in this theme featuring a cityscape shot. This is a white & black two-column widget-ready theme by Julian Klewes with plenty of time spent on the backgrounds. Choose your favorite cityscape. Read the css for more info. Released under these Creative Commons terms of use. Keep wordpress sponsorlink FREE!
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;}21 juillet 2008 à 8 h 17 min #637835Je 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?
21 juillet 2008 à 19 h 14 min #637837Ben 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 !22 juillet 2008 à 9 h 34 min #637838Olivier faut pas m’ abandonner comme ça :wp:
22 juillet 2008 à 9 h 58 min #637839Je t’abandonne pas 😉
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é! -
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.