[Réglé] Image de fond et transparence

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.1

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !
Partager sur FacebookPartager sur TwitterPartager sur Google+

[Réglé] Image de fond et transparence

Messagepar dionico » 02 Jan 2017 à 19:28

Bonjour,

J'aimerai métre une image de fond sur mon forum. (fix)

https://forum.geonosis.ovh
Le style du forum est proDVGFX ( basé sur Prosilver je pensse )

L'image est un ciel étoillé.
Déja télécharger dans le fichier images de mon style.


J'ai réussie sur le colour.css a l'intégré en background-image, mais le souci c'est que l'on ne la voie pas...(ou tré peut) a cause des nombreux bloc de couleur grise du theme. J'aurai aimé modifier l'opacité de ses bloc pour voire l'image mais je ne sais pas a quoi il coressponde dans le colour.css

Un extrait de mon colour.css ( sans aucune modification )

Code: Tout sélectionner
Colours and backgrounds for common.css
-------------------------------------------------------------- 
*/

html, body {
	color: #D3D3D3;
	background-color: #1F1F1F;
}


h1 {
	color: #FFFFFF;
}

h2 {
	color: #C7CFCF;
}

h3 {
	color: #CCC;
}

hr {
	border-color: #000000;
	border-top-color: #CCCCCC;
}

Code: Tout sélectionner
/* Round cornered boxes and backgrounds
---------------------------------------- */
#wrap {
	background-color: #1F1F1F;
	/*border-color: #E6E9ED;*/
}

.headerbar {
    background-color: transparent;
    color: #FFF;
}

.navbar {
	background: #2A2A2A;
	padding: 0 10px;
}

.statbar {
	background: #070707;
}

.forabg, .forumbg {
	background: #101010 url("./images/bg_list.png") repeat-x;
}

/*.forumbg {
	background: #090909 url("./images/f_bg.png") repeat-x;
}*/

.panel {
	background-color: #191919;
	color: #D9D4D4;
}

.post:target .content {
	color: #D7D4D4;
}

.post:target h3 a {
	color: #D7D4D4;
}

.bg1, .bg2, .bg3 {
	background: #2A2A2A url("./images/p_bg.png") repeat-x;
}

table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
	background: #2A2A2A url("./images/p_bg.png") repeat-x;
}

table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
	background: #2A2A2A url("./images/p_bg.png") repeat-x;
}

.ucprowbg {
	background-color: #1F1F1F;
}

.fieldsbg {
	background-color: #2A2A2A;
}


Je suis navré pour mon orthographe. :mrgreen:

Cordialement.
dionico
Posteur néophyte
Posteur néophyte
 
Messages: 5
Enregistré le: 02 Jan 2017 à 18:52

Re: Image de fond et transparence

Messagepar Mazeltof » 02 Jan 2017 à 19:50

'soir ici,

Je ne vois pas ton image de fond étoilée, où l'as tu inséré au juste ?
Le lien de téléchargement de ton style ? stp
je vais y jeter un oeil :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2228
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Image de fond et transparence

Messagepar dionico » 02 Jan 2017 à 20:09

Merci beaucoup pour la réponse rapide :

Le style : proDVGFX pour 3.1.10 , Téléchargé ici = https://github.com/Prosk8er/phpBB3-Styles/tree/master

Pour l'image :
J'ai enlever la configuration que j'avait faite car pas concluante : sinon un lien de l'image : [url]http://img1.joyreactor.cc/pics/comment/full/земля-космос-красота-звезды-142673.jpeg[/url]

Sachant que la vertion de l'image que j'avai téléchargé dans le dossier images de mon théme fait 148 KB (864x486)
Edit : le lien de l'image au dimention (http://www.transients.info/wp-content/uploads/2016/10/The-Cosmic-Journey-of-Lai-Part-3.jpg)
dionico
Posteur néophyte
Posteur néophyte
 
Messages: 5
Enregistré le: 02 Jan 2017 à 18:52

Re: Image de fond et transparence

Messagepar Mazeltof » 02 Jan 2017 à 23:33

Avant d'aller plus loin, je te suggère de lire cette doc, si tu veux apporter pas mal de modifications à ce style c'est mieux.
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2228
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Image de fond et transparence

Messagepar dionico » 03 Jan 2017 à 00:11

J'instalerai sa demain,

Up sur la modification, l'image de fond et en place, mais je n'arrive pas a donné de la transparance au fond gris du forum :
Les modification :

Dans colour.css
Code: Tout sélectionner
html, body {
	color: #D3D3D3;
        background: #1F1F1F url("./images/back1.jpg") 50% 0/100% no-repeat fixed;
}


Code: Tout sélectionner
#wrap {
	background: rgba(0, 6, 0, 0.6);
        border-color: rgba(0, 6, 0, 0.6);
}


La je bloc pour le restes, , j'aimerai juste appliqué une opacity:0.X ou un rgba au fond des forum et mais je ne sais pas ou le faire ni sur quoi.

Lien forum : https://www.forum.geonosis.ovh
dionico
Posteur néophyte
Posteur néophyte
 
Messages: 5
Enregistré le: 02 Jan 2017 à 18:52

Re: Image de fond et transparence

Messagepar Mazeltof » 03 Jan 2017 à 11:44

ce sont les bordures en images qui posent soucis.
les déclarations de couleurs en rgba fonctionnent très bien pour donner une transparence mais ne fonctionnent pas sur les images.
je te prépare quelque chose de similaire sans images de bordures :wink:

Edit : 02 Jan 2017 à 15:58
Essaie ce style hérité de proDVGFX :wink:

GeonosiS.zip
(172.39 Kio) Téléchargé 51 fois

Avant de l'installer ouvre le fichier GeonosiS/style.cfg et remplace © votre nom ici (vers la ligne 23) par ton nom, ton pseudo, ou ce que tu veux.
Il faut que proDVGFX soit installé pour que ça fonctionne.

Pour le moment il y a une transparence sur #wrap uniquement et quelques modifs que tu avais apporté au style.
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2228
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Image de fond et transparence

Messagepar dionico » 03 Jan 2017 à 19:17

Installation Faite,

C'est parfait :P

Merci beaucoup :idea: , j'ai tag le topic comme réglé. 8)

En fouinant hier j'ai trouvé que ça venait des border, et tenté de toutes les changés en éditant avec de la transparence directement sur les Png :mrgreen:, mais mes essais sont resté infructueux. :oops:

Juste pour le background du header, je peux le modifier oú du coup ? directement dans proDVGFX où dans sont jumeau si rapidement personnalisé ? ( merci encor)
dionico
Posteur néophyte
Posteur néophyte
 
Messages: 5
Enregistré le: 02 Jan 2017 à 18:52

Re: Image de fond et transparence

Messagepar Mazeltof » 03 Jan 2017 à 19:31

Content que ça te convienne :wink:

Puisque tu as désormais un style hérité, toutes les modifs a apporter doivent être faites sur ce style.

Tu ne dois plus modifier le style prosilver ni, dans ton cas, le style proDVGFX ... plus jamais :mrgreen:
Tu devrais même remettre ces deux styles a l'état d'origine (sans aucune modification).

Les modifications CSS à venir sont à ajouter dans styles\GeonosiS\theme\stylesheet.css
et si tu as des modifications html, il faut copier le fichier concerné du style "parent" le plus direct et le coller dans styles\GeonosiS\template\ avant de modifier cette copie.

Dans le doute, n'hésite pas a ouvrir un sujet :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2228
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras


Retourner vers [3.1.x] Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 2 invités