Enlever la bordure forum au niveau du bloc bannière

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

Résolu Enlever la bordure forum au niveau du bloc bannière

Message par Qydia le Mar 22 Sep 2015 - 10:13

- 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 ^^


Dernière édition par Qydia le Lun 28 Sep 2015 - 16:03, édité 1 fois

Qydia
**

Messages : 55
Inscrit(e) le : 13/04/2013

http://deux-mondes.forumactif.org
Qydia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la bordure forum au niveau du bloc bannière

Message par Self le Mar 22 Sep 2015 - 11:21

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 Smile !

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Enlever la bordure forum au niveau du bloc bannière

Message par Qydia le Mar 22 Sep 2015 - 11:36

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
**

Messages : 55
Inscrit(e) le : 13/04/2013

http://deux-mondes.forumactif.org
Qydia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la bordure forum au niveau du bloc bannière

Message par Qydia le Jeu 24 Sep 2015 - 17:43

Up ^^

Qydia
**

Messages : 55
Inscrit(e) le : 13/04/2013

http://deux-mondes.forumactif.org
Qydia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la bordure forum au niveau du bloc bannière

Message par néco le Jeu 24 Sep 2015 - 18:06

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

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la bordure forum au niveau du bloc bannière

Message par R-max le Jeu 24 Sep 2015 - 21:55

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; }

R-max
# Tropactif #

Masculin
Messages : 1527
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la bordure forum au niveau du bloc bannière

Message par Qydia le Ven 25 Sep 2015 - 10:57

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 ^^

Qydia
**

Messages : 55
Inscrit(e) le : 13/04/2013

http://deux-mondes.forumactif.org
Qydia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la bordure forum au niveau du bloc bannière

Message par R-max le Ven 25 Sep 2015 - 13:11

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

R-max
# Tropactif #

Masculin
Messages : 1527
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la bordure forum au niveau du bloc bannière

Message par néco le Ven 25 Sep 2015 - 14:04

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 geek

Bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la bordure forum au niveau du bloc bannière

Message par R-max le Ven 25 Sep 2015 - 21:56

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 >>



R-max
# Tropactif #

Masculin
Messages : 1527
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la bordure forum au niveau du bloc bannière

Message par Qydia le Dim 27 Sep 2015 - 18:13

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 ^^

Qydia
**

Messages : 55
Inscrit(e) le : 13/04/2013

http://deux-mondes.forumactif.org
Qydia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la bordure forum au niveau du bloc bannière

Message par R-max le Dim 27 Sep 2015 - 20:45

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 ,

R-max
# Tropactif #

Masculin
Messages : 1527
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la bordure forum au niveau du bloc bannière

Message par Qydia le Lun 28 Sep 2015 - 16:03

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

Qydia
**

Messages : 55
Inscrit(e) le : 13/04/2013

http://deux-mondes.forumactif.org
Qydia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la bordure forum au niveau du bloc bannière

Message par R-max le Lun 28 Sep 2015 - 17:40

cool , une bonne nouvelle . a bientôt Very Happy

R-max
# Tropactif #

Masculin
Messages : 1527
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max 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