Titre catégorie, comment le décaler.

3 participants

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Titre catégorie, comment le décaler.

Message par california. Lun 18 Juil 2011 - 22:32

Bonjour,
Voici le lien de mon forum http://.1talk.net
Regardez mon titre de la première catégorie, "La boite à bijoux"
J'aimerais décaler l'image pour qu'elle soit sur la barre rose. Vous voyez ?
& La fin de la catégorie, j'ai une image de fin de catégorie mais il y a un espace que j'aimerais enlever j'ai eu beau fouiller dans mon template et modifier des valeurs j'ai pas trouvé :/

Merci d'avance Smile


Dernière édition par california. le Mer 20 Juil 2011 - 23:30, édité 1 fois
california.

california.
**

Messages : 59
Inscrit(e) le : 11/07/2011

http://amethyst.1talk.net
california. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par Horatio Lun 18 Juil 2011 - 22:47

Bonsoir,

Pourrais-je avoir entre balise code, le contenu de votre feuille de style css s'il vous plait.
Titre catégorie, comment le décaler. Css1010

Cordialement
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par california. Lun 18 Juil 2011 - 22:49

Pour le second problème c'est résolu, il y avait un code en trop. Merci Smile
california.

california.
**

Messages : 59
Inscrit(e) le : 11/07/2011

http://amethyst.1talk.net
california. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par Horatio Lun 18 Juil 2011 - 23:26

Trés bien.
Mais j'ai besoin de votre feuille de style css pour résoudre le premier voir image de mon avant post.

Cordialement
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par california. Lun 18 Juil 2011 - 23:28

D'accord !

Code:
/* HEADER DE FOND */

body {
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
}

/* FIN */

/* TITRE DES FORUMS */

a.forumlink {

    font-family: Georgia;
    font-size: 24px;
    font-style: italic;
text-align: center;
    text-shadow: #b5c3ba 1px 1px 1px;
text-transform: lowercase;
text-decoration: none;

}

a.forumlink:hover {

color: #acc343;
    font-family: Georgia;
    font-size: 24px;
display:block;
    font-style: italic;
    text-shadow: #b5c3ba 1px 1px 5px;

text-decoration: none;

}
/* FIN */

/*ESPACES POSTES MEMBRES*/
.postbody {
    display: block;
    padding-left: 20px;
    text-align:justify;
}

/*CELLULE DERNIERS MESSAGES & MESSAGES POSTES*/

.arrondi {
border: 2px solid #b1a41b;
background-color: #c3c55b;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomleft: 6px; }

/*FIN*/

/*LIENS NON SOULIGNES*/

a:hover {text-decoration: none !important}

a:link, a:hover, a:active, a:visited
{
  text-decoration : none
}
/*FIN*/

/*LIENS ESPACES*/

a:hover { letter-spacing: -1px; }

/*FIN*/

/*Espace barre de naviguation*/

a.mainmenu {margin-right:-1px !important;}

/*FIN*/

/*ESPACE DEUX CATEGORIES*/

.espace{
margin-bottom: -100px;
}





/*FIN*/

/*JOLI PSEUDO*/

.noms{
font-family: Georgia;
font-style: italic;
font-style: bold;
font-size: 22px;
text-shadow: #949494 1px 1px 2px;
}

/*FIN*/

/*CONTOUR PROFIL*/

.cadreavatar {
background-color : #FCF3C2;
border : 4px solid #dc6170;
-moz-border-radius: 35px 35px 35px 35px
}

/*FIN*/


/*PROFIL*/

.box-content.profile {

width:240px

}

.postprofile {
border-color: #2c232e;
border-right: 1px solid #2c232e;
margin: 5px 0 0px;
color: #d6ace0;
min-height: 150px;
width: 22%;
float: left;
display: inline;
position: relative;
}

/*FIN*/


/*QEEL*/

.statistiques
{
border:0px;
background-image: url("http://nsm05.casimages.com/img/2011/07/14/1107140444201105958469569.png");
background-repeat: no-repeat;
background-position: center;
height:400px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}

.groupes
{
background-color:#FFFFFF; /* FOND DES NOMS DE GROUPES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:15px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:12px;
padding-bottom:3px;
font-size:15px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}

/*FIN*/

/*SPOILER AND CITATIONS*/

.quote {
background-color: #e8dc88;
border : 5px solid #decb42 ;
-moz-border-radius: 10px 10px 10px 10px
}

.spoiler {
background-color: #e8dc88;
border : 5px solid #decb42 ;
-moz-border-radius: 10px 10px 10px 10px
}
/*FIN*/

/*BOUTONS ARRONDIS*/

.mainoption
{
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}


.liteoption
{
-moz-border-radius:10px; /**** Border-radius signifie "rayon de la bordure", 10px le rayon de l'arrondissement *****/
-webkit-border-radius:10px; /*** webkit signifie "kit web", 10px le rayon de l'arrondissement ****/
-khtml-border-radius:10px; /*** pour linux ***/
}

/*FIN*/
california.

california.
**

Messages : 59
Inscrit(e) le : 11/07/2011

http://amethyst.1talk.net
california. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par Horatio Lun 18 Juil 2011 - 23:33

Bonsoir,

L'adresse de votre forum, n'est pas valide pouvez vous me la fournir ou me faire un screen du problème svp ?

Cordialement
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par california. Lun 18 Juil 2011 - 23:34

california.

california.
**

Messages : 59
Inscrit(e) le : 11/07/2011

http://amethyst.1talk.net
california. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par Horatio Lun 18 Juil 2011 - 23:42

Avez vous essayez d'aligner le titre à gauche au lieu de le centrer ?

Cordialement
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par california. Lun 18 Juil 2011 - 23:43

Le titre de ?
J'ai juste centré le titre des forum, pas des catégories.
california.

california.
**

Messages : 59
Inscrit(e) le : 11/07/2011

http://amethyst.1talk.net
california. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par Horatio Lun 18 Juil 2011 - 23:44

Justement essayez de le mettre à gauche.

Cordialement
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par california. Lun 18 Juil 2011 - 23:45

Cela ne change rien, il faudrait un code pour baisser le titre :/
california.

california.
**

Messages : 59
Inscrit(e) le : 11/07/2011

http://amethyst.1talk.net
california. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par Horatio Lun 18 Juil 2011 - 23:49

Changez par ceci :

Code:
/* HEADER DE FOND */

body {
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
}

/* FIN */

/* TITRE DES FORUMS */

a.forumlink {

    font-family: Georgia;
    font-size: 24px;
    font-style: italic;
text-align: center;
    text-shadow: #b5c3ba 1px 1px 1px;
text-transform: lowercase;
text-decoration: none;
padding-left : 10px;
}

a.forumlink:hover {

color: #acc343;
    font-family: Georgia;
    font-size: 24px;
display:block;
    font-style: italic;
    text-shadow: #b5c3ba 1px 1px 5px;

text-decoration: none;

}
/* FIN */

/*ESPACES POSTES MEMBRES*/
.postbody {
    display: block;
    padding-left: 20px;
    text-align:justify;
}

/*CELLULE DERNIERS MESSAGES & MESSAGES POSTES*/

.arrondi {
border: 2px solid #b1a41b;
background-color: #c3c55b;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomleft: 6px; }

/*FIN*/

/*LIENS NON SOULIGNES*/

a:hover {text-decoration: none !important}

a:link, a:hover, a:active, a:visited
{
  text-decoration : none
}
/*FIN*/

/*LIENS ESPACES*/

a:hover { letter-spacing: -1px; }

/*FIN*/

/*Espace barre de naviguation*/

a.mainmenu {margin-right:-1px !important;}

/*FIN*/

/*ESPACE DEUX CATEGORIES*/

.espace{
margin-bottom: -100px;
}





/*FIN*/

/*JOLI PSEUDO*/

.noms{
font-family: Georgia;
font-style: italic;
font-style: bold;
font-size: 22px;
text-shadow: #949494 1px 1px 2px;
}

/*FIN*/

/*CONTOUR PROFIL*/

.cadreavatar {
background-color : #FCF3C2;
border : 4px solid #dc6170;
-moz-border-radius: 35px 35px 35px 35px
}

/*FIN*/


/*PROFIL*/

.box-content.profile {

width:240px

}

.postprofile {
border-color: #2c232e;
border-right: 1px solid #2c232e;
margin: 5px 0 0px;
color: #d6ace0;
min-height: 150px;
width: 22%;
float: left;
display: inline;
position: relative;
}

/*FIN*/


/*QEEL*/

.statistiques
{
border:0px;
background-image: url("http://nsm05.casimages.com/img/2011/07/14/1107140444201105958469569.png");
background-repeat: no-repeat;
background-position: center;
height:400px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}

.groupes
{
background-color:#FFFFFF; /* FOND DES NOMS DE GROUPES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:15px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:12px;
padding-bottom:3px;
font-size:15px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}

/*FIN*/

/*SPOILER AND CITATIONS*/

.quote {
background-color: #e8dc88;
border : 5px solid #decb42 ;
-moz-border-radius: 10px 10px 10px 10px
}

.spoiler {
background-color: #e8dc88;
border : 5px solid #decb42 ;
-moz-border-radius: 10px 10px 10px 10px
}
/*FIN*/

/*BOUTONS ARRONDIS*/

.mainoption
{
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}


.liteoption
{
-moz-border-radius:10px; /**** Border-radius signifie "rayon de la bordure", 10px le rayon de l'arrondissement *****/
-webkit-border-radius:10px; /*** webkit signifie "kit web", 10px le rayon de l'arrondissement ****/
-khtml-border-radius:10px; /*** pour linux ***/
}

/*FIN*/

Cordialement
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par california. Lun 18 Juil 2011 - 23:51

Merci ! J'aimerais savoir ce qui a changer pour comprendre ? Smile
california.

california.
**

Messages : 59
Inscrit(e) le : 11/07/2011

http://amethyst.1talk.net
california. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par Horatio Lun 18 Juil 2011 - 23:52

Jai rajouté ceci :

Code:
padding-left : 10px;

Pour décaler de 10 pixels vers la gauche

Cordialement
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par california. Lun 18 Juil 2011 - 23:53

Merci, mais ce qu'il me faut c'est le descendre..
california.

california.
**

Messages : 59
Inscrit(e) le : 11/07/2011

http://amethyst.1talk.net
california. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par Horatio Lun 18 Juil 2011 - 23:55

Essayez de rajouter ceci toujours dans le même principe :

Code:
margin-top: 20px;
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par california. Lun 18 Juil 2011 - 23:56

J'ai trouvé pour descendre, merci la balise
Code:
<br />
Parcontre ca ne marche pas pour décaler :/
california.

california.
**

Messages : 59
Inscrit(e) le : 11/07/2011

http://amethyst.1talk.net
california. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par Horatio Lun 18 Juil 2011 - 23:58

Pour décaler c'est ceci qu'il faut utiliser pour la gauche :

Code:
padding-left : 10px;

Pour la droite :
Code:
padding-right : 10px;

Faites varier en rajoutant ou en enlevant des px.
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par california. Mar 19 Juil 2011 - 0:04

Ca ne marche pas car ce code est pour les forum, pas les catégories.
california.

california.
**

Messages : 59
Inscrit(e) le : 11/07/2011

http://amethyst.1talk.net
california. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par Horatio Mar 19 Juil 2011 - 0:06

Mettez le au bon endroit. ( Forumlink Hover )
Ce code fonctionne avec tout Wink
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par california. Mar 19 Juil 2011 - 0:07

Ca ne marche toujours pas.
california.

california.
**

Messages : 59
Inscrit(e) le : 11/07/2011

http://amethyst.1talk.net
california. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par Horatio Mar 19 Juil 2011 - 0:10

Que voulez précisément je commence à me perdre.

Cordialement
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par california. Mar 19 Juil 2011 - 0:14

Faire ceci : Titre catégorie, comment le décaler. Source

De facon à ce que le "La boite à bijoux" soit bien sur le cadre rose
california.

california.
**

Messages : 59
Inscrit(e) le : 11/07/2011

http://amethyst.1talk.net
california. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par Horatio Mar 19 Juil 2011 - 0:18

Trés bien je n'avais pas bien compris essayez ceci :

A mettre dans votre css :
Code:
/*Titre des catégories*/
        padding-left : 15px;
}

Cordialement
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par california. Mar 19 Juil 2011 - 0:20

Cela ne change pas Confused
california.

california.
**

Messages : 59
Inscrit(e) le : 11/07/2011

http://amethyst.1talk.net
california. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par Horatio Mar 19 Juil 2011 - 0:22

Vous n'avez pas observez de changement du tout ?

Cordialement
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par california. Mar 19 Juil 2011 - 0:23

Non du tout.
california.

california.
**

Messages : 59
Inscrit(e) le : 11/07/2011

http://amethyst.1talk.net
california. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par Horatio Mar 19 Juil 2011 - 0:25

Essayez à nouveau ceci :

/*Titre des catégories*/
.secondarytitle{
padding-left :15px;
}

Cordialement
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par california. Mar 19 Juil 2011 - 0:29

Je comprends pas, cela ne marche toujours pas :/
california.

california.
**

Messages : 59
Inscrit(e) le : 11/07/2011

http://amethyst.1talk.net
california. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie, comment le décaler.

Message par Horatio Mar 19 Juil 2011 - 0:32

Essayez ceci :

Code:
/*Titre des catégories*/
.secondarytitle{
background-position: top center;
}

Sinon je ne sais plus quoi vous dire
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum