- Statut : non résolu
- Ce sujet contient 2 réponses, 2 participants et a été mis à jour pour la dernière fois par
mathiastperou, le il y a 13 années et 7 mois.
-
AuteurMessages
-
6 mars 2010 à 15 h 52 min #478562
Bonjour,
Ma configuration WP actuelle
– Version de WordPress : 2.9.2
– Version de PHP/MySQL : 5
– Thème utilisé : Ani-World
– Extensions en place : nextgen gallery, nextgen falshviewer, lightview,gravatars, WP-Cumulus
– Nom de l’hebergeur : 1&1
– Adresse du site :Problème(s) rencontré(s) : remanier le thème Ani World
Je souhaiterai remanier plusieurs choses sur le thème:
1. Le titre: est-il possible de changer la couleur et la taille voir d’y mettre carrément une image à la place avec une belle police d’écriture, cela permettra à tous d’en profiter,car si la police n’est pas installé sur le PC la personne verra avec la police par défaut non?
2. Changer le fond: le passer en noir pour la partie haute et sur les cotés, juste laisser en blanc la partie corps de texte des articles
3. est-il possible d’ajouter une ou plusieurs photos sur la bannière flash, et ralentir le temps de défilement?
Ci joint le fichier style.css
est -il possible de mettre à coté les différents emplacement par rapport à la page entre les sidebar head over etc. je m’embrouille un peu 😇Je sais cela fait beaucoup pour un post 😳
en tout cas par avance merci pour vos retours même si cela ne concerne qu’une partie, elle permettra dejà d’avancer un peu .la feuille style css de base:
/ *
Nom du thème: Ani mondial
Theme URI: http://www.ani-world.net/ani-world-theme/
Description: Ani mondial blog WordPress Theme designed by <a href="http://www.ani-world.net/"> ani monde </ a>! Traduction française par <a href="http://wordpress-tuto.fr"> WordPress tuto </ a>.
Version: 1.0.1
Auteur: Ani & Bush
Author URI: http://www.ani-world.net/
Tags: Blanc, Vert, les deux colonnes, à droite le panneau latéral, à largeur fixe
* /
/ * BASE * /
corps, th, td, input, select, textarea, button (font: normal 12px/1.8em Tahoma, Verdana, Arial, sans-serif;)
corps, H1, H2, H3, H4, H5, H6, p, ul, formulaire, fieldset (margin: 0; padding: 0;)
ul li (list-style: none;)
a (
text-decoration: none;
color: # 000;
)
a: hover (color: # FF9900)
. clear (clear: both)
/ * Structure * /
# (tête background: url (images / headbg.gif) repeat-x; height: 85px; width: 100%;)
ul # head (float: right; margin-right: 20px; margin-top: 10px;)
# head (li
text-align: center;
float: left;
display: inline;
width: auto;
margin-left: 5px;
line-height: 40px;
)
# head li a (color: # FFFFFF; padding: 5px; overflow: hidden; background: # 8EC304;)
# head li a: hover (background: # F00; color: # FFF;)
# # head logo (float: left; margin-left: 20px; margin-top: 15px;)
# # head logo h1 (padding: 0;)
# # head logo h1 a (color: # 000000; font-size: 20px; line-height: 20px; font-weight: normal;)
# container (
width: 900px;
margin: 10px auto;
)
# recommander, commend_h #, # commend_f (background: # 343434;)
commend_h #, # commend_f (height: 9px; overflow: hidden)
. recommend_l_h (float: left; background: url (images / lh.gif) no-repeat; width: 9px; height: 9px;)
. recommend_r_h (float: right; background: url (images / rh.gif) no-repeat; width: 9px; height: 9px;)
. recommend_l_f (float: left; background: url (images / lf.gif) no-repeat; width: 9px; height: 9px;)
. recommend_r_f (float: right; background: url (images / rf.gif) no-repeat; width: 9px; height: 9px;)
# recommandons (padding: 5px;)
. recommend_title (height: 38px; background: url (images / cd.gif) no-repeat;)
# # recommandons combox ul li (float: left;)
. a_combox (width: 630px; float: left; margin-left: 5px;)
# # recommandons tagbox (float: right;)
. montre (height: 203px; margin: 0;)
. photo-show li (display: none;)
author_info # (margin-top: 10px; background: url (images / mbg.gif) bottom left no-repeat; padding: 0 0 15px 0; float: right; width: 100%;)
# span author_info (float: left; color: # AAA;)
# author_info span (margin forte: 0 5px;)
# author_info une hauteur (: 23px; width: 69px; display: block; float: right;)
# # author_info rss (background: url (images/author_info/rss1.gif) no-repeat;)
# author_info RSS #: hover (background: url (images/author_info/rss2.gif) no-repeat;)
# email author_info # (background: url (images/author_info/email1.gif) no-repeat;)
# # author_info email: hover (background: url (images/author_info/email2.gif) no-repeat;)
Twitter author_info # # (background: url (images/author_info/twitter1.gif) no-repeat;)
# # author_info twitter: hover (background: url (images/author_info/twitter2.gif) no-repeat;)
# searchform_top_text (color: # 999; width: 250px;
border: 1px solid # CCC! important;
padding-left: 5px;
background: url (images/search_btn2.gif) 240px no-repeat;
line-height: 20px;
height: 25px;)
. ligne (border-bottom: 1px solid # eee;
height: 3px; margin: 10px 0;
clear: both;)
# content (
width: 620px;
float: left;
border-right: 1px solid # eee;
padding: 0 0 10px 0;
overflow: hidden;
)
/ * Post * /
# content. post (margin-right: 20px;)
. Post (
clear: both;
)
. post em (
font-style: italic;
)
. post h2 a (
margin: 10px 0 5px 0;
color: # 618C04;
line-height: 28px;
font-weight: bold;
)
. title (color: # 666; margin-bottom: 10px; background: # f7f7f7; padding-left: 3px;)
. titre a (color: # 618C04;)
. postmetadata (color: # 666; font-size: 12px; margin-bottom: 10px; padding-left: 3px;)
. postmetadata a (color: # 7AB203;)
. poste. entry (padding-bottom: 12px;
color: # 000000; clear: both;)
big (font-size: 120%;
)
code (
de la police: 0.9em ‘Courier New’, Courier, Fixed;
padding: 10000px;
display: block;
border: 1px solid # eee;
background: # fff;
)
. poste. entrée a (
color: # 7AB203;
border-bottom: 1px solid # DBEBB1;
)
. poste. entrée a: hover (
color: # 333;
background: # DBEBB1;
border-bottom: 1px solid # 7AB203;
)
. poste. alignright (
float: right;
margin-left: 10px;
)
. poste. alignleft (
float: left;
margin-right: 10px;
)
. poste. aligncenter (
margin: 0 auto;
display: block;
)
. post abbr (
font-weight: normal;
)
blockquote (
margin: 1.5em 2em 1em;
padding: .5 em 0;
color: # 999;
font-style: italic;
border-top: 1px solid # f5f5f5;
border-bottom: 1px solid # f5f5f5;
)
blockquote cite (
margin: 5px 0 0;
display: block;
)
. post pre (
font-family: Courier;
font-size: 12px;
letter-spacing:-1px;
margin: 14px 0 14px 0;
)
. poste. ul message (
margin: 12px 0 0;
)
. poste. message (
display: none;
background: # 0F67A1;
margin-top: 10px;
padding: 20px;
color: # FFF;
)
. seul h2 (line-height: 28px;)
. seul h2 a (font-size: 20px;)
. unique. postmetadata (padding-top: 10px; margin-bottom: 20px; background: none)
. unique (padding-bottom: 0px! important; margin-bottom: 10px;)
. p unique a (color: # F30;)
. seul p a: hover (text-decoration: underline;)
. rss_c (border-top: 1px solid # EEE; line-height: 25px; padding: 10px 0; color: # 999)
. rss_c a (color: # 3399FF;)
. rss_c a: hover (color: # FF6600)
. rss_c img (float: left)
. archive_c (text-align: center)
/ * Sidebar * /
# sidebar (
width: 265px;
float: right;
margin: 0 0 25px 0;
overflow: hidden;
)
# sidebar h2 (
font-size: 12px;
font-weight: bold;
color: # 618C04;
margin: 10px 0 5px 0;
)
# sidebar. bloquer ul (
)
# sidebar. li bloc (
line-height: 35px;
height: 35px;
overflow: hidden;
border-bottom: 1px solid # eee;
)
# sidebar. Les enfants (list-style: none; margin: 0; text-indent: 0; padding: 0; margin-left: 15px;)
# sidebar. li enfants (font-size: 12px;)
# sidebar a (
border: none;
display: block;
padding: 3px 5px;
background: url (images / meta.gif) no-repeat 5px 10px;
padding-left: 20px;
border-bottom: 1px solid # DBEBB1;
)
# sidebar a: hover (
background: url (images / meta.gif) no-repeat 5px 10px;
border-bottom: 1px solid # DBEBB1;
)
# # sidebar filsrss li a, # sidebar. textwidget a, # sidebar (pa
background: none;
margin: 10;
padding: 10;
)
# sidebar. widget_tag_cloud a (
display: inline;
background: none;
padding: 5px;
border-bottom: none;
)
# sidebar. cat-item a, # sidebar. cat-item a: hover
(
background: url (images / cat.gif) no-repeat 5px 10px;
padding-left: 20px;
)
# sidebar. archives a, # Archives # sidebar ul li a, # sidebar. archives a: hover,
# # sidebar ul li archives a: hover (
background: url (images / meta.gif) no-repeat 5px 10px;
padding-left: 20px;
)
# sidebar. linkcat a, # sidebar. linkcat a: hover,
# sidebar. blogroll a (
background: url (images / fav.gif) no-repeat 5px 10px;
padding-left: 20px;
)
# sidebar. linkcat a: hover,
# sidebar. blogroll a: hover (
background: url (images / fav.gif) no-repeat 5px 10px;
)
# sidebar. block li a (
font-size: 12px;
font-weight: normal;
line-height: 35px;
height: 35px;
padding-left: 20px;
display: block;
border-bottom: none;
overflow: hidden;
)
# sidebar. widget_search label (
display: block;
padding: 25px 0 3px 0;
font-size: 14px;
margin: 0 0 5px;
)
# sidebar. widget_recent_comments li (
background: transparent url (images / bullet_black.gif) no-repeat scroll 6px 52%;
padding: 2px 0 2px 15px;
)
# sidebar. widget_recent_comments li a, # sidebar. widget_recent_comments li a: hover (
background: none;
text-decoration: none;
)
# sidebar. widget_tag_cloud h2 (
margin: 0 0 8px;
order-bottom: 1px solid # eee;
)
# sidebar. widget_text h2, # sidebar. civile h2 (
order-bottom: 1px solid # eee;
)
# sidebar. civile h2 (
display: none;
)
# wp-calendar # sidebar (
width: 95%;
text-align: center;
)
# # sidebar wp-caption calendrier, WP # # sidebar-td calendrier, WP # # sidebar-th calendrier (
text-align: center;
)
# # sidebar wp-caption (Calendrier
font-size: 14px;
padding: 25px 0 10px 0;
text-align: left;
)
# wp-calendar # sidebar a (background: # EEE; padding: 2px;)
# # sidebar wp-th calendrier (
font-weight: bold;
border-top: 1px solid # eee;
order-bottom: 1px solid # eee;
)
# blogroll ul li (float: left; width: 30%; margin-right: 5px;)
# blogroll ul li a (
background: centre gauche transparent no-repeat; padding-left: 20px;
white-space: nowrap;
)
# blogroll ul li a: hover (
background: centre gauche transparent no-repeat;
color: # 7AB203;
)
/ * Footer * /
# footerline (background: url (images / footerline.gif) repeat-x; height: 38px; line-height: 58px;)
# footerline p (line-height: 28px; margin-left: 50px;)
# span blogroll (padding: 5px; border: 1px solid # EEE; display: block; background: # F7F7F7;)
foot_cright # (padding: 5px 0 20px 15px; width: 910px; margin: 0 auto;)
# span foot_cright a (color: # 7AB203; font-weight: bold)
. s_header (background: url (images / sidebar_line.gif) bottom left no-repeat;)
. s_line (background: url (images / sidebar_line.gif) bottom left no-repeat; height: 10px;)
/ * nav page * /
. Nav a,. Nav a: link (
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid # E8E8E8;
color: # 343434;
background-color: # FFFFFF;
)
. Nav a: active (
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid # E8E8E8;
color: # 343434;
background-color: # FFFFFF;
)
/ * message * /
. Acronyme de l’entrée, abbr (
border-bottom: 1px dashed # ccc;
)
code (
de la police: 0.9em ‘Courier New’, Courier, Fixed;
padding: 10px;
display: block;
)
. entrée ul li (list-style-type: square; margin-left: 30px;)
. entrée h1,. entrée h2,. entrée h3,. entrée h4,. entrée h5,. entrée h6 (padding-top: 0.5em; padding-bottom: 0.5em;)
. p entry (clear: both;)
. entrée img (
max-width: 600px;
width: expression (this.width> 600? 600: true);
)
/ * Commentaire * /
# comments (
font-size: 12px;
line-height: 20px;
margin: 0 10px 20px 0px;
padding: 20px 0 0 0;
border-top: 1px solid # CDD;
)
# comments. parcourir (
clear: both;
width: 588px;
height: 19px;
margin: 0;
padding-bottom: 9px;
)
. commentlist (
margin: 10px 0;
)
. commentlist li (
list-style: none;
padding: 10px;
)
li.comment (
border: 1px solid # CDD;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 20px;
padding-top: 1em;
font-size: 12px;
)
li.comment div, div li.pingback (
)
. img.avatar vcard (
float: left;
border: 1px solid # eee;
padding: 2px;
margin: 0 20px 1em 0;
background: # fff;
)
. citer vcard (
font-weight: bold;
font-size: 12px;
)
. span vcard (
font-size: 10px;
)
. commentmetadata (
font-size: 10px;
)
li.comment p (
clear: both;
)
li.comment blockquote (
clear: both;
font-size: 12px;
min-height: 2em;
)
. réponse (
font-size: 12px;
)
. li.even commentlist (
background: # f0f0f0;
)
. li.odd commentlist (
background: # fff;
)
# respond (
font-size: 12px;
margin: 20px 0;
)
# respond p.small (
font-size: 12px;
)
# respond textarea (
width: 96%;
)
# respond comment-div.cancel-reply (
padding: 12px 0 0;
)
# commentform (
padding-bottom: 30px;8 mars 2010 à 23 h 22 min #712793un petit UP!
J’ai bien réussi à changer la vitesse de defilement des images, à en rajouter,à changer certaine parties (comme le tritre les barres, les polices, mais le fond je ne trouve pas où intégrer la partie background color:000000 pour que l’ensemble de mon fond soit noir :fire:
ci dessous le lien pour visu
lien mon sitepour rappel le thème est:Ani-World
quelqu’un à une ptite idée
:
Merci pour vos retours
@+
23 juin 2011 à 5 h 03 min #712794Et pour un débutant, une description de la marche à suivre étape par étape? Un tuto disponible pour ce thème?
Merci par avance
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.