Je me lance dans l’aventure du CMS …

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 29)
  • Auteur
    Messages
  • #448420
    steph2dijon
    Membre
    Chevalier WordPress
    132 contributions

    Bonjour,

    Après avoir créé deux blogs WordPress, en customisant les thèmes etc, je me lance maintenant dans un site basé sur WordPress. J’ai fait ce choix pour la légereté de WordPress, pour sa facilité de customisation, pour les thèmes faciles à prendre en main. J’ai failli utiliser Joomla, mais j’ai vite fait marche arrière, car ceux qui vont ensuite faire vivre le site ne seront pas forcément des informaticiens, WordPress me semblant là encore plus simple à faire vivre.

    C’est encore un site pour une église évangélique (c’est ma spécialité :happy: ), et pour l’instant je suis en plein dans la réalisation, c’est loin d’être terminé :

    http://www.add-dijon.com/

    Si vous avez des avis à émettre …

    #578600
    AmO
    Participant
    Maître WordPress
    4452 contributions

    très classe… beau hack de Kubrick ^^

    #578601
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4080 contributions

    Pour un peu je ne reconnaissais pas Kubrick… c’est vrai que c’est bien fait.

    #578602
    steph2dijon
    Membre
    Chevalier WordPress
    132 contributions
    AmO wrote:
    très classe… beau hack de Kubrick ^^

    Merci à vous deux. En fait je hack Kubrick en le mélangeant à un template de MonsterTemplate. J’aurai voulu positionner la colonne de droite à gauche mais ça n’a jamais fonctionné. Je retenterai plus tard.

    Merci pour vos avis …

    Je vais commencer à ajouter le côté dynamique sur ma page d’accueil …

    #578603
    Martin
    Membre
    Chevalier WordPress
    484 contributions
    BenKenobi wrote:
    Pour un peu je ne reconnaissais pas Kubrick… c’est vrai que c’est bien fait.

    C’est Kubrick ?!😉😉😉😉😉😉

    Bonne continuation !

    #578604
    steph2dijon
    Membre
    Chevalier WordPress
    132 contributions
    Martin wrote:
    BenKenobi wrote:
    Pour un peu je ne reconnaissais pas Kubrick… c’est vrai que c’est bien fait.

    C’est Kubrick ?!😉😉😉😉😉😉

    Bonne continuation !

    oui … et je viens de faire une con…… qui m’a tout fichu en l’air 😗 😡

    #578605
    steph2dijon
    Membre
    Chevalier WordPress
    132 contributions
    steph2dijon wrote:
    Martin wrote:
    BenKenobi wrote:
    Pour un peu je ne reconnaissais pas Kubrick… c’est vrai que c’est bien fait.

    C’est Kubrick ?!😉😉😉😉😉😉

    Bonne continuation !

    oui … et je viens de faire une con…… qui m’a tout fichu en l’air 😗 😡

    Et ça remarche …

    Bon sinon, j’ai commencé à mettre le code PHP pour récupérer les derniers évènements et ressources. Ca prend forme. Il me reste encore à faire les pages statiques et on touche à la fin. Le footer et basta :D

    #578606
    steph2dijon
    Membre
    Chevalier WordPress
    132 contributions
    steph2dijon wrote:
    steph2dijon wrote:
    Martin wrote:
    C’est Kubrick ?!😉😉😉😉😉😉

    Bonne continuation !

    oui … et je viens de faire une con…… qui m’a tout fichu en l’air 😗 😡

    Et ça remarche …

    Bon sinon, j’ai commencé à mettre le code PHP pour récupérer les derniers évènements et ressources. Ca prend forme. Il me reste encore à faire les pages statiques et on touche à la fin. Le footer et basta :D

    Bon si quelqu’un peut m’indiquer comment passer la sidebar à gauche je serai ravi 😉

    J’ai essayé dans la page d’insérer avant le div du content, et j’ai viré dans le CSS la propriété “float:left” pour le narrowcolumn et que j’ai mis à la sidebar, mais rien à faire, ça ne fonctionne pas …

    #578607
    AmO
    Participant
    Maître WordPress
    4452 contributions

    Essai :

    /*  
    Theme Name: ADD-Dijon
    Theme URI: http://wordpress.org/
    Description: Theme par defaut de WordPress, base sur le fameux <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
    Version: 1.5
    Author: Michael Heilemann
    Author URI: http://binarybonsai.com/
    
    	Kubrick v1.5
    	 http://binarybonsai.com/kubrick/
    
    	This theme was designed and built by Michael Heilemann,
    	whose blog you will find at http://binarybonsai.com/
    
    	The CSS, XHTML and design is released under GPL:
    	http://www.opensource.org/licenses/gpl-license.php
    	
    
    	*** REGARDING IMAGES ***
    	All CSS that involves the use of images, can be found in the ‘index.php’ file.
    	This is to ease installation inside subdirectories of a server.
    
    	Have fun, and don’t be afraid to contact me if you have questions.
    */
    
    
    
    /* Begin Typography & Colors */
    body {
    	font-size: 62.5%; /* Resets 1em to 10px */
    	font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    	background-color: #d5d6d7;
    	color: #333;
    	text-align: center;
    	}
    
    #page {
    	background-color: white;
    	border: 1px solid #959596;
    	text-align: left;
    	}
    
    #header {
    
    	}
    
    #content {
    	font-size: 1.2em
    	}
    .tit_cal {
    	font-family: Tahoma;
    	font-size: 10px;
    	line-height: 10px;
    	font-weight: bold;
    	text-transform: uppercase;
    	color: #44667C;
    }
    .days {
    	font-family: Tahoma;
    	font-size: 11px;
    	line-height: 12px;
    	font-weight: bold;
    	color: #FFFFFF;
    }
    .days_2 {
    	font-family: Tahoma;
    	font-size: 11px;
    	line-height: 11px;
    	color: #44667C;
    	text-decoration:none
    }
    .text_titre {
    	font-family: Tahoma;
    	font-size: 14px;
    	line-height: 12px;
    	font-weight: bold;
    	color: #3E92C0;	
    }
    .text_1 {
    	font-family: Tahoma;
    	font-size: 10px;
    	line-height: 12px;
    	font-weight: bold;
    	color: #886C53;
    }
    .link_1 {
    	font-family: Tahoma;
    	font-size: 10px;
    	line-height: 12px;
    	color: #AE2F1A;
    }
    .form {
    	font-family: Tahoma;
    	font-size: 10px;
    	line-height: 10px;
    	color: #8B8783;
    }
    .text_2 {
    	font-family: Tahoma;
    	font-size: 11px;
    	line-height: 12px;
    	color: #44667C;
    }
    .link_2 {
    	font-family: Tahoma;
    	font-size: 10px;
    	line-height: 12px;
    	color: #3E92C0;
    }
    .link_3 {
    	font-family: Tahoma;
    	font-size: 10px;
    	line-height: 12px;
    	color: #886C53;
    	text-decoration:none;
    }
    .form_1 {
    	font-family: Tahoma;
    	font-size: 10px;
    	line-height: 12px;
    	background-color: #FFFFFF;
    	height: 18px;
    	width: 279px;
    	border-right-width: 1px;
    	border-bottom-width: 1px;
    	border-right-style: solid;
    	border-bottom-style: solid;
    	border-right-color: #D4D0C8;
    	border-bottom-color: #D4D0C8;
    }
    .form_2 {
    	font-family: Tahoma;
    	font-size: 10px;
    	line-height: 12px;
    	background-color: #FFFFFF;
    	height: 116px;
    	width: 279px;
    	border-right-width: 1px;
    	border-bottom-width: 1px;
    	border-right-style: solid;
    	border-bottom-style: solid;
    	border-right-color: #D4D0C8;
    	border-bottom-color: #D4D0C8;
    	overflow:auto;
    }
    
    
    .widecolumn .entry p {
    	font-size: 1.05em;
    	}
    
    .narrowcolumn .entry, .widecolumn .entry {
    	line-height: 1.4em;
    	}
    
    .widecolumn {
    	line-height: 1.6em;
    	}
    	
    .narrowcolumn .postmetadata {
    	text-align: center;
    	}
    
    .alt {
    	background-color: #f8f8f8;
    	border-top: 1px solid #ddd;
    	border-bottom: 1px solid #ddd;
    	}
    
    #footer {
    	background-color: #eee;
    	}
    
    small {
    	font-family: Arial, Helvetica, Sans-Serif;
    	font-size: 0.9em;
    	line-height: 1.5em;
    	}
    
    h1, h2, h3 {
    	font-family: ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    	font-weight: bold;
    	}
    
    h1 {
    	font-size: 4em;
    	text-align: center;
    	}
    
    .description {
    	font-size: 1.2em;
    	text-align: center;
    	}
    
    h2 {
    	font-size: 1.6em;
    	}
    
    h2.pagetitle {
    	font-size: 1.6em;
    	}
    
    #sidebar h2 {
    	font-family: ‘Lucida Grande’, Verdana, Sans-Serif;
    	font-size: 1.2em;
    	color: #AE2F1A;
    	}
    
    h3 {
    	font-size: 1.3em;
    	}
    
    h1, h1 a, h1 a:hover, h1 a:visited, .description {
    	text-decoration: none;
    	color: white;
    	}
    
    h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    	color: #333;
    	}
    
    h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
    	text-decoration: none;
    	}
    
    .entry p a:visited {
    	color: #b85b5a;
    	}
    
    .commentlist li, #commentform input, #commentform textarea {
    	font: 0.9em ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    	}
    	
    .commentlist li {
    	font-weight: bold;
    	}
    
    .commentlist cite, .commentlist cite a {
    	font-weight: bold;
    	font-style: normal;
    	font-size: 1.1em;
    	}
    
    .commentlist p {
    	font-weight: normal;
    	line-height: 1.5em;
    	text-transform: none;
    	}
    
    #commentform p {
    	font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    	}
    
    .commentmetadata {
    	font-weight: normal;
    	}
    
    #sidebar {
    	font: 1em ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    	}
    
    small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    	color: #777;
    	}
    	
    code {
    	font: 1.1em ‘Courier New’, Courier, Fixed;
    	}
    
    acronym, abbr, span.caps
    {
    	font-size: 0.9em;
    	letter-spacing: .07em;
    	}
    
    a, h2 a:hover, h3 a:hover {
    	color: #3E92C0;
    	text-decoration: none;
    	}
    
    a:hover {
    	color: #147;
    	text-decoration: underline;
    	}
    	
    #wp-calendar #prev a {
    	font-size: 9pt;
    	}
    
    #wp-calendar a {
    	text-decoration: none;
    	}
    
    #wp-calendar caption {
    	font: bold 1.3em ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    	text-align: center;
    	}
    
    #wp-calendar th {
    	font-style: normal;
    	text-transform: capitalize;
    	}
    /* End Typography & Colors */
    
    
    
    /* Begin Structure */
    body {
    	margin: 0;
    	padding: 0; 
    	}
    
    #page {
    	background-color: white;
    	margin: 20px auto;
    	padding: 0;
    	width: 767px;
    	border: 1px solid #959596;
    	}
    	
    #header {
    	padding: 0;
    	margin: 0 auto;
    	height: 200px;
    	width: 100%;
    
    	}
    
    .narrowcolumn {
    	float: right;
    	padding: 0 0 10px 10px;
    	margin: 0px 20px 0 0;
    	width: 478px;
    	}
    
    .widecolumn {
    	padding: 10px 0 20px 0;
    	margin: 5px 0 0 150px;
    	width: 450px;
    	}
    	
    .post {
    	margin: 0 0 40px;
    	text-align: justify;
    	}
    
    .widecolumn .post {
    	margin: 0;
    	}
    
    .narrowcolumn .postmetadata {
    	padding-top: 5px;
    	}
    
    .widecolumn .postmetadata {
    	margin: 30px 0;
    	}
    
    .widecolumn .smallattachment {
    	text-align: center;
    	float: left;
    	width: 128px;
    	margin: 5px 5px 5px 0px;
    }
    
    .widecolumn .attachment {
    	text-align: center;
    	margin: 5px 0px;
    }
    
    .postmetadata {
    	clear: left;
    }
    
    #footer {
    	padding: 0 0 0 1px;
    	margin: 0 auto;
    	width: 760px;
    	clear: both;
    	}
    
    #footer p {
    	margin: 0;
    	padding: 20px 0;
    	text-align: center;
    	}
    /* End Structure */
    
    
    
    /*	Begin Headers */
    h1 {
    	padding-top: 70px;
    	margin: 0;
    	}
    
    .description {
    	text-align: center;
    	}
    
    h2 {
    	margin: 30px 0 0;
    	}
    
    h2.pagetitle {
    	margin-top: 30px;
    	text-align: center;
    }
    
    #sidebar h2 {
    	margin: 5px 0 0;
    	padding: 0;
    	}
    
    h3 {
    	padding: 0;
    	margin: 30px 0 0;
    	}
    
    h3.comments {
    	padding: 0;
    	margin: 40px auto 20px ;
    	}
    /* End Headers */
    
    
    
    /* Begin Images */
    p img {
    	padding: 0;
    	max-width: 100%;
    	}
    
    /*	Using ‘class=”alignright”‘ on an image will (who would’ve
    	thought?!) align the image to the right. And using ‘class=”centered’,
    	will of course center the image. This is much better than using
    	align=”center”, being much more futureproof (and valid) */
    	
    img.centered {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	}
    	
    img.alignright {
    	padding: 4px;
    	margin: 0 0 2px 7px;
    	display: inline;
    	}
    
    img.alignleft {
    	padding: 4px;
    	margin: 0 7px 2px 0;
    	display: inline;
    	}
    
    .alignright {
    	float: right;
    	}
    	
    .alignleft {
    	float: left
    	}
    /* End Images */
    
    
    
    /* Begin Lists
    
    	Special stylized non-IE bullets
    	Do not work in Internet Explorer, which merely default to normal bullets. */
    
    html>body .entry ul {
    	margin-left: 0px;
    	padding: 0 0 0 30px;
    	list-style: none;
    	padding-left: 10px;
    	text-indent: -10px; 	} 
    
    html>body .entry li {
    	margin: 7px 0 8px 10px;
    	}
    
    .entry ul li:before, #sidebar ul ul li:before {
    	content: “0BB 020”;
    	}
    
    .entry ol {
    	padding: 0 0 0 35px;
    	margin: 0;
    	}
    
    .entry ol li {
    	margin: 0;
    	padding: 0;
    	}
    
    .postmetadata ul, .postmetadata li {
    	display: inline;
    	list-style-type: none;
    	list-style-image: none;
    	}
    	
    #sidebar ul, #sidebar ul ol {
    	margin: 0;
    	padding: 0;
    	}
    
    #sidebar ul li {
    	list-style-type: none;
    	list-style-image: none;
    	margin-bottom: 15px;
    	}
    
    #sidebar ul p, #sidebar ul select {
    	margin: 5px 0 8px;
    	}
    
    #sidebar ul ul, #sidebar ul ol {
    	margin: 5px 0 0 10px;
    	}
    
    #sidebar ul ul ul, #sidebar ul ol {
    	margin: 0 0 0 10px;
    	}
    
    ol li, #sidebar ul ol li {
    	list-style: decimal outside;
    	}
    
    #sidebar ul ul li, #sidebar ul ol li {
    	margin: 3px 0 0;
    	padding: 0;
    	}
    /* End Entry Lists */
    
    
    
    /* Begin Form Elements */
    #searchform {
    float: left;
    	margin: 10px auto;
    	padding: 5px 3px; 
    	text-align: center;
    	}
    
    #sidebar #searchform #s {
    	width: 115px;
    	padding: 2px;
    	}
    
    #sidebar #searchsubmit {
    	padding: 1px;
    	}
    
    .entry form { /* This is mainly for password protected posts, makes them look better. */
    	text-align:center;
    	}
    
    select {
    	width: 130px;
    	}
    
    #commentform input {
    	width: 170px;
    	padding: 2px;
    	margin: 5px 5px 1px 0;
    	}
    
    #commentform textarea {
    	width: 100%;
    	padding: 2px;
    	}
    
    #commentform #submit {
    	margin: 0;
    	float: right;
    	}
    /* End Form Elements */
    
    
    
    /* Begin Comments*/
    .alt {
    	margin: 0;
    	padding: 10px;
    	}
    
    .commentlist {
    	padding: 0;
    	text-align: justify;
    	}
    
    .commentlist li {
    	margin: 15px 0 3px;
    	padding: 5px 10px 3px;
    	list-style: none;
    	}
    
    .commentlist p {
    	margin: 10px 5px 10px 0;
    	}
    
    #commentform p {
    	margin: 5px 0;
    	}
    
    .nocomments {
    	text-align: center;
    	margin: 0;
    	padding: 0;
    	}
    
    .commentmetadata {
    	margin: 0;
    	display: block;
    	}
    /* End Comments */
    
    
    
    /* Begin Sidebar */
    #sidebar
    {
    	padding: 0px 0px 0px 0px;
    	margin-left: 35px;
    	width: 213px;
        background-image:url(http://www.add-dijon.com/wp-content/themes/adddijon/images/bgs_1_2.gif);
    	background-repeat:repeat-y;
    }
    #sidebar form {
    	margin: 0;
    	}
    /* End Sidebar */
    
    
    
    /* Begin Calendar */
    #wp-calendar {
    	empty-cells: show;
    	margin: 10px auto 0;
    	width: 155px;
    	}
    
    #wp-calendar #next a {
    	padding-right: 10px;
    	text-align: right;
    	}
    
    #wp-calendar #prev a {
    	padding-left: 10px;
    	text-align: left;
    	}
    
    #wp-calendar a {
    	display: block;
    	}
    
    #wp-calendar caption {
    	text-align: center;
    	width: 100%;
    	}
    
    #wp-calendar td {
    	padding: 3px 0;
    	text-align: center;
    	}
    
    #wp-calendar td.pad:hover { /* Doesn’t work in IE */
    	background-color: #fff; }
    /* End Calendar */
    
    
    
    /* Begin Various Tags & Classes */
    acronym, abbr, span.caps {
    	cursor: help;
    	}
    
    acronym, abbr {
    	border-bottom: 1px dashed #999;
    	}
    
    blockquote {
    	margin: 15px 30px 0 10px;
    	padding-left: 20px;
    	border-left: 5px solid #ddd;
    	}
    
    blockquote cite {
    	margin: 5px 0 0; 	display: block;
    	}
    
    .center {
    	text-align: center;
    	}
    
    hr {
    	display: none;
    	}
    
    a img {
    	border: none;
    	}
    
    .navigation {
    	display: block;
    	text-align: center;
    	margin-top: 10px;
    	margin-bottom: 60px;
    	}
    /* End Various Tags & Classes*/
    
    
    
    /* “Daisy, Daisy, give me your answer do. I’m half crazy all for the love of you.
    	It won’t be a stylish marriage, I can’t afford a carriage.
    	But you’ll look sweet upon the seat of a bicycle built for two.” */

    #578608
    Qwindoo
    Modérateur
    Maître WordPress
    2866 contributions

    Très réussi 🙂

    J’adore cette image :genpourdieu.jpg

    #578599
    steph2dijon
    Membre
    Chevalier WordPress
    132 contributions
    AmO wrote:
    Essai :

    /*  
    Theme Name: ADD-Dijon
    Theme URI: http://wordpress.org/
    
    
    (…)

    Ouah merci, ça marche … Je vais regarder les modifications, et je te remercie mille fois !

    #578598
    steph2dijon
    Membre
    Chevalier WordPress
    132 contributions
    MS-DOS_1991 wrote:

    Merci 🍺

    Cette image renverra sur l’autre site : http://generationpourdieu.info

    En tout cas, ces projets m’auront permis d’apprendre pas mal de choses (grâce à vous !) !

    #578597
    steph2dijon
    Membre
    Chevalier WordPress
    132 contributions
    steph2dijon wrote:
    AmO wrote:
    Essai :

    /*  
    Theme Name: ADD-Dijon
    Theme URI: http://wordpress.org/
    
    
    (…)

    Ouah merci, ça marche … Je vais regarder les modifications, et je te remercie mille fois !

    En fait, nickel dans Firefox, ça bugg dans IE, problème de marges apparement …

    #578596
    Qwindoo
    Modérateur
    Maître WordPress
    2866 contributions

    Bon courage pour la suite 🙂

    #578609
    AmO
    Participant
    Maître WordPress
    4452 contributions
    steph2dijon wrote:
    steph2dijon wrote:
    AmO wrote:
    Essai :

    /*  
    Theme Name: ADD-Dijon
    Theme URI: http://wordpress.org/
    
    
    (…)

    Ouah merci, ça marche … Je vais regarder les modifications, et je te remercie mille fois !

    En fait, nickel dans Firefox, ça bugg dans IE, problème de marges apparement …

    Je bosse jamais sous IE ^^

    Lol
    Donc tu as corrigé ? ou tu veux un coup d’aide ?

15 sujets de 1 à 15 (sur un total de 29)
  • Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.