Mise en page global forum

[Julien Nicolas]

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 !

[Teurancher]

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

[Julien Nicolas]

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 : https://i.servimg.com/u/f18/19/18/66/91/captur10.png

Merci

[Teurancher]

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

[Julien Nicolas]

Merci beaucoup !!!!!!

Si je veux modifié la transparence je modifie quoi ?

[Teurancher]

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

[Julien Nicolas]

Ha d'accord donc non modifiable ?

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

Merci !!

[Teurancher]

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

70%: https://2img.net/image.noelshack.com/fichiers/2015/30/1437495007-bg-fondnoir70pourcent.png
75%: https://2img.net/image.noelshack.com/fichiers/2015/30/1437495007-bg-fondnoir75pourcent.png
80%: https://2img.net/image.noelshack.com/fichiers/2015/30/1437495007-bg-fondnoir80pourcent.png
90%: https://2img.net/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;
}

[Julien Nicolas]

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

[Teurancher]

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

[Julien Nicolas]

Aucun des deux ne fonctionnes

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

[Teurancher]

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

[Julien Nicolas]

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

[Teurancher]

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.

[Julien Nicolas]

Je vais chercher un peu je veux apprendre

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

[Teurancher]

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

[Julien Nicolas]

Juste un truc je crois pas que ça sois possible

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

Merci

[Teurancher]

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

[Julien Nicolas]

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 !

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

Merci encore

[Teurancher]

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

[Julien Nicolas]

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

[Teurancher]

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

[Julien Nicolas]

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

[Teurancher]

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.

[Julien Nicolas]

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 !

[Teurancher]

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

DANS LE CSS:

Code:

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

[Julien Nicolas]

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 !

[Teurancher]

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

[Julien Nicolas]

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

[Teurancher]

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