problème mise à jour de la page d'accueil
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
problème mise à jour de la page d'accueil
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 : Tous les utilisateurs
Problème apparu depuis : depuis plus d'un an
Lien du forum : http://conception-art.graphforum.com/
Description du problème
Bonjourdepuis plus d'un an nous avons des difficultés à mettre notre page d'accueil à jour, nous ne pouvons pas le faire directement, sinon ça déforme tout voir les captures avant modif et après modif .
j'ai enregistré le code en bloc note sur mon PC, ou j'apporte les modifications et ensuite je réinstalle la totalité du codage de la PA, seulement si je ne suis pas présente, personne ne peut mettre à jour, d'ou cela peut-il venir, je suis administratrice du forum, la Fondatrice m'ayant laissé les clés du forum lors de son départ, j'ai donc ses codes d'accès
les captures je les ai fait sur mon forum test afin de ne pas perturber les membres présents sur Conception-Art
merci de votre réponse
Edit : avez-vous besoin du lien du forum test ??
Dernière édition par titefée le Jeu 21 Mai 2015, 23:29, édité 1 fois
Re: problème mise à jour de la page d'accueil
Bonjour titefée,
Si la mise à jour du code de la PA mène à une déformation de l'affichage c'est qu'il y a des erreurs dans le code. Des erreurs dans la structure notamment.
Le mieux serait de donner le code pour qu'on puisse le corriger.
Si la mise à jour du code de la PA mène à une déformation de l'affichage c'est qu'il y a des erreurs dans le code. Des erreurs dans la structure notamment.
Le mieux serait de donner le code pour qu'on puisse le corriger.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: problème mise à jour de la page d'accueil
bonsoir
je vous passe le code de la Page d'accueil du forum, s'il faut changer quelques choses dans les templates, je peux y avoir accès
je vous passe le code de la Page d'accueil du forum, s'il faut changer quelques choses dans les templates, je peux y avoir accès
- Code:
<style>
#pa { background-image:url('http://img15.hostingpics.net/pics/9125331415788642pa.png'); width:800px; height:760px; }
#contexte { width:370px; height:210px; position:relative; top:240px; right:170px; overflow:auto; color:#FFFFFF; }
#staff { width:310px; height:90px; position:relative; top:30px; left:215px; overflow:hidden; }
.monBloc { position: relative; overflow: hidden; width: 71px; height:33px; background: #0D050A; }
.monBloc a { color:#997239; }
.blocVolet { position: absolute; top: 0; left: 0; width: 71px; height: 150px; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }
.monBloc:hover > .blocVolet { left: 250px; }
#navigation { width:270px; height:90px; position:relative; top:70px; left:215px; overflow:hidden; color:#46161C; }
#partenaires { width:320px; height:90px; position:relative; top:150px; left:215px; overflow:hidden; }
div.tableauparte { width:320px; line-height:0; padding-top:10px; }
div.tableauparte a, div.tableauparte a img { height: 18px; width: 50px; }
div.tableauparte a { display: inline-block; position: relative; margin: 1px; }
div.tableauparte a img { display: block; position: absolute; left: 0; top: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
div.tableauparte a:hover img { height: 31px; width: 88px; z-index: 99; left: -50%; top: -50%; }
#aotw { position: relative; right:300px; top:25px; width: 196px; height: 44px; }
#sotw { position: relative; right:300px; top:30px; width: 196px; height: 44px; }
#fotw { position: relative; right:300px; top:35px; width: 196px; height: 44px; }
.infobulle { position: relative; z-index: 0;}
.infobulle:hover { background-color: transparent; z-index: 50;}
.infobulle span { position: absolute; background-color: #131113; color: #E4D6AF; padding: 5px; visibility: hidden;
text-align: center; line-height: 15px; }
.infobulle span img { padding: 5px; }
.infobulle:hover span { visibility: visible; bottom: 20px; left: 30px; border-bottom: 3px solid #D3D2D4; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; z-index:100; }
.infobulle a { color: #67493E; text-decoration: none; }
.infobulle a:hover { font-style: italic; }
/*#topsite { width:220px; height:80px; position:relative; top:-60px; left:240px; overflow:hidden; }*/
#topsite { background-image:url('http://img15.hostingpics.net/pics/782343topsite.png'); width:111px; height:230px; overflow: visible; position: fixed; bottom: 400px; left: 0px; z-index:1000; }
#topsite table img { position: relative; right:20px; top:10px; z-index:1000; }
#animactu { position: relative; right:92px; bottom:110px; width: 230px; height: 160px; }
.slideshow, .slide { width: 230px; height: 160px; }
.slideshow { margin: 0; overflow: hidden; }
.slideshow div { position: relative; top: 0; left: 0; }
.slide { margin: 0; overflow: auto; display: inline-block; vertical-align: middle; text-align: center; color:#FFFFFF; }
.slide p { margin: 10px; text-align: justify; }
.slideshow h1 { color:#46161C; font-size:14px; font-weight:bold; }
</style>
<div id="pa">
<div id="contexte">
<p>
Conception Art est une communauté de graphisme ou les membres aiment partager leurs connaissances et venir en aide aux autres, le tout dans un contexte fantastique régit d'étranges créatures magiques. Venez vous entourer d'artistes, d'elfes, d'ensorceleurs et d'enchanteurs dans un pays où le graphisme est une façon d'exister ! Nous vous proposons diverses animations hebdomadaires et événementielles pour mettre un peu de fantaisie dans votre quotidien, tout au long de l'année. Si l'espace d'un instant vous vous laissez prendre au jeu vous ne serez pas déçu, rejoignez nous
</p>
</div>
<div id="staff">
<table>
<tbody>
<tr>
<td>
<div class="monBloc">
<div class="blocVolet">
<img src="http://nsa33.casimages.com/img/2014/05/12//140512012557385074.jpg" />
</div>
<center>
Swinae<br /><a href="http://conception-art.graphforum.com/privmsg?mode=post&u=1">MP</a> - <a href="http://conception-art.graphforum.com/u1">Profil</a>
</center>
</div>
</td>
<td>
<div class="monBloc">
<div class="blocVolet">
<img src="http://nsa34.casimages.com/img/2014/05/12//14051201304341810.jpg" />
</div>
<center>
Titefée<br /><a href="http://conception-art.graphforum.com/privmsg?mode=post&u=9">MP</a> - <a href="http://conception-art.graphforum.com/u9">Profil</a>
</center>
</div>
</td>
<td>
<div class="monBloc">
<div class="blocVolet">
<img src="http://nsa33.casimages.com/img/2014/05/12//14051201311724057.jpg" />
</div>
<center>
Raven<br /><a href="http://conception-art.graphforum.com/privmsg?mode=post&u=7">MP</a> - <a href="http://conception-art.graphforum.com/u7">Profil</a>
</center>
</div>
</td>
<td>
<div class="monBloc">
<div class="blocVolet">
<img src="http://nsa33.casimages.com/img/2014/05/12//140512013149625678.jpg" />
</div>
<center>
RedFox<br /><a href="http://conception-art.graphforum.com/privmsg?mode=post&u=209">MP</a> - <a href="http://conception-art.graphforum.com/u209">Profil</a>
</center>
</div>
</td>
</tr>
<tr>
<td>
<div class="monBloc">
<div class="blocVolet">
<img src="http://nsa33.casimages.com/img/2014/05/12//140512014254154468.jpg" />
</div>
<center>
Ondine<br /><a href="http://conception-art.graphforum.com/privmsg?mode=post&u=18">MP</a> - <a href="http://conception-art.graphforum.com/u221">Profil</a>
</center>
</div>
</td>
<td>
<div class="monBloc">
<div class="blocVolet">
<img src="http://nsa34.casimages.com/img/2014/05/12//140512014317837527.jpg" />
</div>
<center>
Hazuki<br /><a href="http://conception-art.graphforum.com/privmsg?mode=post&u=18">MP</a> - <a href="http://conception-art.graphforum.com/u18">Profil</a>
</center>
</div>
</td>
<td>
<div class="monBloc">
<div class="blocVolet">
<img src="http://nsa34.casimages.com/img/2014/05/12//140512014342136316.jpg" />
</div>
<center>
Elf<br /><a href="http://conception-art.graphforum.com/privmsg?mode=post&u=312">MP</a> - <a href="http://conception-art.graphforum.com/u312">Profil</a>
</center>
</div>
</td>
<td>
<div class="monBloc">
<div class="blocVolet">
<img src="http://nsa33.casimages.com/img/2014/05/12//140512014410892859.jpg" />
</div>
<center>
Christa<br /><a href="http://conception-art.graphforum.com/privmsg?mode=post&u=96">MP</a> - <a href="http://conception-art.graphforum.com/u96">Profil</a>
</center>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div id="navigation">
♦ Vous êtes nouveau ? ♦<br /><a href="http://conception-art.graphforum.com/t6-serment">Serment</a> - <a href="http://conception-art.graphforum.com/t11-vous-avez-dit-poussiere">Poussières d'étoile</a> - <a href="http://conception-art.graphforum.com/f9-presentations">Présentations</a><br /> ♦ Envie d'un partenariat ? ♦<br /><a href="http://conception-art.graphforum.com/t3286-regles-de-partenariat-demandes">Demandes</a> - <a href="http://conception-art.graphforum.com/t91-nos-logos-liens-fiche">Nous lier</a> - <a href="http://conception-art.graphforum.com/t3103-liste-de-nos-partenaires">Nos Partenaires</a><br /> ♦ Besoin d'aide ? ♦<br /><a href="http://conception-art.graphforum.com/f29-tutoriels">Tutoriels</a> - <a href="http://conception-art.graphforum.com/f31-aide-aux-artistes">Analyses</a> - <a href="http://conception-art.graphforum.com/f72-le-libre-service">LS</a> - <a href="http://conception-art.graphforum.com/f147-themes-complets">Commandes</a><br />
</div>
<div id="partenaires">
<div class="tableauparte">
<table>
<tbody>
<tr>
<td>
<a target="_blank" title="Nano Role Play" href="http://www.nano-roleplay.com/"><img alt="Nano Role Play" src="http://i54.tinypic.com/351dco9.jpg" /></a><a target="_blank" title="Never Utopia" href="http://www.never-utopia.com/forum"><img alt="Never Utopia" src="http://img4.hostingpics.net/pics/876649logo1.jpg" /></a><a target="_blank" title="Lindwuën Daëmon" href="http://lindwuen-daemon.superforum.fr/"><img alt="Lindwuën Daëmon" src="http://img11.hostingpics.net/pics/684831gig.gif" /></a><a target="_blank" title="Aide au RPG" href="http://www.aide-au-rpg.com/"><img alt="Aide au RPG" src="http://nsa34.casimages.com/img/2013/06/01/130601062027666396.png" /></a> <a target="_blank" title="Cocktail Graph" href="http://www.cocktail-graph.com/"><img alt="Cocktail Graph" src="http://img4.hostingpics.net/pics/324786100x35amasu.png" /></a>
</td>
</tr>
<tr>
<td>
<a target="_blank" title="Epicode" href="http://epicode.bbactif.com/"><img alt="Epicode" src="http://img15.hostingpics.net/pics/986147logo2.png" /></a><a target="_blank" title="Make Your Horse" href="http://make-your-horse.forumactif.com/"><img alt="Make Your Horse" src="http://nsa34.casimages.com/img/2013/07/31/130731113544911828.png" /></a><a target="_blank" title="Pixel Paradise" href="http://www.pixels-paradise.com/"><img alt="Pixel Paradise" src="http://ahp.li/80ec7595e20599dc73e9.png" /></a><a href="http://ouatrpg.forumactif.org/" title="Once upon a Time" target="_blank"><img src="http://img11.hostingpics.net/pics/441573logo5.png" alt="Once upon a Time" /></a> <a href="http://folygraph.monempire.net/" title="Folygraph" target="_blank"><img src="http://i.imgur.com/xVxVuVJ.png" alt="Folygraph" /></a>
</td>
</tr>
<tr>
<td>
<a target="_blank" title="ShowYourArt" href="http://showyourart.forumactif.pro/"><img alt="ShowYourArt" src="http://img11.hostingpics.net/pics/497798Petitlogo.png" /></a><a href="http://conception-art.graphforum.com/" title="Conception Art" target="_blank"><img src="http://i56.servimg.com/u/f56/11/37/44/85/pub110.png" alt="Conception Art" /></a><a href="http://conception-art.graphforum.com/" title="Conception Art" target="_blank"><img src="http://i56.servimg.com/u/f56/11/37/44/85/pub110.png" alt="Conception Art" /></a> <a href="http://conception-art.graphforum.com/" title="Conception Art" target="_blank"><img src="http://i56.servimg.com/u/f56/11/37/44/85/pub110.png" alt="Conception Art" /></a><a href="http://conception-art.graphforum.com/" title="Conception Art" target="_blank"><img src="http://i56.servimg.com/u/f56/11/37/44/85/pub110.png" alt="Conception Art" /></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="aotw">
<div class="infobulle">
<img src="http://i56.servimg.com/u/f56/11/37/44/85/icones23.png" /> <span></span>
<center>
<img src="http://zupimages.net/up/15/10/t1ox.png" /> <br /><strong>AOTW 44</strong> <br />Vainqueur: Pinkloid
</center><span> </span>
</div>
</div>
<div id="sotw">
<div class="infobulle">
<img src="http://i56.servimg.com/u/f56/11/37/44/85/icones23.png" /> <span></span>
<center>
<img src="http://img15.hostingpics.net/pics/679854SOTWRain.png" /> <br /><strong>SOTW 142</strong> <br />Vainqueur: Fraisy
</center><span> </span>
</div>
</div>
<div id="fotw">
<div class="infobulle">
<img src="http://i56.servimg.com/u/f56/11/37/44/85/icones23.png" /> <span></span>
<center>
<img src="http://i38.servimg.com/u/f38/17/22/61/09/sign-v12.jpg" /> <br /><strong>FOTW 93</strong> <br />Vainqueur: Fair
</center><span> </span>
</div>
</div>
<div id="topsite">
<table>
<tbody>
<tr>
<td>
<a target="_blank" href="http://lesforumsdefa.olympe-network.com/topsite/vote.php?id=133"><img border="0" src="http://i56.servimg.com/u/f56/11/37/44/85/icones22.png" alt="conception art" /></a>
</td>
</tr>
<tr>
<td>
<a target="_blank" href="http://www.root-top.com/topsite/cda2/in.php?ID=69"><img border="0" src="http://i56.servimg.com/u/f56/11/37/44/85/icones22.png" alt="conception art" /></a>
</td>
</tr>
<tr>
<td>
<a target="_blank" href="http://www.root-top.com/topsite/topelegant/in.php?ID=7"><img border="0" src="http://i56.servimg.com/u/f56/11/37/44/85/icones22.png" alt="conception art" /></a>
</td>
</tr>
<tr>
<td>
<a target="_blank" href="http://www.root-top.com/topsite/natou/in.php?ID=785"><img border="0" src="http://i56.servimg.com/u/f56/11/37/44/85/icones22.png" alt="conception art" /></a>
</td>
</tr>
</tbody>
</table>
</div>
<div id="animactu">
<!-- Slideshow infini horizontal -->
<div class="slideshow" id="slideshow">
<div id="slideshow-container">
<div class="slide">
<h1>
Conception-Art a 4 ans
</h1>
<p>
Chers membres En ce mois de Mars où certains sont en vacances veuillez de ne pas oublier nos animations hebdomadaires ainsi que le Concours Mystère n° 3 Faites-vous plaisir et surprenez nous
</p>
</div>
<div class="slide">
<h1>
Animations hebdomadaire
</h1>
<p>
Aotw 46 Thème Le sourire Venez participer Sotw 143 Thème l'univers de Sonic Plus que quelques jours pour participer Fotw 96 Thème libre Plus que quelques jours pour participer avant la prochaine fotw
</p>
</div>
<div class="slide">
<h1>
Concours Mystère
</h1>
<p>
Thème jeux video Pour plus d'informations rendez-vous sur le sujet du concours dans les animations événementielles
</p>
</div>
</div>
</div>
</div>
</div>
Re: problème mise à jour de la page d'accueil
Vous savez que vous pouvez mettre la CSS directement dans le panneau >> affichage >> couleur >> feuille de style CSS ; ça vous ferait gagner en espace et en lisibilité.
Ca va le rendu n'est pas si terrible.
Où va cette image ?
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: problème mise à jour de la page d'accueil
nous avons déjà une feuille de style CSS, là c'est la page d'accueil que nous mettons dans panneau => Affichage => généralités
d'ailleurs les trois images se chevauchent l'Aotw la Sotw l'image qui domine va dans la Fotw 93
vous faut-il le CSS également ??
d'ailleurs les trois images se chevauchent l'Aotw la Sotw l'image qui domine va dans la Fotw 93
vous faut-il le CSS également ??
Re: problème mise à jour de la page d'accueil
Et bien, la feuille de style CSS est faite pour mettre la partie code CSS dedans, donc c'est inutile de mettre la CSS dans page d'accueil > généralité, mais comme vous voulez.
A priori ce sont des infobulles que vous aviez, c'est bien ça ?
Si vous avez la CSS qui va avec, il me la faudrait, que je fasse ça correctement.
A priori ce sont des infobulles que vous aviez, c'est bien ça ?
Si vous avez la CSS qui va avec, il me la faudrait, que je fasse ça correctement.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: problème mise à jour de la page d'accueil
Bonjour
Désolée j'étais absente aujourd'hui, je vous passe le CSS
Désolée j'étais absente aujourd'hui, je vous passe le CSS
- Code:
/* CSS POUR L'APPARENCE GENERAL - DEBUT */
body{
background-image: url('http://img15.hostingpics.net/pics/769691banniree.png'), url('');
background-color: #0A0709;
background-repeat: no-repeat, repeat;
background-position: top center, center;
background-attachment: scroll;
}
-RETRAIT : ce CSS pose de nombreux problèmes - {
display: none;
}
#chatbox {
width: 620px;
}
/* CSS POUR L'APPARENCE GENERAL - FIN */
/* CSS POUR LES PROFILS - DEBUT */
#fondprof {
background-color: #2B2C34;
border-radius: 20px;
padding: 15px;
}
.profilnom {
width: 200px;
height: 20px;
background-color: #0A0709;
border-radius: 10px;
padding: 3px;
margin-bottom: 10px;
}
.postdetails.poster-profile a img {
border-radius: 10px;
border: 3px solid #0A0709;
background: #0A0709;
margin-bottom: 10px;
}
.profinfo {
width: 200px;
background-color: #0A0709;
border-radius: 10px;
}
#reponsemembre {
margin-left: 10px;
border-radius: 20px;
padding: 10px;
background-color: #0A0709;
}
#cadresujet {
background: #0A0709;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
/* CSS POUR LES PROFILS - FIN */
/* CSS POUR LES CATEGORIES - DEBUT */
.titi {
margin-top: 30px;
margin-left: 0px;
}
.transpa{
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity = 50);
font-size: 1px;
width: 801px;
height: 150px;
}
a.forumlink .titi { display: none; }
div.secondarytitle h2 .titi { display: none; }
a.nav img { display:none; }
.forumline {
width: 900px;
}
.cate_titre {
width: 805px;
height: 136px;
margin: auto;
text-align: center;
background-image: url("http://img15.hostingpics.net/pics/171814hautcat.png")
}
.stats_last img {
margin-top: -30px;
margin-left: 110px;
}
.categorie {
width: 801px;
margin: auto;
margin-top: -10px;
margin-bottom: 10px;
background: #1A161F;
}
.forum{
align: center;
width: 801px;
margin-top: 5px;
margin-bottom: 5px;
background: #1A161F;
border-bottom: 1px solid #18090b;
}
a.forumlink {
display: block;
color: #E9D8B9;
font-size: 26px;
font-family: 'Lobster', cursive;
font-weight: lighter;
letter-spacing:1px;
margin-top:10px;
margin-bottom:-10px;
padding-bottom: 8px;
height: 6px;
line-height: 6px;
letter-spacing:1pt;
-moz-transition-property : letter-spacing ;
-moz-transition-duration : 1s ;
}
a.forumlink:hover{
letter-spacing: 5pt;
color: #F6F7F8;
}
a.forumlink:before { content:"♦ ";}
a.forumlink:hover:before { content:"♦ ";
}
.description {
margin-right: 100px;
display: block;
padding: 1px;
width: 480px;
margin: auto;
font-size: 12px;
text-align: justify;
background-color: #0D050A;
border-bottom: 8px solid #BCC0C9;
border-radius: 0px 40px 0px 40px;
}
.illu {
float: right;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #c0c0c0;
background: #e9e9e6;
padding: 5px;
}
.stats_last {
display: block;
width: 160px;
height: 70px;
margin-left: 10px;
background:#1A1826;
padding: 10px;
border-radius: 40px 0px 40px 0px;
border-bottom: 4px solid #BCC0C9;
}
.stats {
display: block;
text-align: center;
font-size: 9px;
color: #E9D8B9;
border-bottom: 1px solid #E9D8B9;
padding-bottom: 4px;
margin-bottom: 4px;
}
.last {
display: block;
text-align: center;
font-size: 11px;
}
.forum_icone {
padding-left: 5px;
}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
/* CSS POUR LES CATEGORIES - FIN */
/* CSS POUR LES BORDURES - DEBUT */
.row3Right {
border: none !important;
}
.thHead {
border: none !important;
}
.thCornerL, .thCornerR, .thTop {
border: none !important;
}
.thLeft, .thRight {
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight {
border: none! important;
}
.catHead {
border: none !important;
}
.catBottom {
border: none !important;
}
.accueil .forumline {
background-color: transparent;
border: none;
}
.accueil .row1 {
background-color: transparent;
border: none;
}
.accueil td.catHead {
background-image: none;
background-color: transparent;
border: none;
}
/* CSS POUR LES BORDURES - FIN */
/* CSS POUR LES CODES, SPOILER, CITATION - DEBUT */
.selectCode {
float:right;
text-transform: uppercase;
}
.code {
color: #E8D6B2;
text-align: justify;
padding: 6px;
background-color: #0D050A;
border: 2px dotted #FFF;
}
.quote {
color: #E8D6B2;
text-align: justify;
padding: 6px;
background-color: #0D050A;
}
.spoiler_content {
color: #E8D6B2;
text-align: justify;
padding: 6px;
background-color: #0D050A;
border: 2px dotted #FFF;
}
.spoiler_closed {
color: #E8D6B2;
text-align: justify;
padding: 6px;
background-color: #0D050A;
border: 2px dotted #FFF;
}
input, select {
color: #E8D6B2;
background-color: #0D050A;
border: 1px solid #FFF;
}
textarea, select {
color: #E8D6B2;
background-color: #0D050A;
border: 1px solid #FFF;
}
/* CSS POUR LES CODES, SPOILER, CITATION - FIN */
/* CSS POUR LES TITRES & SOUS-TITRES - DEBUT */
.titre01 {
display: block;
background-color: #0D050A;
padding-left: 60px;
font-size: 30px;
font-family: 'Lobster', cursive;
font-weight: lighter;
letter-spacing:1px;
font-style:bold;
margin-top:10px;
margin-bottom:-5px;
color: #FFFFFF;
height: 6px;
padding-bottom: 10px;
text-shadow:0px 0px 3px #;
line-height: 6px;
text-decoration: none;
letter-spacing:1pt;
-moz-transition-property : letter-spacing ;
-moz-transition-duration : 1s ;
border-bottom: 3px dotted #FFFFFF;
}
.titre01:hover { letter-spacing: 5pt; }
.titre01:before { content:"♦ ";}
.titre01:hover:before { content:"♦ ";}
.cadre01 {
width: 600px;
padding: 10px;
background-color: #0D050A;
border: 4px solid #8E918F;
color: #F6F6F6;
margin-bottom:-5px;
}
.titre02 {
display: block;
background-color: #0D050A;
padding-left: 10px;
padding-bottom: 7px;
font-size: 22px;
font-family: 'Lobster', cursive;
font-weight: lighter;
letter-spacing:1px;
margin-top:10px;
margin-bottom:-5px;
color: #C8C6C7;
height: 6px;
font-style:bold;
text-shadow:0px 0px 3px #;
line-height: 6px;
letter-spacing:1pt;
-moz-transition-property : letter-spacing ;
-moz-transition-duration : 1s ;
}
.titre02:hover { letter-spacing: 5pt; }
.titre02:before { content:"♦ ";}
.titre02:hover:before { content:"♦ ";}
.titrefiche {
position: relative;
font-family: 'Lobster', cursive;
padding-left: 70px;
color: #664C48;
font-size: 50px;
text-shadow:1px 1px 0px #0D050A;
margin-bottom: -20px;
z-index: 215;
}
.titrefiche2 {
font-family: 'Lobster', cursive;
color: #67493E;
font-size: 25px;
text-shadow:1px 1px 0px #0D050A;
}
.imgfiche {
position: relative;
width: 600px;
height: 200px;
z-index: 1;
}
.fotwim img {
max-width: 600px;
}
/* FICHE (C) SUNHAE & Raven */
.cadrehaut{
text-align: center;
background-color: #0D050A;
width: 560px;
height: 25px;
font-family: 'Lobster', cursive;
color: #FFFFFF;
font-size: 35px;
text-shadow:1px 1px 0px #0D050A;
transform:rotate(2deg);
-ms-transform:rotate(2deg);
-moz-transform:rotate(2deg);
-webkit-transform:rotate(2deg);
-o-transform:rotate(2deg);
margin-bottom: 30px;
}
.avatar{
background-image: url('http://i59.servimg.com/u/f59/15/61/78/25/avatar10.png');
width: 200px;
height: 437px;
border: none;
margin-bottom: 10px;
}
.imgfiche1 {
background-image: url('http://i59.servimg.com/u/f59/15/61/78/25/icone_10.png');
width: 100px;
height: 100px;
margin-left: 10px;
margin-bottom: 10px;
}
.imgfiche2 {
background-image: url('http://i59.servimg.com/u/f59/15/61/78/25/icone_11.png');
width: 100px;
height: 100px;
margin-left: 5px;
margin-bottom: 10px;
}
.imgfiche3 {
background-image: url('http://i59.servimg.com/u/f59/15/61/78/25/icone_12.png');
width: 100px;
height: 100px;
margin-left: 5px;
margin-bottom: 10px;
}
.titre{
width: 290px;
font-family: 'Lobster', cursive;
color: #FFFFFF;
text-align: center;
font-size: 25px;
text-shadow:1px 1px 0px #0D050A;
margin-top: -20px;
position: absolute;
}
.grosbloc{
color: #E8D6B2;
background-color: #0D050A;
width: 315px;
height: 280px;
padding: 10px;
overflow: auto;
vertical-align:top;
border: 4px solid #2B2C34;
margin-left: 10px;
}
.blocbas{
color: #E8D6B2;
background-color: #0D050A;
width: 535px;
height: 200px;
padding: 10px;
overflow: auto;
vertical-align:top;
margin-top: 20px;
border: 4px solid #2B2C34;
}
/* CSS POUR LES TITRES & SOUS-TITRES - FIN */
/* CSS POUR LES TOPSITES - DEBUT */
#topsite { background-image:url('http://img15.hostingpics.net/pics/782343topsite.png'); width:136px; height:229px; overflow: visible; position: fixed; bottom: 400px; left: 0px; z-index: 999; }
#topsite table img { position: relative; right:20px; top:10px; z-index: 999; }
/* CSS POUR LES TOPSITES - FIN */
/* CSS POUR LE QEEL - DEBUT */
.texteqeel {
margin-top: 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #E8D6B2;
text-align: center;
margin-top: 0px;
}
/* CSS POUR LE QEEL - FIN */
/* CSS POUR LES GALERIES - DEBUT */
/* ---------- Galerie de Christa ---------- */
.infobulle_galerie {
position: relative;
}
.infobulle_galerie span {
display: none;
}
.infobulle_galerie:hover {
z-index: 999;
}
.infobulle_galerie:hover span {
display: block;
position: absolute;
align: center;
margin: auto;
background-color: #5e1214;
padding: 3px;
white-space: nowrap;
}
/* CSS POUR LES GALERIES - FIN */
Re: problème mise à jour de la page d'accueil
bonjour
petite information supplémentaire, le problème est apparue dès la mise en place de la nouvelle boîte de dialogue dans Panneau => Affichage => généralités , avant nous n'avions aucun problème
pour effectuer les modifications
petite information supplémentaire, le problème est apparue dès la mise en place de la nouvelle boîte de dialogue dans Panneau => Affichage => généralités , avant nous n'avions aucun problème
pour effectuer les modifications
Re: problème mise à jour de la page d'accueil
Bonjour,
Le problème vient du code :
Dans votre CSS vous indiquez que c'est le contenu du span qui doit être modifié hors le code est en dehors du span car vous avez mis une balise center. On ne peut pas mettre de balise center entre balises span.
Le problème est réglé quand on remet les images et texte dans les balises span sans center et qu'on enlève le superflu (balises center et les balises span en trop du coup, générées par la PA qui tente de corriger l'erreur) :
Le problème vient du code :
<div class="infobulle">
<img src="https://i.servimg.com/u/f56/11/37/44/85/icones23.png" /> <span></span>
<center>
<img src="https://www.zupimages.net/up/15/10/t1ox.png" /> <br /><strong>AOTW 44</strong> <br />Vainqueur: Pinkloid
</center> <span> </span>
</div>
Dans votre CSS vous indiquez que c'est le contenu du span qui doit être modifié hors le code est en dehors du span car vous avez mis une balise center. On ne peut pas mettre de balise center entre balises span.
Le problème est réglé quand on remet les images et texte dans les balises span sans center et qu'on enlève le superflu (balises center et les balises span en trop du coup, générées par la PA qui tente de corriger l'erreur) :
- Code:
<div id="pa">
<div id="contexte">
<p>
Conception Art est une communauté de graphisme ou les membres aiment partager leurs connaissances et venir en aide aux autres, le tout dans un contexte fantastique régit d'étranges créatures magiques. Venez vous entourer d'artistes, d'elfes, d'ensorceleurs et d'enchanteurs dans un pays où le graphisme est une façon d'exister ! Nous vous proposons diverses animations hebdomadaires et événementielles pour mettre un peu de fantaisie dans votre quotidien, tout au long de l'année. Si l'espace d'un instant vous vous laissez prendre au jeu vous ne serez pas déçu, rejoignez nous
</p>
</div>
<div id="staff">
<table>
<tbody>
<tr>
<td>
<div class="monBloc">
<div class="blocVolet">
<img src="http://nsa33.casimages.com/img/2014/05/12//140512012557385074.jpg" />
</div>
<center>
Swinae<br /><a href="http://conception-art.graphforum.com/privmsg?mode=post&u=1">MP</a> - <a href="http://conception-art.graphforum.com/u1">Profil</a>
</center>
</div>
</td>
<td>
<div class="monBloc">
<div class="blocVolet">
<img src="http://nsa34.casimages.com/img/2014/05/12//14051201304341810.jpg" />
</div>
<center>
Titefée<br /><a href="http://conception-art.graphforum.com/privmsg?mode=post&u=9">MP</a> - <a href="http://conception-art.graphforum.com/u9">Profil</a>
</center>
</div>
</td>
<td>
<div class="monBloc">
<div class="blocVolet">
<img src="http://nsa33.casimages.com/img/2014/05/12//14051201311724057.jpg" />
</div>
<center>
Raven<br /><a href="http://conception-art.graphforum.com/privmsg?mode=post&u=7">MP</a> - <a href="http://conception-art.graphforum.com/u7">Profil</a>
</center>
</div>
</td>
<td>
<div class="monBloc">
<div class="blocVolet">
<img src="http://nsa33.casimages.com/img/2014/05/12//140512013149625678.jpg" />
</div>
<center>
RedFox<br /><a href="http://conception-art.graphforum.com/privmsg?mode=post&u=209">MP</a> - <a href="http://conception-art.graphforum.com/u209">Profil</a>
</center>
</div>
</td>
</tr>
<tr>
<td>
<div class="monBloc">
<div class="blocVolet">
<img src="http://nsa33.casimages.com/img/2014/05/12//140512014254154468.jpg" />
</div>
<center>
Ondine<br /><a href="http://conception-art.graphforum.com/privmsg?mode=post&u=18">MP</a> - <a href="http://conception-art.graphforum.com/u221">Profil</a>
</center>
</div>
</td>
<td>
<div class="monBloc">
<div class="blocVolet">
<img src="http://nsa34.casimages.com/img/2014/05/12//140512014317837527.jpg" />
</div>
<center>
Hazuki<br /><a href="http://conception-art.graphforum.com/privmsg?mode=post&u=18">MP</a> - <a href="http://conception-art.graphforum.com/u18">Profil</a>
</center>
</div>
</td>
<td>
<div class="monBloc">
<div class="blocVolet">
<img src="http://nsa34.casimages.com/img/2014/05/12//140512014342136316.jpg" />
</div>
<center>
Elf<br /><a href="http://conception-art.graphforum.com/privmsg?mode=post&u=312">MP</a> - <a href="http://conception-art.graphforum.com/u312">Profil</a>
</center>
</div>
</td>
<td>
<div class="monBloc">
<div class="blocVolet">
<img src="http://nsa33.casimages.com/img/2014/05/12//140512014410892859.jpg" />
</div>
<center>
Christa<br /><a href="http://conception-art.graphforum.com/privmsg?mode=post&u=96">MP</a> - <a href="http://conception-art.graphforum.com/u96">Profil</a>
</center>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div id="navigation">
♦ Vous êtes nouveau ? ♦<br /><a href="http://conception-art.graphforum.com/t6-serment">Serment</a> - <a href="http://conception-art.graphforum.com/t11-vous-avez-dit-poussiere">Poussières d'étoile</a> - <a href="http://conception-art.graphforum.com/f9-presentations">Présentations</a><br /> ♦ Envie d'un partenariat ? ♦<br /><a href="http://conception-art.graphforum.com/t3286-regles-de-partenariat-demandes">Demandes</a> - <a href="http://conception-art.graphforum.com/t91-nos-logos-liens-fiche">Nous lier</a> - <a href="http://conception-art.graphforum.com/t3103-liste-de-nos-partenaires">Nos Partenaires</a><br /> ♦ Besoin d'aide ? ♦<br /><a href="http://conception-art.graphforum.com/f29-tutoriels">Tutoriels</a> - <a href="http://conception-art.graphforum.com/f31-aide-aux-artistes">Analyses</a> - <a href="http://conception-art.graphforum.com/f72-le-libre-service">LS</a> - <a href="http://conception-art.graphforum.com/f147-themes-complets">Commandes</a><br />
</div>
<div id="partenaires">
<div class="tableauparte">
<table>
<tbody>
<tr>
<td>
<a target="_blank" title="Nano Role Play" href="http://www.nano-roleplay.com/"><img alt="Nano Role Play" src="http://i54.tinypic.com/351dco9.jpg" /></a><a target="_blank" title="Never Utopia" href="http://www.never-utopia.com/forum"><img alt="Never Utopia" src="http://img4.hostingpics.net/pics/876649logo1.jpg" /></a><a target="_blank" title="Lindwuën Daëmon" href="http://lindwuen-daemon.superforum.fr/"><img alt="Lindwuën Daëmon" src="http://img11.hostingpics.net/pics/684831gig.gif" /></a><a target="_blank" title="Aide au RPG" href="http://www.aide-au-rpg.com/"><img alt="Aide au RPG" src="http://nsa34.casimages.com/img/2013/06/01/130601062027666396.png" /></a> <a target="_blank" title="Cocktail Graph" href="http://www.cocktail-graph.com/"><img alt="Cocktail Graph" src="http://img4.hostingpics.net/pics/324786100x35amasu.png" /></a>
</td>
</tr>
<tr>
<td>
<a target="_blank" title="Epicode" href="http://epicode.bbactif.com/"><img alt="Epicode" src="http://img15.hostingpics.net/pics/986147logo2.png" /></a><a target="_blank" title="Make Your Horse" href="http://make-your-horse.forumactif.com/"><img alt="Make Your Horse" src="http://nsa34.casimages.com/img/2013/07/31/130731113544911828.png" /></a><a target="_blank" title="Pixel Paradise" href="http://www.pixels-paradise.com/"><img alt="Pixel Paradise" src="http://ahp.li/80ec7595e20599dc73e9.png" /></a><a href="http://ouatrpg.forumactif.org/" title="Once upon a Time" target="_blank"><img src="http://img11.hostingpics.net/pics/441573logo5.png" alt="Once upon a Time" /></a> <a href="http://folygraph.monempire.net/" title="Folygraph" target="_blank"><img src="http://i.imgur.com/xVxVuVJ.png" alt="Folygraph" /></a>
</td>
</tr>
<tr>
<td>
<a target="_blank" title="ShowYourArt" href="http://showyourart.forumactif.pro/"><img alt="ShowYourArt" src="http://img11.hostingpics.net/pics/497798Petitlogo.png" /></a><a href="http://conception-art.graphforum.com/" title="Conception Art" target="_blank"><img src="http://i56.servimg.com/u/f56/11/37/44/85/pub110.png" alt="Conception Art" /></a><a href="http://conception-art.graphforum.com/" title="Conception Art" target="_blank"><img src="http://i56.servimg.com/u/f56/11/37/44/85/pub110.png" alt="Conception Art" /></a> <a href="http://conception-art.graphforum.com/" title="Conception Art" target="_blank"><img src="http://i56.servimg.com/u/f56/11/37/44/85/pub110.png" alt="Conception Art" /></a><a href="http://conception-art.graphforum.com/" title="Conception Art" target="_blank"><img src="http://i56.servimg.com/u/f56/11/37/44/85/pub110.png" alt="Conception Art" /></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="aotw">
<div class="infobulle">
<img src="http://i56.servimg.com/u/f56/11/37/44/85/icones23.png" /> <span><img src="http://zupimages.net/up/15/10/t1ox.png" /> <br /><strong>AOTW 44</strong> <br />Vainqueur: Pinkloid </span>
</div>
</div>
<div id="sotw">
<div class="infobulle">
<img src="http://i56.servimg.com/u/f56/11/37/44/85/icones23.png" /> <span><img src="http://img15.hostingpics.net/pics/679854SOTWRain.png" /> <br /><strong>SOTW 142</strong> <br />Vainqueur: Fraisy </span>
</div>
</div>
<div id="fotw">
<div class="infobulle">
<img src="http://i56.servimg.com/u/f56/11/37/44/85/icones23.png" /> <span><img src="http://i38.servimg.com/u/f38/17/22/61/09/sign-v12.jpg" /> <br /><strong>FOTW 93</strong> <br />Vainqueur: Fair </span>
</div>
</div>
<div id="topsite">
<table>
<tbody>
<tr>
<td>
<a target="_blank" href="http://lesforumsdefa.olympe-network.com/topsite/vote.php?id=133"><img src="http://i56.servimg.com/u/f56/11/37/44/85/icones22.png" alt="conception art" border="0" /></a>
</td>
</tr>
<tr>
<td>
<a target="_blank" href="http://www.root-top.com/topsite/cda2/in.php?ID=69"><img src="http://i56.servimg.com/u/f56/11/37/44/85/icones22.png" alt="conception art" border="0" /></a>
</td>
</tr>
<tr>
<td>
<a target="_blank" href="http://www.root-top.com/topsite/topelegant/in.php?ID=7"><img src="http://i56.servimg.com/u/f56/11/37/44/85/icones22.png" alt="conception art" border="0" /></a>
</td>
</tr>
<tr>
<td>
<a target="_blank" href="http://www.root-top.com/topsite/natou/in.php?ID=785"><img src="http://i56.servimg.com/u/f56/11/37/44/85/icones22.png" alt="conception art" border="0" /></a>
</td>
</tr>
</tbody>
</table>
</div>
<div id="animactu">
<!-- Slideshow infini horizontal -->
<div class="slideshow" id="slideshow">
<div id="slideshow-container">
<div class="slide">
<h1>
Conception-Art a 4 ans
</h1>
<p>
Chers membres En ce mois de Mars où certains sont en vacances veuillez de ne pas oublier nos animations hebdomadaires ainsi que le Concours Mystère n° 3 Faites-vous plaisir et surprenez nous
</p>
</div>
<div class="slide">
<h1>
Animations hebdomadaire
</h1>
<p>
Aotw 46 Thème Le sourire Venez participer Sotw 143 Thème l'univers de Sonic Plus que quelques jours pour participer Fotw 96 Thème libre Plus que quelques jours pour participer avant la prochaine fotw
</p>
</div>
<div class="slide">
<h1>
Concours Mystère
</h1>
<p>
Thème jeux video Pour plus d'informations rendez-vous sur le sujet du concours dans les animations événementielles
</p>
</div>
</div>
</div>
</div>
</div>
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: problème mise à jour de la page d'accueil
Bonjour
merci d'avoir trouvé l'erreur, du coup, doit-on modifier le CSS ??? notre codeur prépare son mémoire je ne peux pas lui demander de travailler sur le codage, son diplôme avant tout, s'il faut le faire je vais essayer de me débrouiller sans mettre de balises inadéquates
merci d'avoir trouvé l'erreur, du coup, doit-on modifier le CSS ??? notre codeur prépare son mémoire je ne peux pas lui demander de travailler sur le codage, son diplôme avant tout, s'il faut le faire je vais essayer de me débrouiller sans mettre de balises inadéquates
Re: problème mise à jour de la page d'accueil
Bonjour,
Non il n'y a pas besoin de modifier le CSS. Vous pouvez rajouter des choses dans le code HTML directement. Le tout étant de respecter les règles de normes et la validité des balises pour ne pas avoir de problèmes.
Si jamais vous avez peur de faire une boulette, vous pouvez poster votre code ici et demander à ce qu'on regarde et applique les modifications.
Non il n'y a pas besoin de modifier le CSS. Vous pouvez rajouter des choses dans le code HTML directement. Le tout étant de respecter les règles de normes et la validité des balises pour ne pas avoir de problèmes.
Si jamais vous avez peur de faire une boulette, vous pouvez poster votre code ici et demander à ce qu'on regarde et applique les modifications.
Dernière édition par Lixyr le Ven 22 Mai 2015, 09:49, édité 1 fois
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: problème mise à jour de la page d'accueil
bonsoir
pour la page d'accueil c'est bon j'apporte les modifs sans problème, c'était surtout au cas ou je devais refaire le CSS, comme il peut rester comme ça, cela m'arrange.
merci beaucoup pour l'aide que vous m'avez apporter, je vais faire un essai ce soir sur le forum test, si j'ai le moindre soucis je reviendrai vers vous
bonne soirée
pour la page d'accueil c'est bon j'apporte les modifs sans problème, c'était surtout au cas ou je devais refaire le CSS, comme il peut rester comme ça, cela m'arrange.
merci beaucoup pour l'aide que vous m'avez apporter, je vais faire un essai ce soir sur le forum test, si j'ai le moindre soucis je reviendrai vers vous
bonne soirée
Sujets similaires
» problème mise à jour FB
» Page d'Accueil et mise à jour
» Onglets d'admin - mise à jour de la page d'accueil
» Page d'Acceuil inopérante depuis Mise a jour Editeur
» Problème mise à jour éditeur
» Page d'Accueil et mise à jour
» Onglets d'admin - mise à jour de la page d'accueil
» Page d'Acceuil inopérante depuis Mise a jour Editeur
» Problème mise à jour éditeur
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum