- Statut : non résolu
- Ce sujet contient 28 réponses, 8 participants et a été mis à jour pour la dernière fois par
steph2dijon, le il y a 18 années et 5 mois.
-
AuteurMessages
-
19 août 2006 à 9 h 54 min #448420
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é :
Si vous avez des avis à émettre …
19 août 2006 à 10 h 16 min #578600très classe… beau hack de Kubrick ^^
19 août 2006 à 10 h 22 min #578601Pour un peu je ne reconnaissais pas Kubrick… c’est vrai que c’est bien fait.
19 août 2006 à 10 h 35 min #578602AmO 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 …
19 août 2006 à 11 h 38 min #578603BenKenobi wrote:Pour un peu je ne reconnaissais pas Kubrick… c’est vrai que c’est bien fait.C’est Kubrick ?!😉😉😉😉😉😉
Bonne continuation !
19 août 2006 à 13 h 49 min #578604Martin 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 😗 😡
19 août 2006 à 14 h 00 min #578605steph2dijon 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
19 août 2006 à 16 h 58 min #578606steph2dijon 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
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 …
20 août 2006 à 7 h 56 min #578607Essai :
/*
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. » */20 août 2006 à 10 h 27 min #578608Très réussi 🙂
J’adore cette image :
21 août 2006 à 12 h 31 min #578599AmO 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 !
21 août 2006 à 12 h 32 min #578598MS-DOS_1991 wrote:Très réussi 🙂J’adore cette image :http://add-dijon.com/wp-content/themes/adddijon/images/genpourdieu.jpg
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 !) !
21 août 2006 à 12 h 57 min #578597steph2dijon 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 …
21 août 2006 à 12 h 59 min #578596Bon courage pour la suite 🙂
21 août 2006 à 16 h 48 min #578609steph2dijon 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 ? -
AuteurMessages
- Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.