Pb pour changer différents fond et centrer des images

2 participants

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

Résolu Pb pour changer différents fond et centrer des images

Message par sæta Jeu 15 Juil 2010 - 20:52

Bonjour, j'ai plusieurs problêmes:

1) comme vous pouvez le voir sur l impr ecran joint, il y a des zones blanches de part et d autre de ma barre d en-tête j'ai cherché mais pas trouver comment modifier cette couleur.

2) cette zone avec un fond blanc qui dégrade vers le gris j'aimerais aussi pouvoir la modifier, mais là encore je n'ai pas trouver comment faire.

3) cette barre bleue je n'ai pas trouvé non plus l'endroit pour la modifier.

4) j'ai pas mal de pb dans cette zone, tout d'abord j'aimerai que l'image ou l'on voit apparaitre régalia s'étende totalement de gauche à droite, j'ai tenté de redimensionné l'image mais quoi que je fasse si l'imgae est trop large elle dépasse allègrement sur la droite mais jamais sur la gauche Sad (j'ai le meme pb avec les images que j'insère dans les widgets du portail)

J'ai modifié le theme d'origine sans toucher au "css" auquel je ne comprend rien.

Merci d'avance pour vos réponses.

Pb pour changer différents fond et centrer des images Sans_t10
avatar

sæta
Nouveau membre

Messages : 12
Inscrit(e) le : 15/07/2010

http://regalia.forum-actif.net
sæta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb pour changer différents fond et centrer des images

Message par Asheshin Hanachi Jeu 15 Juil 2010 - 21:04

Si ton image dépasse sur la droite, c'est dans le panneau d'administration que ça se change. Vas dans Affichage => Page d'accueil => En tête et navigation
et positionne le logo à droite, pour qu'il puisse s'étendre sur toute la page.

Pour la partie en dégradé, ça vient sûrement du CSS. Pourrais-tu me poster ton code css ? (Affichage => couleurs => fichier css) que je vois ?

Pour la barre blanche par contre, je ne sais pas. Quant à la barre bleue, l'image n'est pas assez grande pour que je vois où elle se situe précisément ^^'
Asheshin Hanachi

Asheshin Hanachi
***

Féminin
Messages : 188
Inscrit(e) le : 19/05/2010

http://mcvampire.forumcanada.org/
Asheshin Hanachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb pour changer différents fond et centrer des images

Message par sæta Jeu 15 Juil 2010 - 21:28

voilà mon css

body{
background-position: top center;
background-repeat: repeat-x;
}

#submenu ul li a {
padding: 0px;
padding-top: 20px;
/padding-top: 0px;
margin: 0px;
border-bottom: none;
text-decoration: none;
background-color: transparent;
}

#submenu {
padding: 0px;
margin: 0px;
margin-left: 11px;
margin-top: 8px;
}

div#logostrip #main-title h1{
background-color: transparent;
padding: 0px;
margin: 0px;
}
#site-desc{
padding: 0px;
margin: 0px;
}
#userlinks{
background-color: transparent !important;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_16.png');
background-repeat: no-repeat;
width: 818px !important;
background-repeat: no-repeat;
padding: 0px 30px 0px 30px !important;
padding-top: 50px !important;
margin: 0px;
font-size : 0.8em;
color: #000;
border-bottom: none;
}

#userlinks.not-connected{
background-color: transparent !important;
border-bottom: 0px;
}
#userlinks ul{
margin-right: 50px;
}

#fa_ticker_block{
background-color: transparent !important;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_18.png');
min-height: 10px;
background-repeat: repeat-y;
border: none;
padding: 5px 30px 5px 30px;
margin-top : 0px !important;
margin-bottom : 0px !important;
}
#fa_ticker_container{
padding: 2px;
}

#fa_ticker{
background-image: none !important;
}

div.newslink{
background-color: transparent;
}
#outer-wrapper{
background-color: transparent !important;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_18.png');
width: 818px !important;
min-height: 10px;
padding:0px !important;
margin: 0px !important;
}
#wrapper{
background-color: transparent !important;
margin: 0px ;
padding-top: 25px;
margin: 0px 30px;
}

#gfooter{
background-color: transparent;
color: #000;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_20.png');
background-position: bottom ;
background-repeat: no-repeat;
height: 184px;
width: 818px;
margin:0px;
padding: 0px;
/margin-top: -16px;
}

#gfooter
.footer-links{
float: left;
padding-left: 0px;
margin-top: 25px !important;
font-size : 1.0em;
color: #000;
}

#gfooter a {
background-color: transparent;
color: #000 !important;
}


.current-time{
padding-right: 5px;
margin-right: 20px;
}

#qjump{
padding: 0px 0px 10px 30px;
}

table.ipbtable tfoot td{
background-color: transparent;
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
}

#navstrip li {
float: left;
margin: 0 5px;
padding-left: 16px;
background: url('https://i.servimg.com/u/f15/11/95/30/70/1011.png') no-repeat left 50%;
}
#navstrip li.begin {
padding-left: 16px;
background: url('https://i.servimg.com/u/f15/11/95/30/70/1012.png') no-repeat left 50%;
}
div.maintitle .expand,div.maintitle .contract {
float: right;
width: 30px;
height: 20px;
background: url('https://i.servimg.com/u/f15/11/95/30/70/215.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('https://i.servimg.com/u/f15/11/95/30/70/315.png') no-repeat 50% 50%;
}

.popmenubutton a {
padding: 1px 21px 2px 7px;
border-top: 1px dotted #00485E;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/115.png');
}


.box-content{
border-bottom: 0px;
}
div.maintitle{
padding-bottom: 4px;
padding-top: -4px;
margin: 0px;
}

.post-footer ul.posting-icons li{
padding-left: 3px;
}
td.row1, td.row2{
border: 1px dotted #00485E;
}

div.borderwrap{
padding: 0px;
margin: 0px;
}

#i_icon_mini_calendar:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/214.png');
}



#i_icon_mini_portal:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/711.png');
}
#i_icon_mini_groups:hover{
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/gro10.png');
}

#i_icon_mini_profile:hover{
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/416.png');
}

#i_icon_mini_members:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/314.png');
}

#i_icon_mini_gallery:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/514.png');
}

#i_icon_mini_faq:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/613.png');
}
#i_icon_mini_search:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/812.png');
}
#i_icon_mini_logout:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/910.png');
}

#i_icon_mini_login:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/114.png');
}

#i_icon_mini_index:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/acc10.png');
}

#i_icon_mini_message:hover{
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/messag10.png');
}

#i_icon_mini_register{
background-image:url('https://i.servimg.com/u/f15/11/95/30/70/s_enre10.png');
width: 95px;
height: 35px;
}
#i_icon_mini_register:hover{
background-image:url('https://i.servimg.com/u/f15/11/95/30/70/1013.png');
width: 95px;
height: 35px;
}

#i_icon_mini_new_message{
background-image:url('https://i.servimg.com/u/f15/11/95/30/70/mp_new10.png');
width: 80px;
height: 35px;
}
#i_icon_mini_new_message:hover{
background-image:url('https://i.servimg.com/u/f15/11/95/30/70/1112.png');
width: 80px;
height: 35px;
}

.tfooter{
margin: 0px;
padding: 0px;
}
.post{
background-image: url('https://i.servimg.com/u/f17/13/37/59/52/b310.jpg');
background-repeat: repeat-x;
background-position: bottom;
padding: 0px;
padding-bottom: 25px;
border-bottom: none !important;
border-left: 1px dotted #00485E;
border-right: 1px dotted #00485E;
}

.search-footer-box { display: none; }
#search-box { display: none; }

.darkrow{
background-color: transparent;
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
}
.topic-footer{
background-color: transparent;
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
margin-top: 0px;
}
div.newslink{
background-color: transparent;
}
.box-content{
border-bottom: 0px;
}

div.borderwrap{
border: none;
-moz-box-shadow: 2px 2px 3px#888888;
-webkit-box-shadow: 2px 2px 3px #888888;
box-shadow: 2px 2px 3px #004707;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=140, Strength=3);
zoom: 1;
}
.bar{
background-color: #FFF;
border: 1px dotted #00485E;
text-decoration: none;
}

.formsubtitle{
background-image: url('https://i.servimg.com/u/f17/13/37/59/52/b310.jpg');
background-repeat: repeat-x;
background-position: bottom;
}

.posting-options .posting-buttons li{
margin-left : 4px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.posting-options .posting-buttons{
margin-bottom: -7px;
padding-bottom: 0px;
}
.next-prev{
margin-right: 25px;
}
ul.privmsg li {
color: #000;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
overflow: visible;
vertical-align:middle;
border: 2px inset #fff;
}

ul.privmsg li a {
color: #000;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
overflow: visible;
vertical-align:middle;
border: 2px ridge #fff;
}

ul.privmsg li a:hover{
color: #35000c;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
border: 2px outset #fff;
}

ul.privmsg li a a:hover{
color: #35000c;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
border: 2px inset #fff;
}

button.button2, input.button2 {
color: #000000;
background-repeat: repeat-x;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
overflow: visible;
vertical-align:middle;
border: 2px outset #fff;
}


button.button2:hover, input.button2:hover {
color: #000 ;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
color: #000000;
background-position: bottom;
border: 2px inset #fff;
}

.button, .mainoption{
color: #000 ;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
border: 2px outset #fff;
}

.button:hover, .mainoption:hover{
color: #000 ;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
border: 2px inset #fff;
}

.module .maintitle{
background-color: transparent !important;
color: #002832;
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/b410.jpg');
background-repeat: repeat-x;
height: 27px;
padding-top: 4px;
margin-bottom: -9px;
}

.module .box-content{
border-style: dotted;
border-width: 1px;
border-color: #535353 #6b6b6b #433f3f #212326;
}
#profile-advanced-layout{
float:none;
margin: 0px;
padding: 0px;
width: 818px;
}

#profile-advanced-left{
float : none;
margin: 5px;
padding: 3px;
width: 750px;
}

#profile-advanced-right{
float: none;
margin: 5px;
padding: 3px;
margin-bottom: 0px;
width: 750px;
}

j'ai essayé ce que tu m'as conseillé pour que les images larges s'étendent bien de gauche à droite, y a rien à faire soit elle s etend du milieu jusque loin à droite soit elle s etend de loin à gauche jusqu au milieu et ca quelque soit le reglage de position du logo (gauche droite ou milieu)

Voilà donc là y a deux barres bleues visibles que je n arrive pas à modifier et tjrs ce fond blanc que je n arrive pas non plus à modifier, si la partie basse avec les boules est indépendante du fond blanc alors il faudra aussi me dire comment la modifier.

Pb pour changer différents fond et centrer des images Sans_t12
avatar

sæta
Nouveau membre

Messages : 12
Inscrit(e) le : 15/07/2010

http://regalia.forum-actif.net
sæta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb pour changer différents fond et centrer des images

Message par Asheshin Hanachi Jeu 15 Juil 2010 - 21:38

Bon, je n'ai toujours pas trouvé pour ton fond dégradé, mais j'ai trouvé pour la barre bleue que tu souhaites enlever en regardant dans ton CSS. En fait, l'url est
Code:
http://i10.servimg.com/u/f10/13/40/88/33/52der10.png
, il te suffit normalement d'enlever toutes les lignes où cette Url apparait pour te débarrasser de la barre bleu (je te conseille de lancer une recherche avec Ctrl+F pour la retrouver plus facilement).
Asheshin Hanachi

Asheshin Hanachi
***

Féminin
Messages : 188
Inscrit(e) le : 19/05/2010

http://mcvampire.forumcanada.org/
Asheshin Hanachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb pour changer différents fond et centrer des images

Message par sæta Jeu 15 Juil 2010 - 21:52

merci bcp pour ton aide, maintenant il y a un trou blanc à la place de ma barre bleu ? j'ai tenté d'inserer l'adresse d une image modifiée de cette barre herbergée sur un site prévu pour ca et ca reste blanc.

Et pour les autres soucis si quelqu'un a une idée Smile
avatar

sæta
Nouveau membre

Messages : 12
Inscrit(e) le : 15/07/2010

http://regalia.forum-actif.net
sæta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb pour changer différents fond et centrer des images

Message par Asheshin Hanachi Jeu 15 Juil 2010 - 22:34

Je viens d'avoir une idée pour ta bannière. C'est expérimental, mais qui ne tente rien n'a rien

essaye ça :
Code:
#i_logo {
margin:auto
width: Xpx /*largeur de la bannière */
height: Ypx /* hauteur de la bannière */ }
si tu es en phpbb2 et ça :

Code:
#logo {
margin:auto
width: Xpx /*largeur de la bannière */
height: Ypx /* hauteur de la bannière */ }
si tu es en phpbb3
Asheshin Hanachi

Asheshin Hanachi
***

Féminin
Messages : 188
Inscrit(e) le : 19/05/2010

http://mcvampire.forumcanada.org/
Asheshin Hanachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb pour changer différents fond et centrer des images

Message par sæta Jeu 15 Juil 2010 - 22:35

je suis en invision
avatar

sæta
Nouveau membre

Messages : 12
Inscrit(e) le : 15/07/2010

http://regalia.forum-actif.net
sæta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb pour changer différents fond et centrer des images

Message par Asheshin Hanachi Jeu 15 Juil 2010 - 22:40

L'identifiant CSS d'Invison est le même que le phpbb3 (vient de vérifier)
Asheshin Hanachi

Asheshin Hanachi
***

Féminin
Messages : 188
Inscrit(e) le : 19/05/2010

http://mcvampire.forumcanada.org/
Asheshin Hanachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb pour changer différents fond et centrer des images

Message par sæta Jeu 15 Juil 2010 - 23:44

je tenterai demain

je vais up ce sujet regulièrement, j ai reussi à supprimer les barres bleues et le fond blanc ainsi que les bubulles en bas.

Me reste quelques blancs mal placés à savoir remplir.

avatar

sæta
Nouveau membre

Messages : 12
Inscrit(e) le : 15/07/2010

http://regalia.forum-actif.net
sæta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb pour changer différents fond et centrer des images

Message par sæta Ven 16 Juil 2010 - 20:34

merci l'ami pour ton aide Smile
avatar

sæta
Nouveau membre

Messages : 12
Inscrit(e) le : 15/07/2010

http://regalia.forum-actif.net
sæta a été remercié(e) par l'auteur de ce sujet.

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