Apparence de la Page d'Accueil

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

Résolu Apparence de la Page d'Accueil

Message par Narashika le Dim 8 Juil 2012 - 5:36

Bonjour,

Mon premier problème concerne la bannière.
J'aimerais si possible qu'elle soit située tout en haut de la page, collé au bord du haut comme vous le montre la flèche dans ce screen :

Spoiler:

Autre point, je souhaiterais également que mes catégories se collent aux bords du cadre du forum comme le montre la flèche de ce screen (Coller a gauche et aussi a droite bien entendu) :

Spoiler:

Voici mon CSS, qui doit surement pouvoir vous aider :

Spoiler:
body
{
background: #e6e6e6;
}
.bodyline
{
background: #e6e6e6;
}.bodylinewidth
{
width: 950px;
}

.bodyline
{
width: 950px;
padding: 0;
background: #e6e6e6;
}.bodylinewidth
{
width: 950px;
margin-left: auto;
margin-right: auto;
margin-top: -9px;
margin-bottom: -9px;
}.bodyline
{
width: 950px;
padding: 0;
background: #e6e6e6;
border-left: 5px solid #4c4842;
border-right: 5px solid #4c4842;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-htm-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}#navigation
{
position: fixed;
z-index: 999;
height: 30px;
width: 100%;
margin-left: -8px;
}
#navig
{
width: 950px;
margin: auto;
text-align: center;
background: #4c4842;
border-bottom: 2px solid #939393;
padding-bottom: 3px;
}
#navig a
{
font-weight: bold;
}#i_logo
{
margin-top: 22px;
}#navig a
{
font-weight: bold;
color: #b9b9b9 !important;
text-shadow: 1px 1px 0px #000000;
}
#navig a:hover
{
color: #efefef !important;
}a:link, a:link hover
{
text-decoration: none !important;
}#i_logo
{
margin-top: 22px;
}#navig a
{
font-weight: bold;
color: #b9b9b9 !important;
text-shadow: 1px 1px 0px #000000;
}
#navig a:hover
{
color: #efefef !important;
}a:link, a:link hover
{
text-decoration: none !important;
}.forumline
{
width: 98%;
margin: auto;
}
table
{
width: 98%;
margin: auto;
}.cate_titre
{
width: 98%;
margin: auto;
text-align: center;
}
a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
background-color: #1f1d1a;
border-bottom: 5px double #9a9793;
color:#52707D;
font-family: georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: center;
}


a.forumlink:hover{
color:rgb(170,170,170);
font-family: georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
text-align: center;}

.qeel_titre
{
width: 800px;
height: 100px;
margin: auto;
background: url(http://img15.hostingpics.net/pics/445654qeeltitre.png) no-repeat;
}
.groupe1, .groupe2, .groupe3, .groupe4, .groupe5, .groupe6, .groupe7, .groupe8
{
display: block;
font-weight: bold;
text-transform: small-caps;
margin-top: 3px;
text-align: left;font-size: 10px;
}
.groupe1
{
color: #87744D !important;
}
.groupe2
{
color: #7A5C8C !important;
}
.groupe3
{
color: #0D35FC !important;
}
.groupe4
{
color: #000000 !important;
}
.groupe5
{
color: #B84242 !important;
}
.groupe6
{
color: #4A7A80 !important;
}
.groupe7
{
color: #E09E3A !important;
}
.groupe8
{
color: #4343CF !important;
}
.groupe_contenu
{
display: none;
}
.qeel_infos
{
width: 98%;
margin-top: 5px;
margin-bottom: 5px;
background: #f3f3f3;
border: 1px dotted #c0c0c0;
padding: 4px;
font-size: 10px;
text-align: justify;
}
.groupe1:hover .groupe_contenu, .groupe2:hover .groupe_contenu, .groupe3:hover .groupe_contenu, .groupe4:hover .groupe_contenu, .groupe5:hover .groupe_contenu
{
display: block;
position: absolute;
margin-left: 50px;
width: 250px;
background: #e9e9e6;
padding: 4px;
border: 1px dotted #c0c0c0;
color: #989898;
font-size: 10px;
font-weight: normal;
}#page-footer
{
width: 950px;
height: 188px;
margin: auto;
background: url(http://img856.imageshack.us/img856/3981/24339562.png);
border-top: 3px solid #545454;
}
#page-footer a
{
font-size: 10px;
color: #545454 !important;
}
#page-footer a:hover
{
color: #303030 !important
}

Je vous remercie d'avance pour votre aide et espère vous avoir bien exposé mon problème.
Bien a vous.


Dernière édition par Narashika le Dim 8 Juil 2012 - 16:07, édité 1 fois

Narashika
*

Messages : 47
Inscrit(e) le : 03/05/2011

http://fairy-tail-heaven.forumactif.com
Narashika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil

Message par tupac le Dim 8 Juil 2012 - 7:01

Bonjour

Les deux codes suivant sont a placer dans votre feuille de style css.

Ce code pour votre logo, jouer avec PX pour régler la marge.
Code:
#i_logo {
  margin-top: -30px;
}
Puis celui-la pour réduire la marge de chaque côté de vos catégories.
Code:
.bodyline{   
  padding-left: 0px;
  padding-right: 0px;
}

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil

Message par Narashika le Dim 8 Juil 2012 - 15:38

Bonjour,
Tout d'abord merci pour votre aide.

Pour la bannière ça marche, tout est bon.

Concernant la largeur des catégories il y a un soucis, lorsque je copie votre code et que je modifie les PX, ça me change le cadre du forum et non la largeur des catégories.

Narashika
*

Messages : 47
Inscrit(e) le : 03/05/2011

http://fairy-tail-heaven.forumactif.com
Narashika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de la Page d'Accueil

Message par Narashika le Dim 8 Juil 2012 - 16:07

Finalement j'ai réussit a régler le problème.
Je vous remercie pour votre aide.

A bientôt.

Narashika
*

Messages : 47
Inscrit(e) le : 03/05/2011

http://fairy-tail-heaven.forumactif.com
Narashika a été remercié(e) par l'auteur de ce sujet.

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


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