Thème Viking Ganimed

[Arwen74]

Rappel du premier message :

En bref...

Nature de la création : Theme
Taille de la création (en pixels) : 100x100
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]

Image(s)

Lien(s) image(s) :

[Vous devez être inscrit et connecté pour voir ce lien]

Visualiser:

Texte

Texte à insérer : Vikings de Ganimed
Police à utiliser : N/A
Couleur police : N/A

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonjour

Je reviens vous voir car j'ai un deuxième forum qui nécessite un rafraîchissement graphique avec plus de cohérence.
Ceci est toujours un forum dédiée au jeu Ogame, une alliance a nouveau viking mais sur un autre serveur "Ganimed" avec d'autres joueurs.
Comme le précédent graphique que Jay m'a si gentillement fait, je n'ai pas besoin de récupérer d'image (il y en a pas beaucoup non plus). Juste une fusion graphique entre le jeu ogame et les vikings à nouveau serait top.

Merci beaucoup pour votre soutient.

Actuellement 60 membres dessus


Cordialement

Arwen

[Vous devez être inscrit et connecté pour voir cette image]

Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions. Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.

[Arwen74]

non pas a ce que je sache

[◦Jay◦]

Forcez les templates par défaut pour voir si le problème vient de la SVP, vous pourrez les remettre comme à l'heure actuelle par la suite en cochant "non" à " Forcer les templates par défaut :"

[Arwen74]

cela ne fait rien par contre je viens de m'apercevoir que vous avez raison

Templates modifiés et publiés : 4

sur PA ->Affichage

Comment est ce qu'on les enleve ?

[Arwen74]

je dis des betises c'est les 4 templates que vous m'aviez donné ça

[◦Jay◦]

C'est normal, ce sont ceux que je vous ai fait modifier, ne les changez pas !

Vous pouvez cocher "non" à " Forcer les templates par défaut :"

Rendez-vous dans votre feuille CSS et cochez "oui" à Forcer le CSS de base du forum:

Si cela fonctionne, le logo sera énorme, revenez au CSS puis cochez "non" à Forcer le CSS de base du forum:

Puis copiez et collez moi le css ici entre balises code svp.

[Arwen74]

Code:

img#i_logo{margin-top:250px;
width:85%;}
body {
background-image:url(http://image.noelshack.com/fichiers/2016/12/1458578048-fondjpeg-1.jpg);
background-size: 100% auto;
background-attachment: fixed;
}
.bodyline{background-color: rgba(0, 0, 0, 0.5);
border-left:1px solid #ececec;
border-right:1px solid #ececec;
padding: 0px;
box-shadow:0px 0px 10px #80ffff;}
.row1,.row2,.row3,td.cat,td.row3Right{background-color: rgba(0, 0, 0, 0.5);}
td.row3Right{border-right:none;}
td.cat,td.rowpic{background-color:rgba(18, 35, 44, 0.8);
border-top:1px solid #ececec;
border-bottom:1px solid #ececec;}
#fa_toolbar{border-bottom:1px solid #ececec}
.secondarytitle,th,td.row1.over:hover,td.row2,td.row1,td.row3,td.row3Right{border-bottom:1px solid #000000;}
div.postbody {
border:1px solid #585858;
background-color:#141414;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
padding:20px;
min-height:250px;
}
dd.quote{border:1px solid #585858;
border-bottom-left-radius:9px;
border-top-right-radius:9px;
padding:15px}
.cattitle{margin-left:5px}
#tfa_left_qeel{
position:fixed;
left: -506px;
bottom:200px;
width:504px;
background-color:#12232c ;
border: 1px solid #80FFFF;
margin: 0;
padding: 0;
z-index:10;
box-shadow:23px 2px 8px #141414
}
#tfa_cacher_Lqeel{
display:none;
margin: 0;
padding: 0;
}
#content_qeel_left{
float:left;
width:500px;
margin:0;
padding:0;
}
#content_qeel_left .forumline{
width: 100%;
margin: 5px 0;
padding: 0;
text-align:left;
}
#ouvrir_fermer_left_qeel{
float:right;
width: 27px;
margin-right:-28px;
padding:0;
cursor: pointer;
}
.qeellateral{width:19px; height:302px; background:url("http://image.noelshack.com/fichiers/2016/11/1458503131-image210.png") no-repeat 0px 0px;
box-shadow:1px 0px 5px #80ffff;}
.qeellateral:hover{background:url("http://image.noelshack.com/fichiers/2016/11/1458503131-image210.png") no-repeat -19px 0px;}
.sceditor-container.ltr.sourceMode {max-width : 900px;}
div.sceditor-toolbar {
background-color: #141414 !important;
}
body div.sceditor-group {
border-bottom: none;
}
table.forumline {
border-spacing: 0 1px;
}
#quick_reply td.row2,.forumline.noprint td.row2,#info_open td.row1{border:none}
.sprite-tabs_less{background-image:none}
div.sceditor-group
{
background: #141414 !important;
}
a.sceditor-button
{
background: #ffffff !important;
border-radius:20px !important;
}
a.sceditor-button:hover
{
background: #80ffff !important;
border-radius:20px !important;
}
.sceditor-container iframe, .sceditor-container textarea
{
background:url(http://image.noelshack.com/fichiers/2016/12/1458674187-editeur.png)!important;
background-repeat: no-repeat!important;
background-position: center!important;
}
#savec { position:relative; }
.save-bloc { color: #555!important; z-index: 999; padding: 5px;  border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer; }
.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
a.sceditor-button.sceditor-button-time
{
display: none;
}
a.sceditor-button-more
{display: none;}
.sceditor-button.sceditor-button-removeformat
{display: none;}
#smilies_header
{display:none;}
.sceditor-dropdown.sceditor-servimg {background-color : #141414;}
#sceditor_smilies {background-color : #141414;}
::-webkit-scrollbar{
  width: 15px;
  height: 15px;
}
::-webkit-scrollbar-track {
  background-color: #292929;
  border: 1px solid #000000; 
}
::-webkit-scrollbar-thumb {
  background-color: #292929;
  border-radius: 0px; 
  border: 1px solid #80ffff; 
  box-shadow: 0px 2px 2px #000;
  z-index: 999 ;
}
.haut_profil{
background: url(http://image.noelshack.com/fichiers/2016/12/1458675056-fa2-110.png) no-repeat transparent;
width: 170px;
height: 41px;
margin-top : 0px;
padding: 0;
}
.centre_profil{
background: url(http://image.noelshack.com/fichiers/2016/12/1458675066-fa2-210.png) repeat-y transparent;
width: 170px;
margin: 0 auto;
padding: 0;
}
.bas_profil{
background: url(http://image.noelshack.com/fichiers/2016/12/1458675073-fa2-310.png) no-repeat transparent;
width: 170px;
height: 29px;
margin: 0 auto;
padding: 0;
}
.haut_profil .name{
display: block;
width: 100%;
margin: 0 auto;
padding: 12px 0px 0px 0px;
font: 16px Arial;
text-align: center;
}
.centre_profil .postdetails.poster-profile{
display: block;
width: 150px;
margin: auto;
padding: 2px 10px;
text-align: center;
}
.centre_profil img {
max-width:150px; }
html{ 
height: 100%;
} 
.bodylinewidth {
position: relative; 
min-height: 100%; 
height:100%;
margin:0 auto;
}
#pied_de_page{
position: relative; 
width: 100%;
margin-bottom: 0px;
margin-top:290px;
}
.contenu{
background: url(http://image.noelshack.com/fichiers/2016/11/1458502088-pdp10.png) repeat-x scroll 50% 0% transparent;
position: absolute;
bottom: 0px; 
height: 318px; 
width: 100%;
padding: 2px; 
padding-top: 15px; 
}
.navigation{
 width: 120px;
 background:#141414;
 margin-top : 50px;
 padding: 16px;
 border:1px solid #80ffff;
}
.navigation h1{
 color: #80ffff;
 border-bottom: 1px dotted #80ffff;
 font: italic 14px Verdana;
 margin: 10px auto;
}
.les_liens a{
 text-decoration: none;
 color: #E0DDDD;
 font: 12px ,Verdana,Arial,Helvetica,sans-serif;
}
.cellules{
 background: url(http://i68.servimg.com/u/f68/19/38/65/42/sepa10.png) no-repeat top right;
 height:250px;
}
.cellules h1, .cellule2 h1{
 width: 90%;
 margin: 50px auto;
 font: italic 18px Verdana;
 color: #E0DDDD;
 border-bottom: 1px dotted #80ffff;
}
.cellules div, .cellule2 div{
  font: 14px Arial,Helvetica,sans-serif;
  text-align: left;
}
.social{
 margin-top: 10px;
}
.gamerfooter{
  position:absolute;
    bottom: 0px!important;
    width: 100%;
    z-index: 100;}
a.mainmenu {
color: #ececec;
display: inline-block;
font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
font-size: 15px;
font-weight: 700;}
a.mainmenu:hover {
color: #80ffff;}
#fa_toolbar{box-shadow:0px 0px 10px #80ffff;}

[◦Jay◦]

Ok, j'ai vu, remplacez le contenu du CSS par ceci :

Code:

img#i_logo{margin-top:250px;
width:85%;}
body {
background-image:url(http://image.noelshack.com/fichiers/2016/12/1458578048-fondjpeg-1.jpg);
background-size: 100% auto;
background-attachment: fixed;
}
.bodyline{background-color: rgba(0, 0, 0, 0.5);
border-left:1px solid #ececec;
border-right:1px solid #ececec;
padding: 0px;
box-shadow:0px 0px 10px #80ffff;}
.row1,.row2,.row3,td.cat,td.row3Right{background-color: rgba(0, 0, 0, 0.5);}
td.row3Right{border-right:none;}
td.cat,td.rowpic{background-color:rgba(18, 35, 44, 0.8);
border-top:1px solid #ececec;
border-bottom:1px solid #ececec;}
#fa_toolbar{border-bottom:1px solid #ececec}
.secondarytitle,th,td.row1.over:hover,td.row2,td.row1,td.row3,td.row3Right{border-bottom:1px solid #000000;}
div.postbody {
border:1px solid #585858;
background-color:#141414;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
padding:20px;
min-height:250px;
}
dd.quote{border:1px solid #585858;
border-bottom-left-radius:9px;
border-top-right-radius:9px;
padding:15px}
.cattitle{margin-left:5px}
#tfa_left_qeel{
position:fixed;
left: -506px;
bottom:200px;
width:504px;
background-color:#12232c ;
border: 1px solid #80FFFF;
margin: 0;
padding: 0;
z-index:10;
box-shadow:23px 2px 8px #141414
}
#tfa_cacher_Lqeel{
display:none;
margin: 0;
padding: 0;
}
#content_qeel_left{
float:left;
width:500px;
margin:0;
padding:0;
}
#content_qeel_left .forumline{
width: 100%;
margin: 5px 0;
padding: 0;
text-align:left;
}
#ouvrir_fermer_left_qeel{
float:right;
width: 27px;
margin-right:-28px;
padding:0;
cursor: pointer;
}
.qeellateral{width:19px; height:302px; background:url("http://image.noelshack.com/fichiers/2016/11/1458503131-image210.png") no-repeat 0px 0px;
box-shadow:1px 0px 5px #80ffff;}
.qeellateral:hover{background:url("http://image.noelshack.com/fichiers/2016/11/1458503131-image210.png") no-repeat -19px 0px;}
.sceditor-container.ltr.sourceMode {max-width : 900px;}
div.sceditor-toolbar {
background-color: #141414 !important;
}
body div.sceditor-group {
border-bottom: none;
}
table.forumline {
border-spacing: 0 1px;
}
#quick_reply td.row2,.forumline.noprint td.row2,#info_open td.row1{border:none}
.sprite-tabs_less{background-image:none}
div.sceditor-group
{
background: #141414 !important;
}
a.sceditor-button
{
background: #ffffff !important;
border-radius:20px !important;
}
a.sceditor-button:hover
{
background: #80ffff !important;
border-radius:20px !important;
}
.sceditor-container iframe, .sceditor-container textarea
{
background:url(http://image.noelshack.com/fichiers/2016/12/1458674187-editeur.png)!important;
background-repeat: no-repeat!important;
background-position: center!important;
}
#savec { position:relative; }
.save-bloc { color: #555!important; z-index: 999; padding: 5px;  border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer; }
.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
a.sceditor-button.sceditor-button-time
{
display: none;
}
a.sceditor-button-more
{display: none;}
.sceditor-button.sceditor-button-removeformat
{display: none;}
#smilies_header
{display:none;}
.sceditor-dropdown.sceditor-servimg {background-color : #141414;}
#sceditor_smilies {background-color : #141414;}
::-webkit-scrollbar{
  width: 15px;
  height: 15px;
}
::-webkit-scrollbar-track {
  background-color: #292929;
  border: 1px solid #000000; 
}
::-webkit-scrollbar-thumb {
  background-color: #292929;
  border-radius: 0px; 
  border: 1px solid #80ffff; 
  box-shadow: 0px 2px 2px #000;
  z-index: 999 ;
}
.haut_profil{
background: url(http://image.noelshack.com/fichiers/2016/12/1458675056-fa2-110.png) no-repeat transparent;
width: 170px;
height: 41px;
margin-top : 0px;
padding: 0;
}
.centre_profil{
background: url(http://image.noelshack.com/fichiers/2016/12/1458675066-fa2-210.png) repeat-y transparent;
width: 170px;
margin: 0 auto;
padding: 0;
}
.bas_profil{
background: url(http://image.noelshack.com/fichiers/2016/12/1458675073-fa2-310.png) no-repeat transparent;
width: 170px;
height: 29px;
margin: 0 auto;
padding: 0;
}
.haut_profil .name{
display: block;
width: 100%;
margin: 0 auto;
padding: 12px 0px 0px 0px;
font: 16px Arial;
text-align: center;
}
.centre_profil .postdetails.poster-profile{
display: block;
width: 150px;
margin: auto;
padding: 2px 10px;
text-align: center;
}
.centre_profil img {
max-width:150px; }
html{ 
height: 100%;
} 
.bodylinewidth {
position: relative; 
min-height: 100%; 
height:100%;
margin:0 auto;
}
#pied_de_page{
position: relative; 
width: 100%;
margin-bottom: 0px;
margin-top:290px;
}
.contenu{
background: url(http://image.noelshack.com/fichiers/2016/11/1458502088-pdp10.png) repeat-x scroll 50% 0% transparent;
position: absolute;
bottom: 0px; 
height: 318px; 
width: 100%;
padding: 2px; 
padding-top: 15px; 
}
.navigation{
 width: 120px;
 background:#141414;
 margin-top : 50px;
 padding: 16px;
 border:1px solid #80ffff;
}
.navigation h1{
 color: #80ffff;
 border-bottom: 1px dotted #80ffff;
 font: italic 14px Verdana;
 margin: 10px auto;
}
.les_liens a{
 text-decoration: none;
 color: #E0DDDD;
 font: 12px ,Verdana,Arial,Helvetica,sans-serif;
}
.cellules{
 background: url(http://i68.servimg.com/u/f68/19/38/65/42/sepa10.png) no-repeat top right;
 height:250px;
}
.cellules h1, .cellule2 h1{
 width: 90%;
 margin: 50px auto;
 font: italic 18px Verdana;
 color: #E0DDDD;
 border-bottom: 1px dotted #80ffff;
}
.cellules div, .cellule2 div{
  font: 14px Arial,Helvetica,sans-serif;
  text-align: left;
}
.social{
 margin-top: 10px;
}
.gamerfooter{
  position:absolute;
    bottom: 0px!important;
    width: 100%;
    z-index: 100;}
a.mainmenu {
color: #ececec;
display: inline-block;
font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
font-size: 15px;
font-weight: 700;}
a.mainmenu:hover {
color: #80ffff;}
#fa_toolbar{box-shadow:0px 0px 10px #80ffff;}

[Arwen74]

en le remplaçant le forum deviens tout noir avec le logo en gros dessus. Si j'enleve "forcer le css" le logo ne s'affiche plus

[◦Jay◦]

Enlevez le forcer le css, je regarderai cet après midi.

[Arwen74]

Ok merci Jay

[◦Jay◦]

Dans votre PA>Affichage>Page d'accueil>En-tête & Navigation>Position du logo : est-il bien sur centré ?

[Arwen74]

non il ne l'était pas c'est tout bon c'est affiché. J'ai un petit problème sur la page de connexion la police est transparent + sur la page d'enregistrement

[◦Jay◦]

A quel endroit ? Faites moi un screen ou ouvrez le forum aux invités, je ne vois pas.

[◦Jay◦]

Ha oui, j'ai compris !

Vous pouvez rajouter ce code à votre CSS :

Code:

input{color:#000;}

[Arwen74]

[Vous devez être inscrit et connecté pour voir ce lien]

Les boutons sont noir et les textbox aussi en connexion

[◦Jay◦]

Lorsque je regarde votre forum, le texte est bien blanc. Videz votre cache.

Sinon, dans les couleurs, changez la couleur du texte.

Edit: vous pouvez faire comme ceci :

Code:

input{background-color:#000}

[◦Jay◦]

[Vous devez être inscrit et connecté pour voir cette image]

Afin de faciliter la gestion des commandes, si la vôtre est terminée, pensez à : éditer votre premier message, cocher l'icône résolu et enregistrer. Pensez à enregistrer la création sur votre ordinateur. Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton [Vous devez être inscrit et connecté pour voir cette image]. Si vous désirez d'autres propositions, merci de le préciser.

[Arwen74]

Bonjour Jay

Oui dsl pas mal occupé avec ce week end de Pâques. Merci beaucoup pour le graphisme, tout les membres adorent et vous remercie pour votre travail.
J'ai pu résoudre mon problème sur la couleur de la page de connexion c'est tip top, j'ai juste une dernière petite question : comment centre t on les signatures ?

Bien cordialement

[◦Jay◦]

Bonjour Arwen74, il n'y a pas de problème et si vos membres et vous-même êtes content, c'est un grand plaisir pour moi.


Pour centrer une signature, faites comme ceci :

Code:

[center][img]URL de votre image[/img][/center]

Exemple avec ma signature sur ce forum :

Code:

[center][img]http://image.noelshack.com/fichiers/2016/03/1453310516-signfond4-2.png[/img][/center]

Bien à vous.