- Statut : non résolu
- Ce sujet contient 56 réponses, 2 participants et a été mis à jour pour la dernière fois par kati, le il y a 13 années et 8 mois.
-
AuteurMessages
-
4 janvier 2011 à 10 h 40 min #489899
Ma configuration WP actuelle
– Version de WordPress : 3.0.3
– Version de PHP/MySQL :
– Thème utilisé : Hotelplanet
– Extensions en place :
– Nom de l’hebergeur : free
– Adresse du site : motelsavinien.free.frProblème(s) rencontré(s) :
Bonsoir,
J’aurais besoin d’aide pour ce nouveau thème. Voilà le lien pour visualiser le thème : http://www.bestwpthemez.com/wordpress/hotel-planet-2-columns-widget-ready-wordpress-theme-2837/
Je souhaiterais centrer « en vertical » le titre dans le header. Idem pour le bloc en dessous.
Je me demande si c’est moi mais pensez vous que la police de mes articles est la même??? Sinon je pense qu’il faut que je bidouille dans la feuille de style. Mon souci est que je suis TRES novice dans le html.
Merci d’avance pour votre aide.
Kati
4 janvier 2011 à 11 h 52 min #752039Bonjour
Ta police est « Georgia, »Times New Roman »,Times,serif; » presque partout.
Pour ton header, ouvre ta feuille de style. Ton titre du blog, c’est la balise. Tu la repere dans ta feuille de style, et essaie d’ajouter ça: margin:0 auto; padding:0;
a+4 janvier 2011 à 11 h 52 min #752987Bonjour
Ta police est « Georgia, »Times New Roman »,Times,serif; » presque partout.
Pour ton header, ouvre ta feuille de style. Ton titre du blog, c’est la balise. Tu la repere dans ta feuille de style, et essaie d’ajouter ça: margin:0 auto; padding:0;
a+4 janvier 2011 à 12 h 09 min #752040Bonjour,
Je colle mon code car je suis très novice en html…
/*
Theme Name: hotelplanet
Theme URI: http://www.bbplanet.com
Description: hotelplanet � un tema realizzato da Laura De Masi con illustrazioni vettoriali e immagini libere da copyright, ideale per siti di hotel e case vacanze.
Version: bb04
Author: Laura De Masi
Author URI: http://www.laurademasi.it
Tags: red, two-columns, fixed-width, illustrated, hotel, xhtml valid
Puoi scaricare questo tema e utilizzarlo con questa licenza: http://creativecommons.org/licenses/by/2.5/it/ , ricorda che:
– Non puoi rivendere questo tema ma utilizzarlo per scopi personali o anche commerciali
– Lascerai sempre il link al sito www.bbplanet.com.
– Puoi modificare, tradurre e diffondere a tuo piacere.
****************************************************************************************************************
By downloading and using this theme, you agree to the following terms:
– You may NOT resell this theme or part of it
– the link back to bbplanet.com and to laurademasi.it must be retained in the footer
– You may use this theme for personal or commercial projects
– You may modify, translate or distribute
*/
/*
normalizzo margini
*/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,html,p,blockquote,fieldset,input, span, label, a,div, body{margin:0; padding: 0;}
legend, hr {display: none;}
#stampa{ display:none;}
/*
tag generici
*/
body { font:normal 1em Georgia, « Times New Roman », Times, serif; color: #42090C; background:#fff url(images/body.jpg) repeat-x top left; margin:0 auto;}
fieldset, a img{border:none; }
a {color: #ED1010; text-decoration: none;}
a:hover { color: #E93213; text-decoration: underline;}
h1 { font: bold 2.5em Georgia; color:#FFF;}
h1 a{ color:#fff;}
h2 {color: #600D11; font: normal 2em Georgia, « Times New Roman », Times, serif;; padding-bottom: 3px;}
h2 a, h2 a:visited { color: #600D11; text-decoration: none;}
h2 a:hover { color: #E93213; text-decoration: none;}
.entry h2{font: bold 160%/100% Georgia, « Times New Roman », Times, serif; color: #AD2219; border-bottom:1px dotted #ccc; padding:5px 0;}
h3 { font: bold 140%/100% Georgia, « Times New Roman », Times, serif; color: #AD2219; margin: 10px 0px 5px; border-bottom:1px dotted #ccc; padding:5px 0;}
#archives .entry h3{ margin-left:0px;}
h4 { font: normal 130%/100% Georgia, « Times New Roman », Times, serif; color: #AD2219; margin: 10px 0px 5px;}
blockquote{font-style:italic; font-family:Georgia, « Times New Roman », Times, serif; border:1px solid #ddd; padding:10px; color:#666; font-size:100%; margin:10px 0;}
blockquote p{ margin:0;}
/**/
#container{ text-align:left; width:932px; margin:0 auto; position:relative;}
/*
header area
*/
#header {height:59px; padding:90px 0 10px 0; text-align:left; position:relative; background:url(images/header.jpg) no-repeat center top;}
.description{ display:block; background:url(images/branding.jpg) no-repeat top left; height:120px; color:#5B070F; font:normal 1em Georgia, serif; font-style: italic; padding:50px 380px 100px 80px; line-height:1.4em;}
/*
main nav
*/
#nav { position:absolute; right:0px; bottom:6px; height:30px;}
#nav ul{ list-style: none; display:block; margin:0; }
#nav ul li{ padding:0; margin:0; display:inline;}
#nav ul li.page_item a{ color:#671116; background-color: #E4DBC5; text-decoration:none; font-size:0.7em; font-weight:bold; text-transform:uppercase; padding:5px 10px; margin:0;}
#nav .page_item a:hover, #nav .current_page_item a, #nav .current_page_item a:visited { color:#fff; background-color:#911A26;}
/* content area */
#content {float:left; margin:-40px 10px 0 0; overflow:hidden;width:560px;}
.post { clear:both; padding-top: 15px;}
.entry { background:url(images/cal.gif) no-repeat top left; padding-left:70px; position:relative; font-size:0.8em;}
.cal{ position:absolute; top:0; left:0; color:#fff; font:bold 10px Tahoma, Arial, sans-serif; padding:2px 4px;}
.cal strong{ font-family:Georgia, « Times New Roman », Times, serif; font-size:14px ; padding-right:10px; }
.tags{ display:block; margin:20px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding:5px 0; font-size:0.7em;}
.info{ font:normal 10px Georgia, « Times New Roman », Times, serif; margin:0 0 10px 0; background:url(images/info.jpg) no-repeat; height:24px; line-height:24px; padding-left:10px;}
.info a{ color:#990000;}
.navigation { clear: both; padding: 10px 0px;}
.navigation a, .navigation a:visited { color: #E93213;}
.previous-entries a { float: left; padding-left: 18px;}
.next-entries a { float: right; padding-right: 18px;}
/*
comments area
*/
#comments, #respond { border-bottom: 1px dotted #CCC; padding: 10px 0 5px 0; clear: both;}
.avatar{ display:block; float:left; margin-right:10px; background-color:#FFF; width:32px;}
.avatar img{ border:1px solid #ddd; padding:1px;}
.commentlist {margin:10px 0 0 65px; font-size:0.7em;}
.commentlist li{ padding: 5px 10px; margin:15px 0;}
.commentlist .alt { background: #E3DBC4;}
.commentlist cite { font-weight: bold;}
.commentlist cite a, .commentlist cite a:visited { color: #E53113; text-decoration:underline;}
.commentlist small { margin-bottom: 5px; display: block; font-size: 87%;}
#commentform { margin-top: 10px; margin-left:65px; }
#commentform p { padding: 6px 0; }
#commentform label{ color: #787878; font-size: 87%;}
#commentform input, #commentform textarea{ background:#ededed; border: 1px solid #94192B; padding: 3px; margin-top: 3px; font-family:Tahoma, Arial, sans-serif; font-size:0.7em;}
#commentform textarea{ width:350px;}
#commentform textarea:focus, #commentform input:focus { background-color: #FFF; border:1px solid #FD9711;}
#commentform #submit{background-color:#94192B; border:1px solid #333; font: bold 12px Arial, Helvetica, sans-serif; color: #FFF;}
/*sidebar
*/
#sidebar { float: right; width:300px; overflow: hidden; font-size:0.8em;}
#sidebar h2, #sidebar .sidebartitle{ font: normal 1.5em Georgia, « Times New Roman », Times, serif; color: #600D11; display:block; width:235px; background:url(images/h2.gif) no-repeat top left; height:56px; border:none; padding:5px 10px 0 35px; margin:10px 0;}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{text-decoration: none;}
#sidebar a:hover{ color: #FF6600; text-decoration: none;}
#sidebar .widget ul, #sidebar .widget div{ margin:10px 20px 10px 20px;}
#sidebar .widget{ margin: 0 0 10px 0; border: none; display:block; }
#sidebar ul { margin: 0; padding: 0; list-style-type:none; }
#sidebar ul li{ display:block; padding-bottom:5px; margin:3px 0; border-bottom:1px solid #EAC7C5; }
#sidebar ul li ul { padding: 0; margin: 0;}
#sidebar ul li ul li{ padding: 2px 0 2px 0px; border-bottom: 1px solid #dceeb7;}
#sidebar ul li a{ display:block; background:url(images/bull.gif) no-repeat center left; padding-left:15px; color:#73121B;}
#sidebar ul li ul li ul li{ padding: 1px 0 1px 10px; border: none;}
/*text widget */
.textwidget { padding-top: 5px;}
#searchform { margin: 15px 0 0;}
#searchform #s { border:1px solid #73121B; padding: 2px 0 0 5px; background: #fff; margin-right: 2px; color: #000;}
#searchsubmit{background-color:#A31618; border:1px solid #73121B; font: bold 12px Arial, Helvetica, sans-serif; color: #FFF;}
/* footer area */
#footer { background:transparent url(images/footer.jpg) repeat-x center bottom; margin-top:20px;
clear:both;
color:#D8676A;
font-size:0.6em;
height:100px;
padding-bottom:10px;
padding-top:40px; text-align:center;}
#footer a, #footer a:visited { text-decoration:underline; color:#D8676A;}
/*pages*/
.post-content p{ font-size:12px;}
/* alignments */
.center { text-align: center;}
img.center, img[align= »center »] { display: block; margin-left: auto; margin-right: auto;}
.alignleft { float: left;}
img.alignleft, img[align= »left »] { float:left; margin: 2px 10px 5px 0px;}
.alignright { float: right;}
img.alignright, img[align= »right »] { float:right; margin: 2px 0px 5px 10px;}
.clear { clear:both;}
hr.clear { clear:both; visibility: hidden; padding: 0;}
table#wp-calendar{ width:100%; background-color:#E3DBC4; border:1px solid #ddd; }
table#wp-calendar td{ background-color:#fff;}
table#wp-calendar th{ color: #AC0109;}
table#wp-calendar caption{ font-weight:bold; border-bottom:1px solid #AC0109; color: #AC0109;}J’ai fait quelques tentatives pour coller votre code dans les 2 lignes h1 mais ça n’a rien donné…
J’ai voulu faire aussi la modif sur le padding du h2 mais ça n’a rien donné non plus !
Merci d’avance pour vos éclairages.
Edit Modération : il est totalement inutile de coller une feuille de style, qui est disponible pour n’importe qui allant sur votre site. Si vous tenez absolument à le faire, encadrez là par les balises C (le gros C noir) pour « code »
4 janvier 2011 à 12 h 09 min #752988Bonjour,
Je colle mon code car je suis très novice en html…
/*
Theme Name: hotelplanet
Theme URI: http://www.bbplanet.com
Description: hotelplanet � un tema realizzato da Laura De Masi con illustrazioni vettoriali e immagini libere da copyright, ideale per siti di hotel e case vacanze.
Version: bb04
Author: Laura De Masi
Author URI: http://www.laurademasi.it
Tags: red, two-columns, fixed-width, illustrated, hotel, xhtml valid
Puoi scaricare questo tema e utilizzarlo con questa licenza: http://creativecommons.org/licenses/by/2.5/it/ , ricorda che:
– Non puoi rivendere questo tema ma utilizzarlo per scopi personali o anche commerciali
– Lascerai sempre il link al sito www.bbplanet.com.
– Puoi modificare, tradurre e diffondere a tuo piacere.
****************************************************************************************************************
By downloading and using this theme, you agree to the following terms:
– You may NOT resell this theme or part of it
– the link back to bbplanet.com and to laurademasi.it must be retained in the footer
– You may use this theme for personal or commercial projects
– You may modify, translate or distribute
*/
/*
normalizzo margini
*/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,html,p,blockquote,fieldset,input, span, label, a,div, body{margin:0; padding: 0;}
legend, hr {display: none;}
#stampa{ display:none;}
/*
tag generici
*/
body { font:normal 1em Georgia, « Times New Roman », Times, serif; color: #42090C; background:#fff url(images/body.jpg) repeat-x top left; margin:0 auto;}
fieldset, a img{border:none; }
a {color: #ED1010; text-decoration: none;}
a:hover { color: #E93213; text-decoration: underline;}
h1 { font: bold 2.5em Georgia; color:#FFF;}
h1 a{ color:#fff;}
h2 {color: #600D11; font: normal 2em Georgia, « Times New Roman », Times, serif;; padding-bottom: 3px;}
h2 a, h2 a:visited { color: #600D11; text-decoration: none;}
h2 a:hover { color: #E93213; text-decoration: none;}
.entry h2{font: bold 160%/100% Georgia, « Times New Roman », Times, serif; color: #AD2219; border-bottom:1px dotted #ccc; padding:5px 0;}
h3 { font: bold 140%/100% Georgia, « Times New Roman », Times, serif; color: #AD2219; margin: 10px 0px 5px; border-bottom:1px dotted #ccc; padding:5px 0;}
#archives .entry h3{ margin-left:0px;}
h4 { font: normal 130%/100% Georgia, « Times New Roman », Times, serif; color: #AD2219; margin: 10px 0px 5px;}
blockquote{font-style:italic; font-family:Georgia, « Times New Roman », Times, serif; border:1px solid #ddd; padding:10px; color:#666; font-size:100%; margin:10px 0;}
blockquote p{ margin:0;}
/**/
#container{ text-align:left; width:932px; margin:0 auto; position:relative;}
/*
header area
*/
#header {height:59px; padding:90px 0 10px 0; text-align:left; position:relative; background:url(images/header.jpg) no-repeat center top;}
.description{ display:block; background:url(images/branding.jpg) no-repeat top left; height:120px; color:#5B070F; font:normal 1em Georgia, serif; font-style: italic; padding:50px 380px 100px 80px; line-height:1.4em;}
/*
main nav
*/
#nav { position:absolute; right:0px; bottom:6px; height:30px;}
#nav ul{ list-style: none; display:block; margin:0; }
#nav ul li{ padding:0; margin:0; display:inline;}
#nav ul li.page_item a{ color:#671116; background-color: #E4DBC5; text-decoration:none; font-size:0.7em; font-weight:bold; text-transform:uppercase; padding:5px 10px; margin:0;}
#nav .page_item a:hover, #nav .current_page_item a, #nav .current_page_item a:visited { color:#fff; background-color:#911A26;}
/* content area */
#content {float:left; margin:-40px 10px 0 0; overflow:hidden;width:560px;}
.post { clear:both; padding-top: 15px;}
.entry { background:url(images/cal.gif) no-repeat top left; padding-left:70px; position:relative; font-size:0.8em;}
.cal{ position:absolute; top:0; left:0; color:#fff; font:bold 10px Tahoma, Arial, sans-serif; padding:2px 4px;}
.cal strong{ font-family:Georgia, « Times New Roman », Times, serif; font-size:14px ; padding-right:10px; }
.tags{ display:block; margin:20px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding:5px 0; font-size:0.7em;}
.info{ font:normal 10px Georgia, « Times New Roman », Times, serif; margin:0 0 10px 0; background:url(images/info.jpg) no-repeat; height:24px; line-height:24px; padding-left:10px;}
.info a{ color:#990000;}
.navigation { clear: both; padding: 10px 0px;}
.navigation a, .navigation a:visited { color: #E93213;}
.previous-entries a { float: left; padding-left: 18px;}
.next-entries a { float: right; padding-right: 18px;}
/*
comments area
*/
#comments, #respond { border-bottom: 1px dotted #CCC; padding: 10px 0 5px 0; clear: both;}
.avatar{ display:block; float:left; margin-right:10px; background-color:#FFF; width:32px;}
.avatar img{ border:1px solid #ddd; padding:1px;}
.commentlist {margin:10px 0 0 65px; font-size:0.7em;}
.commentlist li{ padding: 5px 10px; margin:15px 0;}
.commentlist .alt { background: #E3DBC4;}
.commentlist cite { font-weight: bold;}
.commentlist cite a, .commentlist cite a:visited { color: #E53113; text-decoration:underline;}
.commentlist small { margin-bottom: 5px; display: block; font-size: 87%;}
#commentform { margin-top: 10px; margin-left:65px; }
#commentform p { padding: 6px 0; }
#commentform label{ color: #787878; font-size: 87%;}
#commentform input, #commentform textarea{ background:#ededed; border: 1px solid #94192B; padding: 3px; margin-top: 3px; font-family:Tahoma, Arial, sans-serif; font-size:0.7em;}
#commentform textarea{ width:350px;}
#commentform textarea:focus, #commentform input:focus { background-color: #FFF; border:1px solid #FD9711;}
#commentform #submit{background-color:#94192B; border:1px solid #333; font: bold 12px Arial, Helvetica, sans-serif; color: #FFF;}
/*sidebar
*/
#sidebar { float: right; width:300px; overflow: hidden; font-size:0.8em;}
#sidebar h2, #sidebar .sidebartitle{ font: normal 1.5em Georgia, « Times New Roman », Times, serif; color: #600D11; display:block; width:235px; background:url(images/h2.gif) no-repeat top left; height:56px; border:none; padding:5px 10px 0 35px; margin:10px 0;}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{text-decoration: none;}
#sidebar a:hover{ color: #FF6600; text-decoration: none;}
#sidebar .widget ul, #sidebar .widget div{ margin:10px 20px 10px 20px;}
#sidebar .widget{ margin: 0 0 10px 0; border: none; display:block; }
#sidebar ul { margin: 0; padding: 0; list-style-type:none; }
#sidebar ul li{ display:block; padding-bottom:5px; margin:3px 0; border-bottom:1px solid #EAC7C5; }
#sidebar ul li ul { padding: 0; margin: 0;}
#sidebar ul li ul li{ padding: 2px 0 2px 0px; border-bottom: 1px solid #dceeb7;}
#sidebar ul li a{ display:block; background:url(images/bull.gif) no-repeat center left; padding-left:15px; color:#73121B;}
#sidebar ul li ul li ul li{ padding: 1px 0 1px 10px; border: none;}
/*text widget */
.textwidget { padding-top: 5px;}
#searchform { margin: 15px 0 0;}
#searchform #s { border:1px solid #73121B; padding: 2px 0 0 5px; background: #fff; margin-right: 2px; color: #000;}
#searchsubmit{background-color:#A31618; border:1px solid #73121B; font: bold 12px Arial, Helvetica, sans-serif; color: #FFF;}
/* footer area */
#footer { background:transparent url(images/footer.jpg) repeat-x center bottom; margin-top:20px;
clear:both;
color:#D8676A;
font-size:0.6em;
height:100px;
padding-bottom:10px;
padding-top:40px; text-align:center;}
#footer a, #footer a:visited { text-decoration:underline; color:#D8676A;}
/*pages*/
.post-content p{ font-size:12px;}
/* alignments */
.center { text-align: center;}
img.center, img[align= »center »] { display: block; margin-left: auto; margin-right: auto;}
.alignleft { float: left;}
img.alignleft, img[align= »left »] { float:left; margin: 2px 10px 5px 0px;}
.alignright { float: right;}
img.alignright, img[align= »right »] { float:right; margin: 2px 0px 5px 10px;}
.clear { clear:both;}
hr.clear { clear:both; visibility: hidden; padding: 0;}
table#wp-calendar{ width:100%; background-color:#E3DBC4; border:1px solid #ddd; }
table#wp-calendar td{ background-color:#fff;}
table#wp-calendar th{ color: #AC0109;}
table#wp-calendar caption{ font-weight:bold; border-bottom:1px solid #AC0109; color: #AC0109;}J’ai fait quelques tentatives pour coller votre code dans les 2 lignes h1 mais ça n’a rien donné…
J’ai voulu faire aussi la modif sur le padding du h2 mais ça n’a rien donné non plus !
Merci d’avance pour vos éclairages.
Edit Modération : il est totalement inutile de coller une feuille de style, qui est disponible pour n’importe qui allant sur votre site. Si vous tenez absolument à le faire, encadrez là par les balises C (le gros C noir) pour « code »
4 janvier 2011 à 12 h 32 min #752041Je vois…Modifier alors le header.
Votre ligne:
#header {height:59px; padding:90px 0 10px 0; text-align:left; position:relative; background:url(images/header.jpg) no-repeat center top;}Changez la taille–>height:100px; et padding:50px 0 10px 0;
Dites-moi si c’est ok!
a+4 janvier 2011 à 12 h 32 min #752989Je vois…Modifier alors le header.
Votre ligne:
#header {height:59px; padding:90px 0 10px 0; text-align:left; position:relative; background:url(images/header.jpg) no-repeat center top;}Changez la taille–>height:100px; et padding:50px 0 10px 0;
Dites-moi si c’est ok!
a+4 janvier 2011 à 13 h 23 min #752042Magnifique, ça marche!!
Puis je encore vous demander comment procéder pour le bloc de texte en dessous du header?? Je voudrais aussi que le texte soit centré verticalement.
Je vous remercie pour toutes vos réponses, vous êtes d’une grande aide pour une débutante comme moi
4 janvier 2011 à 13 h 23 min #752990Magnifique, ça marche!!
Puis je encore vous demander comment procéder pour le bloc de texte en dessous du header?? Je voudrais aussi que le texte soit centré verticalement.
Je vous remercie pour toutes vos réponses, vous êtes d’une grande aide pour une débutante comme moi
4 janvier 2011 à 13 h 33 min #752043Allez à .description{ display:block; background:url(images/branding.jpg) no-repeat top left; height:120px; color:#5B070F; font:normal 1em Georgia, serif; font-style: italic; padding:50px 380px 100px 80px; line-height:1.4em;}
Changer padding par:
padding-bottom:100px;
padding-left:110px;
padding-right:420px;
padding-top:80px;
Si vous voulez modifier aprés, changer les pixels pour tester!4 janvier 2011 à 13 h 33 min #752991Allez à .description{ display:block; background:url(images/branding.jpg) no-repeat top left; height:120px; color:#5B070F; font:normal 1em Georgia, serif; font-style: italic; padding:50px 380px 100px 80px; line-height:1.4em;}
Changer padding par:
padding-bottom:100px;
padding-left:110px;
padding-right:420px;
padding-top:80px;
Si vous voulez modifier aprés, changer les pixels pour tester!4 janvier 2011 à 19 h 14 min #752044Bonsoir,
Vos indications ont bien fonctionné. Par contre j’ai un autre souci : en haut et en bas de page, j’ai des lignes de codes qui sont apparues.
Apparemment il y a un souci dans le fichier header du thème…
4 janvier 2011 à 19 h 14 min #752992Bonsoir,
Vos indications ont bien fonctionné. Par contre j’ai un autre souci : en haut et en bas de page, j’ai des lignes de codes qui sont apparues.
Apparemment il y a un souci dans le fichier header du thème…
4 janvier 2011 à 21 h 15 min #752045Avez-vous ajoutez un pluggin?
Vous êtes bien en php5?4 janvier 2011 à 21 h 15 min #752993Avez-vous ajoutez un pluggin?
Vous êtes bien en php5? -
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.