diaporama flash (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 40)
  • Auteur
    Messages
  • #461251
    tom2
    Membre
    Padawan WordPress
    93 contributions

    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 !


    blog

    #637825
    tom2
    Membre
    Padawan WordPress
    93 contributions

    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 ?

    #637826
    Olivier
    Participant
    Maître WordPress
    1415 contributions

    Je 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.

    #637827
    codfingers
    Participant
    Maître WordPress
    541 contributions

    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,

    #637828
    tom2
    Membre
    Padawan WordPress
    93 contributions

    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 !

    #637829
    Olivier
    Participant
    Maître WordPress
    1415 contributions

    Il faudrait que tu copies ton css pour commencer…

    #637830
    mrbabyqc
    Membre
    Initié WordPress
    16 contributions

    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 …

    #637831
    tom2
    Membre
    Padawan WordPress
    93 contributions

    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 !:oops:

    #637832
    tom2
    Membre
    Padawan WordPress
    93 contributions

    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 !

    #637833
    Olivier
    Participant
    Maître WordPress
    1415 contributions

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

    #637834
    tom2
    Membre
    Padawan WordPress
    93 contributions

    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: 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;}

    #637835
    Olivier
    Participant
    Maître WordPress
    1415 contributions

    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?

    #637837
    tom2
    Membre
    Padawan WordPress
    93 contributions

    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 !

    #637838
    tom2
    Membre
    Padawan WordPress
    93 contributions

    Olivier faut pas m’ abandonner comme ça :wp:

    #637839
    Olivier
    Participant
    Maître WordPress
    1415 contributions

    Je 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é!

15 sujets de 1 à 15 (sur un total de 40)
  • Vous devez être connecté pour répondre à ce sujet.