Différents styles de pages (Créer un compte)

  • Statut : non résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #448404
    Florent
    Participant
    Padawan WordPress
    99 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress :
    – Thème utilisé : freshy
    – Plugins en place :
    – Nom de l’hebergeur : OVH
    Problème(s) rencontré(s) :

    Sur mon blog, http://www.mathstrass.fr, j’aimerais pouvoir publier certaines pages sans la sidebar de droite est-ce possible?J’ai crée deux fichiers php page.php et page2.php (sans sidebar) mais seul le premier apparait lorsque je choisi le type de pages dans l’interface admin.
    De plus je n’arrive pas à écrire sur le fantôme de ma sidebar, quoi modifier dans le css pour que cela ne modifie que les pages sans sidebar?

    #578509
    Jean-Marc
    Membre
    Chevalier WordPress
    142 contributions

    Selon moi le plus simple serait de faire une nouvelle page-modèle.
    Dans le répertoire de ton thème tu dois avoir un fichier qui s’appelle page.php.
    Copie le et nomme le par exemple page2.php.
    Dans ce fichier, retire la ligne

    Quand tu iras dans ton admin pour écrire une nouvelle page, tu prendras cette page comme « modèle de page » dans la colonne de droite.

    #578510
    Florent
    Participant
    Padawan WordPress
    99 contributions

    le problème c’est que dans ce thème il n’y a pas de fichier page.php….et quand j’en ajoute un pris dans un autre thème toutes mes pages sont altérés de manière étrange….

    #578511
    AmO
    Participant
    Maître WordPress
    4449 contributions

    Tu crée une page page.php
    Tu fé un copier coller du contenu de index.php

    et tu supprime [c][/c]

    #578512
    Florent
    Participant
    Padawan WordPress
    99 contributions

    Merci Amo cela marche parfaitement, par contre pour la suite Jean-Marc il y a un problème: j’ai crée un fichier page2.php dans lequel j’ai recopié page.php en enlevant la sidebar!!! Malheusement ce nouveau style de page ne m’est pas proposé dans l’interface admin au moment où j’écris ma page: j’ai juste page par défaut et links.
    Que puis-je faire?

    #578513
    Florent
    Participant
    Padawan WordPress
    99 contributions

    En fait, je viens de me rendre compte d’un deuxième problème, une fois la sidebar disparue je n’arrive pas à écrire sur toute la page (c’est à dire sur le fantôme de ma sidebar)….existe-il une manière de régler cela en local dans page.php??? ou alors le régler sans modifier la présentation du reste du blog????

    #578514
    Jean-Marc
    Membre
    Chevalier WordPress
    142 contributions

    C’est vrai, je n’y avais pas pensé. Il va te falloir faire des ajouts dans le css pour modifier la largeur de la zone dans ces pages. Et comme tu as les 2 types de pages, il te faudra ajouter du css et non le modifier.
    Pour l’ajout de la page dans l’admin, je ne sais pas.
    En fait je n’ai jamais fais ce dont je te parle. Je te répond uniquement selon ce que ma logique me dicte (si tant est qu’on puisse parler de logique dans mon cas … 😆 ).

    #578515
    Florent
    Participant
    Padawan WordPress
    99 contributions

    Dans quelle partie du css?
    Comment faire apparaître les deux types de pages?

    #578516
    AmO
    Participant
    Maître WordPress
    4449 contributions
    #578517
    Florent
    Participant
    Padawan WordPress
    99 contributions

    Merci, amo je suis arriver à intégrer un nouveau type de page dans mon interface admin.
    Comment puis-je régler la largeur du texte?Voilà ma feuille de style:

    /*  
    Theme Name: Freshy
    Theme URI: http://www.jide.fr
    Description: The jide WordPress theme : <a href="http://www.jide.fr">Jide</a>.
    Version: 1.0
    Author: Julien De Luca
    Author URI: http://www.jide.fr
    */

    /*
    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php
    */

    @import « layout.css »;
    @import « pp_album.css »;


    body, html {
    margin:0;
    padding:0;
    /*font: normal 100.01%/1.5em « Lucida Grande », « Lucida Sans Unicode », Arial, sans-serif;*/
    font-size : 90%;
    font-family: »Lucida Grande », « Lucida Sans Unicode », Arial, sans-serif;
    }

    body {
    margin:0;
    padding:0;
    background:#7F7F7F;
    }

    *::-moz-selection {
    background-color:#FF3C00;
    color:white;
    }

    /*———–GENERAL STYLING————–*/

    a {
    color:#515151;
    text-decoration:none;
    }

    #content a {
    border-bottom:1px dotted silver;
    }

    #content a:hover {
    border-bottom:1px dotted #FF3C00;
    }

    /*——HEADER——*/

    #title_image {
    margin:0;
    text-align:left;
    display:block;
    height:95px;
    background:url(images/headers/header_image2.jpg) center center transparent repeat-y;
    }

    #title {
    background:url(images/header.gif) top #7F7F7F no-repeat;
    height:76px;
    margin:0;
    padding:25px 25px 0 25px;
    clear:both;
    text-align:left;
    }

    html>body #title {
    height:51px;
    }

    #title h1 {
    padding:0;
    margin:0;
    font-weight:normal;
    line-height:.7em;
    font-size:2.1em;
    letter-spacing:-.1em;
    font-family:helvetica;
    }

    #title h1 a {
    color:white;
    display:block;
    }

    .description {body .ellipsis li {
    clear:both;
    }

    html>body .ellipsis li:after {
    content: « … »;
    display:inline;
    }

    html>body .ellipsis li span {
    white-space:nowrap;
    overflow:hidden;
    max-width:180px;
    width:auto !important;
    display:inline;
    float:left;
    }

    ol.ellipsis li span {
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    width:190px;
    display:block;
    }

    #sidebar a{
    text-decoration: none;
    }

    #sidebar a:hover,
    #sidebar .current_page_item li a:hover,
    #sidebar .current-cat li a:hover {
    color:#FF3C00;
    }

    #sidebar .current_page_item a,
    #sidebar .current-cat a {
    font-weight:bold;
    color:#FF3C00;
    }

    #sidebar .current_page_item li a,
    #sidebar .current-cat li a {
    font-weight:normal;
    color:#515151;
    }

    #sidebar li img {
    vertical-align:middle;
    border:0;
    }

    #sidebar input.btn {
    margin-left:4px;
    }

    /*
    menu
    */

    .menu {
    list-style-type:none;
    background:url(images/menu/menu_bg.gif) 50% 0 #515151 repeat-x;
    margin:0;
    padding:0;
    height:80px;
    width:780px;
    border-top:1px solid #FFFFFF;
    overflow:hidden;
    }

    .menu li {
    background:none;
    padding:0;
    display:table-row;
    vertical-align:middle;
    float:left;
    height:80px;

    }

    .menu li.last_menu,
    .menu li.right_menu {
    float:right;
    }


    .menu li a {
    font-size:.8em;
    text-transform:uppercase;
    line-height:normal !important;
    line-height:80px;
    display:table-cell;
    vertical-align:middle;
    height:80px;
    padding:0 10px 0 10px;
    background:url(images/menu/menu_triple.gif) top left transparent repeat-x;
    }

    .menu li a:hover,
    .menu li a:active {
    background-position:center left;
    color:#FFFFFF;
    }

    .menu li.current_page_item a {
    background-position:bottom left !important;
    color:#1F3700 !important;
    }

    .menu li a.first_menu {
    padding-left:35px;
    background-repeat:no-repeat;
    background-image:url(images/menu/menu_start_triple.gif);
    }

    .menu li a.last_menu,
    .menu li a.last_menu_off {
    padding-right:35px;
    background-repeat:no-repeat;
    background-image:url(images/menu/menu_end_triple.gif);
    background-position:top right;
    }

    .menu li a.last_menu:hover,
    .menu li a.last_menu:active {
    background-position:center right;
    }

    .menu li.current_page_item a.last_menu {
    background-position:bottom right !important;
    }

    .menu li a {
    color:white;
    text-decoration:none;
    }

    .menu li.lang_menu {
    float:right;
    }

    .menu li.lang_menu a span {
    width:19px;
    height:80px;
    overflow:hidden;
    text-indent:100px;
    display:block;
    }


    .menu li.lang_menu a {
    display:block;
    width:19px;
    cursor:pointer;
    }


    /*———LANGS———-*/

    .menu li#fr_FR a span {
    background:url(images/lang_fr.gif) left transparent no-repeat;
    }

    .menu li#en_US a span {
    background:url(images/lang_en.gif) left transparent no-repeat;
    }

    .menu li#fr_FR.current_page_item a span,
    .menu li#fr_FR a:active span {
    background-image:url(images/lang_fr.gif);
    }

    .menu li#en_US.current_page_item a span,
    .menu li#en_US a:active span {
    background-image:url(images/lang_en.gif);
    }

    /*——–FOOTER———*/

    #footer .footer_content {
    width:760px !important;
    width:780px;
    display:block;
    margin-right:auto;
    margin-left:auto !important; /* stupid ie… */
    margin-left:1px;
    margin-top:0px;
    padding:10px 10px 10px 10px;
    border-top:1px dotted silver;
    text-align:center;
    }

    /*——–POST——–*/

    .post {
    font-size:.9em;
    border-top:20px solid #F5F5F5;
    margin-bottom:10px;
    padding:1em 0 1em 0;
    }

    .post h2,
    .post h3,
    .post h4,
    .post h5 {
    font-size:2em;
    }

    .post hr {
    display:block;
    }

    .highlight_box {
    font-size:.9em;
    border:2px solid #F5F5F5;
    padding:1em;
    margin-bottom:20px;
    }

    .highlight_box .post {
    font-size:1em;
    border:0px none;
    margin-bottom:0px;
    padding:0 0 0 0;
    }

    .highlight_box .post p {
    margin:0;
    }

    .highlight_box .post .date {
    display:none;
    }

    .highlight_box h2,
    .highlight_box h3,
    .highlight_box h4,
    .highlight_box h5 {
    font-size:2em;
    border-bottom:10px solid #F5F5F5;
    }

    .highlight_box .post h2,
    .highlight_box .post h3,
    .highlight_box .post h4,
    .highlight_box .post h5 {
    font-size:1.5em;
    }

    .readmore {
    display:block;
    text-align:left;
    font-weight:bold;
    clear:both;
    margin:1em 0 1em 0;
    color:#FF3C00;
    }

    .date { /* date & author */
    color : silver;
    float:right;
    line-height:2.3em;
    margin:1.5em 0 5px 10px;
    padding-left:5px;
    border-left:1px solid silver;
    font-size:.8em;
    text-align:center;
    position:relative;
    right:0;
    }

    .date_day {
    display:block;
    font-size:3em;
    text-align:right;
    }

    .date_month {
    display:block;
    font-size:3em;
    text-align:right;
    font-weight:bold;
    }

    .date_year {
    display:block;
    font-size:1.4em;
    line-height:.9em;
    }

    .postmetadata {
    margin:0;
    color:#515151;
    list-style-type:none;
    }

    #content .postmetadata a {
    color : #FF3C00;
    border:none;
    text-decoration:none;
    }

    #content .postmetadata a:hover {
    border-bottom:1px dotted silver;
    }

    .gravatar {
    float:left;
    margin:0 5px 0 0;
    border:1px solid lightgray;
    vertical-align:middle;
    }

    #content .commentlist dt{
    /* clear:both;*/
    position:absolute;
    }

    html > body #content .commentlist dt{
    position:static;
    }

    #content .commentlist dd {
    margin:0;
    padding:10px 3em 10px 10px; /* for ie not overlapping the comment with the date */
    font-size:1em;
    line-height:1.5em;
    color:silver;
    margin:0 0 1em 0;
    }

    html > body #content .commentlist dd {
    padding:10px;
    }

    #content .commentlist .comment {
    color:#000000;
    }

    #content .commentlist .date {
    margin-right:5px;
    font-size:.5em;
    }

    #content .commentlist .comment_text {
    margin-top:5px;
    display:block;
    }

    html > body #content .commentlist dd.author_comment {
    background:url(images/transp-80.png) #c9e45a !important;
    width:auto;
    }

    #content .commentlist dd.author_comment {
    background-color:#c9e45a !important;
    filter:alpha(opacity=20);
    width:510px;
    }

    #content .commentlist .author_comment .author,
    #content .commentlist .author_comment .author a {
    color:#c9e45a !important;
    border-color:#c9e45a !important;
    }


    #content .commentlist dd.author_comment * { /* ie */
    filter:alpha(opacity=100);
    position:relative;
    }

    #content .commentlist dt.author_comment .date {
    color:#a5ba52 !important;
    border-color:#a5ba52 !important;
    }

    #content textarea#comment {
    font-size:1em;
    line-height:1.3em;
    }

    #commentform small {
    color:#515151;
    }

    .commentmetadata {

    }

    .entry {
    margin:0;
    text-align:justify;
    }

    .entry p {
    margin:1em 0 1em 0;
    }

    #578518
    Florent
    Participant
    Padawan WordPress
    99 contributions

    C’est bon, grâce à ton lien et la définition d’un style content2 cela marche!!!

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