Mise en page global forum

Page 1 sur 2 1, 2  Suivant

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

Résolu Mise en page global forum

Message par Julien Nicolas le Mar 21 Juil 2015 - 9:15

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://unionofliberty.tonempire.com/

Description du problème

Bonjour !

Hier j'ai déjà demandé de l'aide ici. Or avec les modifications que l'on m'a donné ma bannière c'est décalée et elle n'est plus collée à droite et à gauche.

Image avec problème ici
image de ce que j'aimerai ici

forum avec le problème

PS : Désolé je suis nouveau et je n'y connais rien en language CSS ...

Merci beaucoup !


Dernière édition par Julien Nicolas le Mar 21 Juil 2015 - 22:17, édité 2 fois

Julien Nicolas
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 20/07/2015

http://unionofliberty.tonempire.com/
Julien Nicolas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Teurancher le Mar 21 Juil 2015 - 17:13

Chalut,
Je vois que le forum a changé par rapport aux screens. Est-ce toujours d'actu' ?

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Transparence

Message par Julien Nicolas le Mar 21 Juil 2015 - 17:31

Merci à toi de répondre et de me rerépondre l'ami c'est super sympa !

Je cherche autre chose maintenant ...

Modifié la transparence (60%) des cadres en noir pour qu'on puisse voir un peu l'image de derrière y compris le cadre gris du titre.

Voici mes couleurs : http://i18.servimg.com/u/f18/19/18/66/91/captur10.png

Merci

Julien Nicolas
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 20/07/2015

http://unionofliberty.tonempire.com/
Julien Nicolas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Teurancher le Mar 21 Juil 2015 - 17:38

Re,
Remplace le code CSS .forumline par celui-ci:

Code:
.forumline {
    background-image: url("http://i18.servimg.com/u/f18/19/16/61/16/bg-fon10.png");
    background-repeat: repeat;
    border-radius: 6px 20px 20px 6px;
    box-shadow: 1px 1px 2px #DA650C;
    margin: 0px 0px 10px;
    max-width: 850px;
    padding: 5px;
}

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Julien Nicolas le Mar 21 Juil 2015 - 17:42

Merci beaucoup !!!!!!

Si je veux modifié la transparence je modifie quoi ?

Julien Nicolas
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 20/07/2015

http://unionofliberty.tonempire.com/
Julien Nicolas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Teurancher le Mar 21 Juil 2015 - 17:45

C'est une image de fond noir dont la transparence a été réglée à 60% via Photoshop. Wink

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Julien Nicolas le Mar 21 Juil 2015 - 17:46

Ha d'accord donc non modifiable ? Sad

Le chat box n'est pas devenu transparent on a juste modifié les lines du forum mais c'est ou le chat box ?

Merci !!

Julien Nicolas
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 20/07/2015

http://unionofliberty.tonempire.com/
Julien Nicolas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Teurancher le Mar 21 Juil 2015 - 18:11

C'est modifiable si tu as les connaissances nécessaires sur Photoshop.
Tiens, voilà le même fond à l'opacité différente;

70%: http://image.noelshack.com/fichiers/2015/30/1437495007-bg-fondnoir70pourcent.png
75%: http://image.noelshack.com/fichiers/2015/30/1437495007-bg-fondnoir75pourcent.png
80%: http://image.noelshack.com/fichiers/2015/30/1437495007-bg-fondnoir80pourcent.png
90%: http://image.noelshack.com/fichiers/2015/30/1437495007-bg-fondnoir90pourcent.png

Pour voir le résultat avec chaque image, mets le lien de l'image à la place du "X":

Code:
.forumline {
    background-image: url("X");
    background-repeat: repeat;
    border-radius: 6px 20px 20px 6px;
    box-shadow: 1px 1px 2px #DA650C;
    margin: 0px 0px 10px;
    max-width: 850px;
    padding: 5px;
}


Concernant la Chatbox; dans ton CSS, mettre:
Code:
body.chatbox {
    background-color: transparent;
    background-image: none;
    margin: 0px;
    min-width: 550px !important;
    padding: 0px;
}

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Julien Nicolas le Mar 21 Juil 2015 - 18:31

Merci infiniment !

J'en est profiter pour noyer le logo dans l'espace !

Petit soucis encore désolé >.< regarde sur le fofo la banniere du chatbox n'est pas transparente ...

Je suis chiant oui >.<

Julien Nicolas
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 20/07/2015

http://unionofliberty.tonempire.com/
Julien Nicolas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Teurancher le Mar 21 Juil 2015 - 18:59

Re,
Aucun souci.

Dans ton CSS:

Code:
#chatbox_header {
  background-color: transparent;
}

#chatbox_header td.catBottom {
  background-color: transparent;
}

Normalement seul le premier code suffit, mais dans le doute..

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Julien Nicolas le Mar 21 Juil 2015 - 19:05

Aucun des deux ne fonctionnes Sad

La j'essaie de changer la taille de la police j'ai trouvé des bon trucs !

Julien Nicolas
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 20/07/2015

http://unionofliberty.tonempire.com/
Julien Nicolas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Teurancher le Mar 21 Juil 2015 - 19:13

Le fond de la bannière de la Chatbox est bien transparent pour moi.

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Julien Nicolas le Mar 21 Juil 2015 - 19:14

Ca viens de le mettre pour moi !

Merci beaucoup en tous cas ! la je cherche comment on trouve les boutons accueil faq ect que j'ai sur mon forum ils sont trop petit j'aimerai les redimensionner !

Merci encore

Julien Nicolas
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 20/07/2015

http://unionofliberty.tonempire.com/
Julien Nicolas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Teurancher le Mar 21 Juil 2015 - 19:17

Tu peux ouvrir un autre sujet avec un titre explicite, comme ça ceux cherchant une réponse à un problème similaire au tien y parviendraient plus facilement. Wink

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Julien Nicolas le Mar 21 Juil 2015 - 19:19

Je vais chercher un peu je veux apprendre

En tous cas merci encore pour hier et aujourd'hui, vous m'avez grandement aidé !

Julien Nicolas
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 20/07/2015

http://unionofliberty.tonempire.com/
Julien Nicolas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Teurancher le Mar 21 Juil 2015 - 19:22

Comme tu veux, c'est sûr qu'apprendre à résoudre certains problèmes par soi-même est une bonne chance. Smile
Je t'en prie !

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Julien Nicolas le Mar 21 Juil 2015 - 19:31

Juste un truc je crois pas que ça sois possible

Mettre des trait de séparation transparent comme sur ce forum ici

Merci

Julien Nicolas
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 20/07/2015

http://unionofliberty.tonempire.com/
Julien Nicolas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Teurancher le Mar 21 Juil 2015 - 20:06

Re,
Je te cache pas que j'ai eu du mal pour celui-la. :B

DANS LE CSS:

Code:
.forumline {
    border-radius: 6px 20px 20px 6px;
    box-shadow: 1px 1px 2px #DA650C;
    margin: 0px 0px 10px;
    max-width: 850px;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.row1 { background-color: rgba(0, 0, 0, 0.6) !important; } .row1 over { background-color: rgba(0, 0, 0, 0.6) !important; }
.row2 { background-color: rgba(0, 0, 0, 0.6) !important; } .row3 { background-color: rgba(0, 0, 0, 0.6) !important; }
.row3 over { background-color: rgba(0, 0, 0, 0.6) !important; }

Ça devrait fonctionner. ^-^

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Julien Nicolas le Mar 21 Juil 2015 - 20:14

Bravo ça la fais ! mais ... pas assez et les traits sont trop fin je crois si ta une commande pour changer ces deux trucs ?

Moi j'ai déja trouvé la commande pour changer bouton et taille police ! Very Happy

Tu a eu du mal ... ta mis 20 min j'aurais mis 3 jours >.<

Merci encore

Julien Nicolas
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 20/07/2015

http://unionofliberty.tonempire.com/
Julien Nicolas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Teurancher le Mar 21 Juil 2015 - 20:16

Re,
Petite erreur de ma part ! :/

DANS LE CSS:

Code:
.forumline {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-radius: 6px 20px 20px 6px;
    box-shadow: 1px 1px 2px #DA650C;
    margin: 0px 0px 10px;
    max-width: 850px;
    padding: 5px;
}

Moi j'ai déja trouvé la commande pour changer bouton et taille police !

Bravo à toi ! ^^ Si tu galères pour retirer les espaces dans ta barre de navig', tu sais quoi faire. :B

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Julien Nicolas le Mar 21 Juil 2015 - 20:23

Marche pas ça retire pratiquement la transparence des blocs

J'en est marre de tes erreurs t’arrête pas d'en faire roh ! lol!

Merci

Julien Nicolas
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 20/07/2015

http://unionofliberty.tonempire.com/
Julien Nicolas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Teurancher le Mar 21 Juil 2015 - 20:28

Bah je comprends pas, ça marche très bien pour moi.
Je pense qu'il s'agit du même code mais réessaie quand même:

Code:
.forumline {
    border-radius: 6px 20px 20px 6px;
    box-shadow: 1px 1px 2px #DA650C;
    margin: 0px 0px 10px;
    max-width: 850px;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Julien Nicolas le Mar 21 Juil 2015 - 20:34

Ca fonctionne mais regarde sur le forum la transparance et moi importante et les traits ront minuscule

Julien Nicolas
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 20/07/2015

http://unionofliberty.tonempire.com/
Julien Nicolas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Teurancher le Mar 21 Juil 2015 - 20:44

Je remarque que tu as modifié voire carrément enlevé certains éléments du CSS. Je ne peux pas vraiment t'aider dans ces conditions. :/

Replace ces lignes de code dans le CSS:

DANS LE CSS:

Code:
.forumline {
    border-radius: 6px 20px 20px 6px;
    box-shadow: 1px 1px 2px #DA650C;
    margin: 0px 0px 10px;
    max-width: 850px;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.row1 { background-color: rgba(0, 0, 0, 0.6) !important; } .row1 over { background-color: rgba(0, 0, 0, 0.6) !important; }
.row2 { background-color: rgba(0, 0, 0, 0.6) !important; } .row3 { background-color: rgba(0, 0, 0, 0.6) !important; }
.row3 over { background-color: rgba(0, 0, 0, 0.6) !important; }

Ça devrait fonctionner. ^-^

Une fois que c'est fait, il faudrait que tu me passes le template index_box trouvable dans le panneau d'administration. Wink

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Julien Nicolas le Mar 21 Juil 2015 - 20:47

Haha c'est bon j'ai du mal copié ou quoi ...

Mais maintenant c'est les en-tête de catégories qui sont beaucoup plus claire

En tous cas félicitation a toi !

Julien Nicolas
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 20/07/2015

http://unionofliberty.tonempire.com/
Julien Nicolas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Teurancher le Mar 21 Juil 2015 - 20:50

On va donc faire en sorte que seulement ces cases héritent d'un background à l'opacité plus importante. Smile

DANS LE CSS:

Code:
.forumline th {
    height: 25px;
    padding: 2px 3px;
    background-color: rgba(0, 0, 0, 0.5) !important;
    background-image: none;
}

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Julien Nicolas le Mar 21 Juil 2015 - 20:56

hihi tu t'es trompé c'est background-color: rgba(0, 0, 0, 0.6) !important; et non background-color: rgba(0, 0, 0, 0.5) !important; :p

Bon bah nickel !

Dernière question avant de te laissé tranquille tu ma été d'une aide incroybale merci beaucoup

Le contour orange moyen de le virer ?

Merci !

Julien Nicolas
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 20/07/2015

http://unionofliberty.tonempire.com/
Julien Nicolas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Teurancher le Mar 21 Juil 2015 - 20:57

Autant pour moi ^^

DANS LE CSS:

Code:
.forumline {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border-radius: 6px 20px 20px 6px;
    box-shadow: none;
    margin: 0px 0px 10px;
    max-width: 850px;
    padding: 5px;
}

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Julien Nicolas le Mar 21 Juil 2015 - 21:02

Bon bah voilà la plus de commande c'est bon ! merci infiniment ! t'es très doué

Psssss dit tu saurais pas comment on enlève les traits gris en dessous de chaque catégories je l'es mis ce matin j'ai oublié ou --' boulet spotted

Merci

Julien Nicolas
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 20/07/2015

http://unionofliberty.tonempire.com/
Julien Nicolas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page global forum

Message par Teurancher le Mar 21 Juil 2015 - 21:04

Si tu parles des traits gris en dessous de chaque sous-forum;

DANS LE CSS, TROUVER ET REMPLACER A.FORUMLINK PAR CECI:
Code:
a.forumlink {
    border-bottom: 0px solid #1A1A1A;
    display: block;
    padding: 4px;
}


Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher 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


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