Enlever la bordure forum au niveau du bloc bannière

[Qydia]

- l'URL du forum : http://deux-mondes.forumactif.org/
- la version : phpBB2
- votre statut : fondateur

Bonjour ^^,

Voulant installer une bordure personnalisée sur mon forum, j'ai eu recours au code suivant :

Code:


.bodyline {
border-image: url("http://www.doityvette.fr/wp-content/uploads/2013/10/marbre6.jpg")0 30 0 30 repeat;
border-width: 10px;
border-top: none !important;
border-bottom: none !important; }



Ce code fonctionne sans aucun problème.
J'ai ensuite voulu mettre en place une bannière-fond, grâce à ce code ci :

Code:

body {
 
background: url(http://i21.servimg.com/u/f21/12/86/27/76/0112.jpg) top center no-repeat #000000;
}
#i_logo
{
height: 600px; /*Hauteur du Bloc Bannière*/
}

(Ce ne sont que des images temporaires pour faire des essais)
Ce code-ci est également fonctionnel mais je souhaiterai l'améliorer. En effet, les bordures mises en place dans le premier code empiètent sur ma grosse bannière jaune. Y aurait-il quelque chose à ajouter dans un des codes pour que la bordure se limite à la partie basse du forum ?

Résultat actuel :

Résultat souhaité :


Merci d'avance et bonne journée ^^

[Self]

Bonjour,

Changez votre deuxième code par ceci :

Code:

body {
   padding-top: 500px !important;
   background: url(http://i21.servimg.com/u/f21/12/86/27/76/0112.jpg) top center no-repeat #000000;
}
#i_logo{ height: 600px; /*Hauteur du Bloc Bannière*/ }

Cordialement !

[Qydia]

Bonjour et merci pour votre réponse ! ^^
Il semblerait que malheureusement ceci ne fonctionne pas, il n'y a aucun changement. Je vous donne donc tout le code au cas où quelque chose ferait une interférence :
(il y a beaucoup de vieilles choses, ayant abandonné ce forum un certain temps ^^")

Code:

body {
 
padding-top: 500px !important;
background: url(http://i21.servimg.com/u/f21/12/86/27/76/0112.jpg) top center no-repeat #000000;}

#i_logo{ height: 600px; /*Hauteur du Bloc Bannière*/ }


 
  /* Old body
background-image: url(http://i21.servimg.com/u/f21/12/86/27/76/0112.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: top center;*/




.bodyline {
/*Old version
background-attachment: fixed;
background-image: url("");
background-repeat: repeat;
background-position: top left;*/
 
border-image: url("http://www.doityvette.fr/wp-content/uploads/2013/10/marbre6.jpg")0 30 0 30 repeat;
border-width: 10px;
border-top: none !important;
border-bottom: none !important;

}
 
.inputbox {
    background : transparent;
    border:none;
    }

body.chatbox {
background-image: url("http://zupimages.net/up/14/40/5fjy.jpg")
      .panel {
    background-color: transparent;}
  }

table.forumline td.index_cate {border-color:#000000;}



Information supplémentaire, il semblerait qu'à l'époque j'ai modifié des templates :
Index_box, overall_footer_begin, overall_footer_end, overall_header.

Ce ne devaient pas être de grands changements, je n'ai jamais été très forte dans ce domaine mais peut être que quelque chose dans l'un d'eux gèrerait le dernier code ?

[Qydia]

Up ^^

[néco]

Sur le panneau d'admin , dans la gestion des images as-tu mis un lien dans la case dédié à la bannière ?
Si ''non'' --> mets le lien d'une grosse image transparente pour voir si ça règle le souci

Bizzz

[Invité]

bonsoir , vous avez placé les bordure sur le bodyline ,( le bodyline prend toute la hauteur ,inclus le logo )
essayé avec forumline (prend que la hauteur du forum )
je ne promet rien .............

Code:

.forumline {
border-image: url("http://www.doityvette.fr/wp-content/uploads/2013/10/marbre6.jpg")0 30 0 30 repeat;
border-width: 10px;
border-top: none !important;
border-bottom: none !important; }

[Qydia]

Néco : Je viens d'essayer ta proposition mais ceci ne fonctionne pas :s
R-max : Il y a effectivement une amélioration mais malheureusement ceci délimite chaque bloc :



Merci quand même pour vos propositions ^^

[Invité]

Humm .Peut être en apposant un z-index:1 au logo et un z-index:2 au border .pour donner la priorité aux logo.

[néco]

Je pose la question a R-max ... Es ce que ça serait possible pour elle de garder sa bordure sur le bodyline pour que ce soit en continue comme elle le souhaite mais de faire descendre tout le bodyline par rapport au ''top'' de 500px par exemple ?
Es ce que cela risque de descendre l'ensemble du forum ? Et si ''oui'' , es-ce qu'il serait possible de remonter seulement le forumline de -500px par exemple ?

Je le ''visualise'' comme ça dans ma tête mais je ne peux pas vraiment tester car je ne saurait pas créer ce css sans y passer des heures et des heures de recherches ^^
Si tu crois que cela est réalisable , accepterais-tu de lui créer ce code ?
C'est juste une idée et pardon si j'ai dis un truc bête

Bizzz

[Invité]

re , dans l'idée de Neco ,

ajouté ce code css

Code:

.bodylinewidth {
    width: 700px;
    margin-top: 500px;
}

et ajouter

Code:

i_logo{height:0px !important;}

et dite moi ensuite ce qui se passe

avec l'inspecteur ça donne ça >>

[Qydia]

Oui, l'ensemble fonctionne à merveille ! Un grand merci à vous deux ^^.

J'aurai cependant une dernière petite question (ne pas être douée en codaaaage....) : Pourquoi, avec ce nouveau code, lorsque j'enlève la ligne border-top: none !important; je ne vois pas apparaitre de bordure juste en dessus des boutons "Forum", "Calendrier"... ?

En tout cas encore une fois merci beaucoup ^^

[Invité]

bonsoir il suffit de changer une partie du code

de celui ci

Code:

.bodyline {
    border-bottom: none!important;
    border-image: url(http://www.doityvette.fr/wp-content/uploads/2013/10/marbre6.jpg)0 30 0 30 repeat;
    border-width: 10px;
}

modifier pour celui ci

Code:

.bodyline {
    border-image: url(http://www.doityvette.fr/wp-content/uploads/2013/10/marbre6.jpg)30 30 0 30 repeat;
border-width:10px;
  }

plus besoin de mettre >>ex:border-top:none;

avec ceci >>ex: 30 30 0 30 ,,vous pouvez choisir d'affiché le border ou vous vouler.
le premier >>30 =top.
le 2 >>30 =right.
le 3 >>30 =bottom.
le 4 >> =left.

bonne soirée ,

[Qydia]

C'est tout bon, tous les problèmes sont réglés ^^.
Merci beaucoup !

[Invité]

cool , une bonne nouvelle . a bientôt