La date/heure actuelle est Jeu 26 Avr 2018 - 8:09

101 résultats trouvés pour 000000

Fond de page

En bref...

Nature de la création : Autre
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) :

Image:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


Texte

Texte à insérer : Aucun
Police à utiliser : Aucune
Couleur police : Aucune

En détails...

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

Excusez-moi de vous déranger à nouveau mais je reviens vers vous avec cette image que je compte utiliser comme fond de page de mon fofo et comme vous pouvez le constater les teintes ne sont pas en adéquation avec celles de mon fofo (ici c'est un peu trop "jaune") qui sont dans les bruns-beiges, pouvez-vous donc essayer d'accorder les teintes pour harmoniser cette image avec mon fofo s'il vous plaît ?

Et peut-être la redimensionner s'il vous plaît car cela apparaît ainsi sur mon fofo test actuellement :

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

Merci beaucoup,

Très belle fin de semaine,

Au plaisir,

Ombeline.

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] 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.
par Ombeline30
le Ven 9 Mar 2018 - 15:12
 
Rechercher dans: Commandes terminées
Sujet: Fond de page
Réponses: 6
Vues: 401

Barre de navigation

En bref...

Nature de la création : Barre de navigation
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:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]
 

Texte

Texte à insérer : Photos, Événement et Enregistrement
Police à utiliser : Time new roman
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Ma barre de navigation a été fait, il y a longtemps. J'aimerais ajouter à celle-ci, trois ''texte image'' dont je n'ai pas. Photos, Événement et Enregistrement. Malheureusement, j'ignore quelle police a été utilité et la couleur exacte de cette police. Mais au besoin, je suis ouvert à refaire faire la barre de navigation dans le même style, au grand complet. J'ignore aussi les dimensions en pixel car je ne m'y connais pas beaucoup.

Merci de votre aide ! [Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] 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.
par Lyrvania
le Sam 3 Mar 2018 - 19:16
 
Rechercher dans: Commandes terminées
Sujet: Barre de navigation
Réponses: 2
Vues: 464

logo a l'identique svp merci

En bref...

Nature de la création : Autre
Taille de la création (en pixels) : 156x151
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:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


Texte

Texte à insérer : le meme
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,

bonjour, Ce logo m'appartient, une collègue me l'avait fait pour ma page fb emploi job asv.
Je l'ai souvent copié du coup il a persu en qualité, je ne peux pus l"utiliser pour des graphiques papiers.

Est ce possible de le refaire a l'identique ? ou du bien s'y rapprochant bien en gardant la couleur bleue, merci j'attends vos instructions. merci

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] 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.
par dorienne
le Sam 3 Mar 2018 - 15:36
 
Rechercher dans: Commandes terminées
Sujet: logo a l'identique svp merci
Réponses: 2
Vues: 305

Soucis de compatibilité entre deux js

Si ce code n'est, au final, effectué que sur les balises a, la modification à faire est simple je pense.
Mais si dans un avenir proche ou lointain, tu souhaitais que cette infobulle s'affiche sur une div par exemple, ça ne fonctionnerait plus.
J'imagine que c'est le contenu du title qui est affiché en infobulle ? C'est pour ça que tu vises l'attribut title ? Et que certains liens affectés par le code ne peuvent pas être modifiés à la main directement dans les templates ?!

Sinon ce serait plus simple de simplement indiquer au script qu'il ne doit viser que les attribut title d'une certaine partie. Pour ça, tu pourrais rajouter un attribut data-infobulle à des endroits souhaités par exemple.

En fait, le plus simple, pour moi comme pour toi, pour l'instant, serait que tu entoures les parties où tu souhaites l'infobulle d'une div, s'il n'y en a pas déjà une, comme ceci :

Code:
<div data-infobulle="true">.......</div>


par exemple, et qu'ensuite tu vises les parties qui t'intéressent, en JS, comme ceci :

Code:
/* tooltip */
$(function(){
          // general options for editing the tooltip
          // see more : http://iamceege.github.io/tooltipster/#options
          var options = {
            animation : 'fade',
            arrow : true,
            speed : 300,
            delay : 300,
            onlyOne : true,
            theme : 'tooltipster-default'
          },
       
          // delay execution by placing the function into another queue
          // helps with applying to other JS created elements such as the editor
          queue = true,
          titles,
       
          parse = function() {
            titles = $('div[data-infobulle="true"] [title]');
            titles.tooltipster && titles.not('[title=""], .mentiontag, .tooltipstered').tooltipster(options);
          };
       
          queue ? $(parse) : parse();
        });


(le code est le même, j'ai simplement modifié cette ligne :
titles = $('div[data-infobulle="true"] [title]');

)


J'ai testé avec le lien "Formulaire de présentation", dans le cadre vert.
Je l'ai modifié comme ceci :

<div class="boubou" data-infobulle="true" align="center">
<a href="/h8-formulaire-de-presentation" title="titre de test pour infobulle"><span id="span-boubou"><span style="color: #000000;">Formulaire de présentation</span></span></a>
</div>


et ça fonctionne bien. Une infobulle apparait avec comme message "titre de test pour infobulle".

L'idéal serait de ne pas créer de nouvelle balise pour entourer les parties que tu souhaites modifier, mais que tu modifies les balises déjà présentes entourant ces dites parties, en rajoutant simplement

Code:
data-infobulle="true"


comme si c'était un attribut title (voir l'exemple que j'ai donné juste au dessus).
par Lixyr
le Mar 13 Fév 2018 - 21:21
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Soucis de compatibilité entre deux js
Réponses: 24
Vues: 1210

Rang pour forum type led/futuriste

En bref...

Nature de la création : Rang
Taille de la création (en pixels) : 150x53
Couleur de fond : N/A

Image(s)

Lien(s) image(s) :N/A

Texte

Texte à insérer : Membre, Junior, Elite, Awesome, Graphiste, Demi Dieu, Dieu, Modérateur, Fondateur, Sponsor
Police à utiliser : Pas en particuler
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

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 vous contacte pour refaire mes rangs.
Je voudrais les rangs avec les titres comme indiqué dans le Texte. Je les voudrais dans un thème un peu futuriste, led. Dans ce style la :
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image][Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image][Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image][Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image] Ces rangs ne sont pas a moi et je n'ai pas les droits dessus.
Mais je voudrais mes rangs dans un style comme ça.
Au dessus des rangs je voudrais des étoiles dans le même style un peu led. si ça arrange elle peuvent être a coter j'essayerait de trouver comment les mettre par dessus le rang.
Membre : 1 étoile
Junior : 2 étoiles
Elite : 3 étoiles
Awesome : 4 étoiles
Sponsor : 5 étoiles
Graphiste : 6 étoiles
Demi Dieu : 7 étoiles
Dieu : 8 étoiles
Modérateur : 9 étoiles
Fondateur : 10 étoiles
Si les mots sont trop longs, des abréviations sont possible par exemple Modérateur : Modo
Voila merci d'avance [Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] 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.
par Val--
le Ven 9 Fév 2018 - 23:26
 
Rechercher dans: Commandes terminées
Sujet: Rang pour forum type led/futuriste
Réponses: 7
Vues: 541

Création d'un logo pour projet

En bref...

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

Image(s)

Lien(s) image(s) :voir demande

Texte

Texte à insérer : ISN Informatique et Sciences du Numérique
Police à utiliser : voir demande
Couleur police : voir demande

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonsoir,
Je suis actuellement en terminale S et j'ai un projet en Isn, faire un site internet et il me faudrait un logo

- [Vous devez être inscrit et connecté pour voir ce lien] Voici le lien d'un site internet dont le logo du site m'intéresse (le petit carré en blanc avec marqué ESGI)
J'aimerai avoir un logo dans les mêmes couleur et écriture que celui du site mais en plus gros et si possible sous format carré et rond
- Niveau texte j'aimerai avoir en titre "ISN" et en dessous "Informatique et Sciences du Numérique"

Voila j'espère que ma demande n'est pas trop compliqué à réaliser

Merci d'avance et bonne journée;-)

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] 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.
par Akael
le Mar 6 Fév 2018 - 10:48
 
Rechercher dans: Commandes terminées
Sujet: Création d'un logo pour projet
Réponses: 12
Vues: 1107

Demande d'icônes pour mon forum

En bref...

Nature de la création : Icones
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:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


Texte

Texte à insérer : aucun
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,
j'aimerai juste les icônes du forum:
Catégorie
Catégorie - Nouveau
Catégorie - Verrouillé
Forum
Forum - Nouveau
Forum - Verrouillé
l'image que je vous ai envoyé reste la même , juste changer la couleur des initiales pour une en rouge , sinon les autres tel quel avec juste un clignotement pour une (celle qui me servira pour "nouveau message)

1 image tel quel
2 image clignotement
3 image initiale rouge (si possible)

merci d'avance

cordialement

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] 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.

par Mikelle
le Lun 5 Fév 2018 - 21:29
 
Rechercher dans: Commandes terminées
Sujet: Demande d'icônes pour mon forum
Réponses: 3
Vues: 360

Demande de boutons

En bref...

Nature de la création : Bouton
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) :au choix

Texte

Texte à insérer : Voir "décrivez votre demande en détails"
Police à utiliser : au choix
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonsoir à tous,
si je fais ce sujet aujourd'hui c'est pour une petite commande de boutons :p
Voici ce que je souhaiterais :
- Un bouton "nouveau sujet"
- Un bouton "répondre"
- Un bouton "Citer"
- Un bouton "Editer"
- Un bouton "signaler le message"
- Un bouton "Répondre"
- Un bouton "MP"
- Un bouton "supprimer le message"

Je souhaiterais que ces boutons soient à peu près de la même taille que les boutons actuels sur le forum, mais qu'ils soient plus dans l'univers Judiciaire de habbo.fr (armée,gendarmerie,hôpital,police). Je laisse carte blanche quant à la personnalisation des boutons, à la police utilisée, et aux couleurs. Je veux simplement que ces boutons reflètent une image plus "RPG" Judiciaire.
Merci beaucoup par avance pour le travail effectué et bonne journée !

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] 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.
par Valentin77
le Lun 1 Jan 2018 - 23:02
 
Rechercher dans: Commandes terminées
Sujet: Demande de boutons
Réponses: 12
Vues: 1068

Réduire colonne DERNIER MESSAGE sur l'index.

@Milouze14 a écrit:Hello Electro0007,

RainyHalloween, ce style s'appliquera sur l'ensemble du fofo  Wink .


il suffit de mettre ce style (tout au début ) dans le template concerné :
Code:

<style>
  dd.lastpost{width:10%;}
  dd.topics,dd.posts{width:13%;}
  li.header .lastpost span{padding:0px;}
</style>


a++


Bonjour Milouze14,

Étrange car il me fait le même problème qu'avec le code de Rainyhalloween Crying or Very sad Il doit y avoir un autre code qui interfaire ... peut -être dans le css.

Voici le code css :
CSS:
/* ******************MODIFICATION COULEUR FOND ANNONCES & NOTE******************* */

dl.annonce {background-color:#ffffff;} /* Modifie la couleur de fond des annonces */
dl.Note {background-color:#ffffff;} /* Modifie la couleur de fond des Note */

/* ******************Modification largeur barre de recherche******************* */

#search-box #keywords {
width: 225px;
position: relative!important;
top: 0px!important;
}

dl.newpost {
background-color:#EBEADD!important;}

#navMP{
height:16px;
height:1rem;
}
#navMP>a{
display:inline-block;
padding-left:.75em;
padding-right:.75em;
font-size:1.2em;
line-height:1.2em;
color:#000000;
background:#ffffff;
text-decoration:none !important;
border:1px solid #aaa;
}
#navMP>a:hover{
color:#ffffff;
background:#000000;
text-decoration:none !important;
}
#navMP-precedent{
float:left;
border-radius:.6em 0 0 .6em;
}
#navMP-suivant{
float:right;
border-radius:0 1.2em 1.2em 0;
}
#navMP-precedent::before{
content:"Précédent";
}
#navMP-suivant::before{
content:"Suivant";
}

/* ******************Position icon en ligne et hors ligne******************* */

div.post.online .postprofile:before
{
content: url(https://i11.servimg.com/u/f11/19/78/33/65/vert-u10.png);
}
div.post .postprofile:before
{
content: url(https://i11.servimg.com/u/f11/19/78/33/65/rouge-10.png);
left: 0px;
position: relative;
right: 0;
top: 0px;
z-index: 2;
}

/* ******************sert à aligner les titres réponses, vues et derniers messages******************* */

.topiclist.topics li.header dd.posts {
padding-left: 112px;
}

/* ******************ARRONDIR CADRE RÉPONSE RAPIDE******************* */

#M14_border
{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

/* ******************DIMENSIONS DE LA RÉPONSE RAPIDE******************* */

ul.topics .M14_li dd.dterm{padding-left:0px;}
/*on donne une largeur a 50% au bloc du sujet*/
.M14_li .dterm{width:50% !important;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}

/*Premiere ligne dans le template
/*on donne une largeur a la cellule sujet*/
.M14_iconSujet
{
text-align: center;
width:45px;
}
/*Deuxieme ligne dans le template
/*on donne une largeur a la cellule participation*/
.M14_iconParti
{
text-align: center;
width:30px;
}
/* Troisieme ligne dans le template
/* on donne une largeur a la cellule Icone de message*/
.M14_iconIcone
{
text-align: center;
width:75px;
}

/*les images des icones*/
.M14_iconSujet img ,
.M14_iconParti img,
.M14_iconIcone img
{
min-width: 16px;
width:auto;
max-width: 75px;
min-height: 16px;
height:auto;
max-height:38px;
padding:0px 2px 0px 2px;
}

/*On decale du haut l image de participation et icone de message*/

.M14_iconIcone img,.M14_iconParti img{margin-top: 8px;}

form#quick_reply div#textarea_content {
width: 750px !important;
height: 225px !important;

}

/* ******************RÉDUIRE LAGEUR COLONNE PROFIL******************* */

.postprofile {
width: 16%;
}

/* ******************DIMENSIONS DE LA COLONNE RÉPONSE DANS UN SUJET******************* */

.postbody
{
clear: both;
color: #000000;
float: right;
line-height: 1.48em;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
width: 83%;
}

/* ******************CENTRER LE PROFIL DANS LES POSTS******************* */

.postprofile {text-align: center;}

/* ******************CHANGER LA COULEUR MULTI-QUOTE******************* */

blockquote blockquote {background-color: #CADCEB;}

/* ******************LARGEUR DES COLONNES DANS LES FORUMS******************* */

/*on donne une largeur a 50% au bloc du sujet*/
.M14_li .dterm{width:50% !important;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}

/* ******************AJUSTEMENT LARGEUR COLONNE SUJETS, RÉPONSES ET VUES******************* */

dd.posts, dd.topics, dd.views {
width: 6%!important;
}

/* ******************CENTRER LE TEXTE DE LA COLONNE DERNIER MESSAGE******************* */

span.color-groups {float:none!important;}
.lastpost {text-align:center!important;}
.lastpost span {display:inherit!important;}

/* ******************CENTRER BOUTON DE LA BOITE RÉPONSE RAPIDE******************* */

#smiley-box {float: left;}
#textarea_content_1{float:right;
margin-top: 2px;}
par Electro0007
le Lun 4 Déc 2017 - 15:07
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Réduire colonne DERNIER MESSAGE sur l'index.
Réponses: 14
Vues: 575

Demande de logo

[Vous devez être inscrit et connecté pour voir ce lien] a écrit:Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]
...
Pour le nouveau, il n'y aura pas de gros changement ...


Bonjour,

Est-ce bien juste que tu veux cette fois-ci un fond noir plutôt que transparent et le coureur aussi en noir ?
Comme esquisse cela ferait quelque chose comme :
esquisse:
[Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]

Et doit-il courir direction est ou ouest ?
par Faline
le Sam 18 Nov 2017 - 12:08
 
Rechercher dans: Commandes terminées
Sujet: Demande de logo
Réponses: 16
Vues: 804

Demande de logo

En bref...

Nature de la création : Autre
Taille de la création (en pixels) : 1000x1000
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:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


Texte

Texte à insérer : Pic-Trail
Police à utiliser : [Vous devez être inscrit et connecté pour voir ce lien]
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 souhaites revoir le logo de mon site. Plus haut il y a le logo existant.

Pour le nouveau, il n'y aura pas de gros changement mais je souhaite qu'il soit plus net (afin de faire des impressions sur des vêtements par exemple). Une nouvelle police plus lisible et qu'il donne un effet "dynamique".

Donc pour la dimension de l'image, je souhaite qu'elle soit assez grande pour pouvoir faire des impressions sans que cale pixelise. C'est mon plus grand problème du moment.

Le fond sera toujours la forme de la région Picardie avec un runner donnant l'impression de courir dessus. (le runner sera celui en haut à droite dans les silhouettes). La couleur de la Picardie sera : [Vous devez être inscrit et connecté pour voir ce lien]. Pour le runner peut être effacer les lacets pour éviter qu'ils pixélises...

Pour le texte, en grand : Pic-Trail
en dessous : l'univers du trail en Picardie

J'ai ajouté une police mais si le graphiste pense qu'une autre police ira mieux avec l'effet escompté, je le laisse libre de modifier celle-ci. Il faut que cela fasse un peu effet enseigne old school.

Merci beaucoup pour l'aide qui me sera, je l'espère, apporté.

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] 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.
par Gaët'#5
le Ven 17 Nov 2017 - 13:06
 
Rechercher dans: Commandes terminées
Sujet: Demande de logo
Réponses: 16
Vues: 804

Bouton avertissement rapide admin et modo non visible

Bonjour

Voici les widget le code javascript et CSS que j'ai rentré

Widget:avertissement modo



Widget: avertissement admin


Javascript: avertissement rapide modo et admin


Les CSS


question il a t'il une erreur dans les code que j'ai rentrer ou mon souci viens des templates





par J-Cmotor
le Lun 16 Oct 2017 - 19:43
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Bouton avertissement rapide admin et modo non visible
Réponses: 15
Vues: 795

Fond des catégories et menu version ModernBB

peut-être en essayant ce code à mettre dans le css change les 00000 par la couleur que tu veux

a.mainmenu{
background-color: {#}000000{/#};
}
par Invité
le Ven 22 Sep 2017 - 18:37
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Fond des catégories et menu version ModernBB
Réponses: 13
Vues: 605

fleche de navigation

Holà Very Happy
Question bête mais as-tu ajouté le code nécessaire dans tes templates ?
Parce que pour le moment tu parles uniquement de ton CSS I love you

EDIT : Tu parles de flèches de navigation mais ce n'est pas en modifiant le corps de ta page que tu pourras les ajouter Confused
Le .body sert à modifier le fond de ton forum. Ainsi,
background-color: #000000; = la couleur de ton fond de page, ici le noir.
background-image: url("https://i.servimg.com/u/f11/19/72/24/95/test_i10.png") = l'image de ton fond de page. Malheureusement si tu mets une couleur cette commande s'annule et tu n'auras pas de fond d'écran. Je suppose que ce n'est pas ton but et que l'image ici est plutôt censée être celle de lesdites flèches ?

Voilà ce que je te propose Very Happy

Pour ton fond de page, ton arrière-plan donc :
Code:
body {
background-color: #000000;
}


Pour les flèches :

A mettre dans ton CSS (j'utilise ce code et il fonctionne parfaitement depuis des années) :
Code:
/*FLECHES CALIGULA.*/
.haut{
        position:fixed;
        bottom:10px;
        right:40px;}
       
.bas{
        position:fixed;
        bottom:10px;
        right:10px;}
/*FLECHES CALIGULA.*/


A mettre dans tes templates > overall_header juste en-dessous de la balise </head> :
Code:
      <div class="haut">
        <a href="#top"><img src="LIEN-DE-L-IMAGE-FLECHE-DU-HAUT" width="40px" alt="RSS" style="border:none" /></a>
        </div>
        <div class="bas">
        <a href="#bottom"><img src="LIEN-DE-L-IMAGE-FLECHE-DU-BAS" width="40px" alt="RSS" style="border:none" /></a>
        </div>


Voilà Wink
par CALIGULA..
le Dim 17 Sep 2017 - 13:51
 
Rechercher dans: Archives des problèmes avec un code
Sujet: fleche de navigation
Réponses: 6
Vues: 259

fleche de navigation

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : 17/9/17
Lien du forum : https://ctpco.forumactif.com

Description du problème

bonjour
j'ai voulu changer la fleche de navigation mais cela ne fonctionne pas malgré le fait d'avoir suivi le tuto
ci joint le code que j'ai inséré
body {
background-color: #000000;
background-image: url("https://i.servimg.com/u/f11/19/72/24/95/test_i10.png");
background-attachment: fixed;
}

sachant que plus bas j'ai ça
Options du CSS
Forcer le CSS de base du forum:non
Désactiver le CSS de base non
Optimiser votre CSS oui


qu'est ce qui ne fonctionne pas, sachant que j'ai aussi déjà essayé avec un fichier ico et c'est pareil..
Merci du coups de main
par MRBIG1969
le Dim 17 Sep 2017 - 8:07
 
Rechercher dans: Archives des problèmes avec un code
Sujet: fleche de navigation
Réponses: 6
Vues: 259

SVP demande d'un thème complet , merci beaucoup Jay

En bref...

Nature de la création : Theme
Taille de la création (en pixels) : 100x100
Couleur de fond : comme vs le souhaitez

Image(s)

Lien(s) image(s) :N/A

Texte

Texte à insérer : Les trésors de Kilisa
Police à utiliser : comme vs souhaitez
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

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

Nous souhaiterions si possible un thème un peu plus sérieux et simple d'utilisation pour notre forum.
Nous ns débarrassons de beaucoup de choses.
Concernant le taille de la création, ? aucune idée, c'est quoi?
Nous vous laissons libre choix de tout car nous pensons que vous vous y connaissez bien plus que nous.
Vous remerciant par avance,

Cordialement
Kil & Isa

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] 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.
par Le musee des coccinelles
le Jeu 17 Aoû 2017 - 11:11
 
Rechercher dans: Commandes terminées
Sujet: SVP demande d'un thème complet , merci beaucoup Jay
Réponses: 16
Vues: 1257

Flèches haut et bas

En bref...

Nature de la création : Icones
Taille de la création (en pixels) : J'ignore la taille que cela est sensé avoir  [Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]
Couleur de fond : N/A

Image(s)

Lien(s) image(s) :


Visualiser:


Visualiser:


Texte

Texte à insérer : /
Police à utiliser : /
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

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

Et d'avance merci pour votre aide en espérant que ma demande sera réalisable ^^

Voilà je souhaitais créer un ascenseur haut/bas sur mon fofo en reprenant l'idée de la première image ;-)

Je vous remercie beaucoup,

Beau week-end,

Ombeline ^^

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] 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.
par Ombeline30
le Sam 29 Juil 2017 - 13:57
 
Rechercher dans: Commandes terminées
Sujet: Flèches haut et bas
Réponses: 14
Vues: 677

Habiller le forum

En bref...

Nature de la création : Autre
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:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


Texte

Texte à insérer : B.A.D Asso'
Police à utiliser : N/A
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

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

J'aurai souhaité savoir si il vous est possible de faire quelques modifications au niveau des contours (forum, widgets, menu) ou à d'autres niveaux pour embellir un peu notre forum qui fait un peu "brute".

N'ayant aucun sens de l’esthétique je ne sais pas quelles indications supplémentaires vous donner, mise à part que ce contraste gris/noir/blanc est à notre goût.

Cordialement, Sou.

ps: Puisque il faut obligatoirement renseigner une logo et un texte je l'ai fais, mais je ne pense pas que ce soit utile ici.
par Sou Néant
le Sam 15 Juil 2017 - 22:16
 
Rechercher dans: Commandes terminées
Sujet: Habiller le forum
Réponses: 2
Vues: 694

[Résolu] Commande de Logo

En bref...

Nature de la création : Icones
Taille de la création (en pixels) : 228x228
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:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


Texte

Texte à insérer : Aucun
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 voudrais que l'icone ci-dessus soit refait avec la taille indiqué.

Le logo étant carré j'aimerais qu'il soit rond.


Merci d'avance

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] 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.
par kyzza98
le Dim 9 Juil 2017 - 6:57
 
Rechercher dans: Commandes terminées
Sujet: [Résolu] Commande de Logo
Réponses: 7
Vues: 518

Bannière Reign

En bref...

Nature de la création : Bannière
Taille de la création (en pixels) : 1000x600
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:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


Texte

Texte à insérer : Reign RPG
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 souhaite une bannière allant avec le fond de mon forum et qui se coordonne parfaitement avec les teinte du forum.
Pour la taille de création j'ai mis le maximum, après comme je peut le centrer cela ne change pas grand chose.

Merci d'avance pour vos propositions
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] 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.

par carousse
le Mar 20 Juin 2017 - 22:05
 
Rechercher dans: Commandes terminées
Sujet: Bannière Reign
Réponses: 7
Vues: 860

Enlever le mot "sujet" et le remplacer par le nom du membre

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://poetikart.forumactif.org  

Description du problème

Bonjour,
J'ai essayé de trouver une réponse à mon souci d'apparence mais je n'ai rien qui correspondait.
J’aimerais qu'à la place du mot sujet souligné en jaune dans la capture soit remplacé par le nom du membre.

Je ne sais pas quels Templates vous mettre!

Merci d'avance.

Capture d'écran:
Feuille CSS:
.bodyline {
-webkit-border-radius:12px;
-moz-border-radius:14px;
border-radius:14px;
}
/*fond page d accueil*/
#page-accueil, #page-accueil .row1 {
 background: none;
}
a:hover{
   font-variant: small-caps;
}
a { text-decoration: none; }
.bodyline {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 4px solid #000000;
}
.bodyline{box-shadow:0 0 20px #000000;}
td.catBottom {
   border-radius: 100px !important;
}
.forumline tr th:first-child {
   border-radius: 100px 0 0 100px !important;
}
.forumline tr th:last-child {
   border-radius: 0 100px 100px 0;
color: #ffffff;
text-align: center;
font-size :14px;
}
.forumline{
   background-color: #COULEUR;
   -webkit-border-radius:10px;
   -moz-border-radius: 10px ;
   border-radius:10px;
   border: 3px #COULEUR solid;
}
.forumline {
   margin-top:17px;
}

.infobulle{
position: relative;
z-index: 0;}

.infobulle:hover{
background-color: transparent;
z-index: 50;}
.avatar_mess
{
 display: block;
 width: 160px;
 height: 220px;
 margin-left: 0px;
 margin-right: 0px;
 overflow: hidden;
 background: #eef0d3;
 border: 3px   #afddcb;
 transform: rotate(-0deg);
 -moz-transform: rotate(-0deg);
 -o-transform: rotate(-0deg);
 -ms-transform: rotate(-0deg);
 -htm-transform: rotate(-0deg);
 -webkit-transform: rotate(-0deg);
 box-shadow: 0px 0px 6px #000000;
 -moz-box-shadow: 0px 0px 6px #000000;
 -o-box-shadow: 0px 0px 6px #000000;
 -htm-box-shadow: 0px 0px 6px #000000;
 -webkit-box-shadow: 0px 0px 6px #000000;
     transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.avatar_mess:hover
{
 margin-left: 5px;
 transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -htm-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
     transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess
{
 position: absolute;
 display: block;
 width: 150px;
 height: 220px;
 margin: auto;
 padding: 5px;
 overflow: auto;
 background: #EEF0D3;
 color: #437a73;
 font-size: 11px;
 opacity: 0;
 -moz-opacity: 0;
 -khtml-opacity: 0;
 filter: alpha(opacity=0);
     transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess:hover
{
 opacity: 1;
 -moz-opacity: 1;
 -khtml-opacity: 1;
 filter: alpha(opacity=100);
     transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.pseudo_mess
{
 display: block;
 position: relative;
 z-index: 3;
 width: 190px;
 margin-top: -10px;
 margin-left: 10px;
 text-align: center;
 font-size: 13px;
 font-family: verdana;
 font-weight: bold;
 text-shadow: 0px 0px 3px #c5bea0;
 background: #EEF0D3;
 padding-top: 5px;
 border-left: 3px solid #EEF0D3;
 border-right: 3px solid #EEF0D3;
 border-top: 1px solid #EEF0D3;
 border-bottom: 1px solid #000000;
 box-shadow: 0px 0px 3px #000000;
 -moz-box-shadow: 0px 0px 3px #000000;
 -o-box-shadow: 0px 0px 3px #c5bea0;
 -htm-box-shadow: 0px 0px 3px #000000;
 -webkit-box-shadow: 0px 0px 3px #000000;
}
a.nav img {
 max-width: 100%;
}
par Gourmandine.P
le Lun 19 Juin 2017 - 11:24
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Enlever le mot "sujet" et le remplacer par le nom du membre
Réponses: 2
Vues: 282

La taille changeante du forum

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://poetikart.forumactif.org  

Description du problème

Bonjour,
J'ai un souci que je n'arrive pas à résoudre.
Lorsque je suis sur la page d'accueil du forum la taille que j'ai défini est correcte, mais lorsque j'ouvre un sujet posté afin de le lire la fenêtre du forum s'agrandit ce qui est désagréable pour les yeux.
Est-ce que cela est possible de mettre ta taille du forum fixe pour toutes les pages et sujets.
Merci pour votre réponse.
Mon CSS:
.bodyline {
-webkit-border-radius:12px;
-moz-border-radius:14px;
border-radius:14px;
}
/*fond page d accueil*/
#page-accueil, #page-accueil .row1 {
 background: none;
}
a:hover{
   font-variant: small-caps;
}
a { text-decoration: none; }
.bodyline {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 4px solid #000000;
}
.bodyline{box-shadow:0 0 20px #000000;}
td.catBottom {
   border-radius: 100px !important;
}
.forumline tr th:first-child {
   border-radius: 100px 0 0 100px !important;
}
.forumline tr th:last-child {
   border-radius: 0 100px 100px 0;
color: #ffffff;
text-align: center;
font-size :14px;
}
.forumline{
   background-color: #COULEUR;
   -webkit-border-radius:10px;
   -moz-border-radius: 10px ;
   border-radius:10px;
   border: 3px #COULEUR solid;
}
.forumline {
   margin-top:17px;
}

.infobulle{
position: relative;
z-index: 0;}

.infobulle:hover{
background-color: transparent;
z-index: 50;}
.avatar_mess
{
 display: block;
 width: 160px;
 height: 220px;
 margin-left: 0px;
 margin-right: 0px;
 overflow: hidden;
 background: #EEF0D3;
 border: 3px   #afddcb;
 transform: rotate(-0deg);
 -moz-transform: rotate(-0deg);
 -o-transform: rotate(-0deg);
 -ms-transform: rotate(-0deg);
 -htm-transform: rotate(-0deg);
 -webkit-transform: rotate(-0deg);
 box-shadow: 0px 0px 6px #000000;
 -moz-box-shadow: 0px 0px 6px #000000;
 -o-box-shadow: 0px 0px 6px #000000;
 -htm-box-shadow: 0px 0px 6px #000000;
 -webkit-box-shadow: 0px 0px 6px #000000;
     transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.avatar_mess:hover
{
 margin-left: 5px;
 transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -htm-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
     transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess
{
 position: absolute;
 display: block;
 width: 150px;
 height: 220px;
 margin: auto;
 padding: 5px;
 overflow: auto;
 background: #EEF0D3;
 color: #437a73;
 font-size: 11px;
 opacity: 0;
 -moz-opacity: 0;
 -khtml-opacity: 0;
 filter: alpha(opacity=0);
     transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess:hover
{
 opacity: 1;
 -moz-opacity: 1;
 -khtml-opacity: 1;
 filter: alpha(opacity=100);
     transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.pseudo_mess
{
 display: block;
 position: relative;
 z-index: 3;
 width: 170px;
 margin-top: -10px;
 margin-left: 10px;
 text-align: center;
 font-size: 13px;
 font-family: courier;
 font-weight: bold;
 text-shadow: 0px 0px 3px #c5bea0;
 background: #EEF0D3;
 padding-top: 5px;
 border-left: 3px solid #EEF0D3;
 border-right: 3px solid #EEF0D3;
 border-top: 1px solid #EEF0D3;
 border-bottom: 1px solid #000000;
 box-shadow: 0px 0px 3px #000000;
 -moz-box-shadow: 0px 0px 3px #000000;
 -o-box-shadow: 0px 0px 3px #c5bea0;
 -htm-box-shadow: 0px 0px 3px #000000;
 -webkit-box-shadow: 0px 0px 3px #000000;
}


Page normale:
Page plus grande:
par Gourmandine.P
le Mer 14 Juin 2017 - 13:10
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: La taille changeante du forum
Réponses: 4
Vues: 259

Demande pour un logo

En bref...

Nature de la création : Autre
Taille de la création (en pixels) : je ne sais pas
Couleur de fond : {#}000000{/#}

Image(s)

Lien(s) image(s) :

membre de l'équipe 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.
par Invité
le Ven 5 Mai 2017 - 11:17
 
Rechercher dans: Commandes terminées
Sujet: Demande pour un logo
Réponses: 6
Vues: 480

Code avatar + template topics_list_box

Bonjour,
Je sollicite à nouveau votre aide sur 3 points. I love you

Capture d'écran :


Point 1.
Il faut zoomer l'image pour le voir mais le contour de l'avatar ne colle pas réellement à ce dernier : en haut et à gauche il semble y avoir 1 pixel d'écart entre l'avatar et le contour noir. Un décalage que l'on retrouve également quand on passe la souris dessus et qu'on active le hover.
Point 2.
J'aimerais que les informations du profil (quand on est en hover) soient en opacité 1. Il faudrait que l'avatar reste sur cette opacité, mais que les éléments du profil soient, eux, bien visibles par-dessus.

Je pense que ces 2 points peuvent être résolus dans le CSS mais je ne trouve pas où, je vous le mets ci-dessous.
Spoiler:
.avatar_mess
{
display: block;
width: 200px;
height: 320px;
overflow: hidden;
background: #ffffff;
border: 1px solid #000000;
opacity:1;
-moz-transition: opacity 0.8s ease-in-out;
-webkit-transition: opacity 0.8s ease-in-out;
-o-transition: opacity 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out;
}

.avatar_mess:hover
{
opacity:0.8;
-moz-transition: opacity 0.8s ease-in-out;
-webkit-transition: opacity 0.8s ease-in-out;
-o-transition: opacity 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out;
}
.profil_mess
{
position: absolute;
display: block;
width: 190px;
height: 310px;
margin: auto;
padding: 5px;
overflow: auto;
background: #ffffff;
color: #c5bea0;
font-size: 11px;
opacity:0;
-moz-transition: opacity 0.8s ease-in-out;
-webkit-transition: opacity 0.8s ease-in-out;
-o-transition: opacity 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out;
}
.profil_mess:hover
{
opacity: 0.5;
-moz-transition: opacity 0.8s ease-in-out;
-webkit-transition: opacity 0.8s ease-in-out;
-o-transition: opacity 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out;
}


Point 3.
Il concerne le template topics_list_box. Sur la capture d'écran en bas, je me retrouve avec une colonne non voulue (flèche rouge). J'ai essayé de l'enlever mais à chaque fois les résultats ne sont pas satisfaisants... Je vous laisse mon template ci-dessous.
Spoiler:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap">&nbsp;{topics_list_box.row.L_TITLE}&nbsp;</th>
<th align="center" nowrap="nowrap" width="100">&nbsp;{topics_list_box.row.L_AUTHOR}&nbsp;</th>
<th align="center" nowrap="nowrap" width="150">&nbsp;{topics_list_box.row.L_LASTPOST}&nbsp;</th>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection -->
</tr>
<!-- BEGIN pagination -->
<tr>
<td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
</tr>
<!-- END pagination -->
<!-- END header_table --><!-- BEGIN header_row -->
<tr>
<td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall">&nbsp;<b>{topics_list_box.row.L_TITLE}</b></span></td>
</tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr>
<!-- BEGIN single_selection -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END single_selection -->
<td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
<!-- BEGIN icon -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
<!-- END icon -->
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
</div>

<!-- BEGIN switch_description -->
<span class="genmed">
<br />
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
</span>
<!-- END switch_description -->
<span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>&nbsp;
<span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
</td>
<td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
<td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap">
<table><tr><td><!-- BEGIN avatar -->

<span class="lastpost-avatar2">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar --><td></td><td><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td></tr></table></td>
<!-- BEGIN multi_selection -->
<td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
<!-- END multi_selection -->
</tr>
<!-- END topic --><!-- BEGIN no_topics -->
<tr>
<td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
</tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<tr>
<td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;<span class="gensmall">{PAGINATION}</span></td>
<td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
</tr>
</table>
</td>
</tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->


Je vous remercie par avance de votre aide ! I love you
par illyria
le Dim 23 Avr 2017 - 10:17
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Code avatar + template topics_list_box
Réponses: 11
Vues: 497

Espace entre description/sous-forum + centrer

lmc38510

Merci pour ta réponse !
Malheureusement le code pour le point 2 ne fonctionne pas... Sad
Pour le point 1, le descriptif est le suivant :
Spoiler:
<table><tbody><tr><td><img src="http://i63.tinypic.com/264jjhy.png" style="padding: 2px; border: 1px solid #000000;" /></td><td><div class="elevator" style="height: 55px; overflow: auto; text-align: justify; padding: 2px;">C'est dans cette catégorie que doivent se faire vos premières lectures concernant le forum. Vous y retrouverez son concept, ses règles afin que les échanges se passent bien, mais aussi quelques autres explicatifs : tag des membres, répartition des groupes ou encore les archives des anciens designs.</div></td></tr></tbody></table>


Steviah

Bonjour et merci !
Malheureusement ce n'est pas ça, si j'enlève ce "br" cela correspond à la colonne des derniers messages et, du coup, la phrase "X messages et X sujets" remonte et est sur la même ligne que le dernier posteur...
par illyria
le Sam 22 Avr 2017 - 15:14
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Espace entre description/sous-forum + centrer
Réponses: 11
Vues: 489

Demande de création d'un thème unique

En bref...

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

Image(s)

Lien(s) image(s) :[url=

[url][Vous devez être inscrit et connecté pour voir ce lien][Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image][/url][/url]
Visualiser:
[img:f937][Vous devez être inscrit et connecté pour voir ce lien][Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image][/url][/img]
[url=

[url][Vous devez être inscrit et connecté pour voir ce lien][Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image][/url][/url]
Visualiser:
[img:f937][Vous devez être inscrit et connecté pour voir ce lien][Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image][/url][/img]
[url=

[url][Vous devez être inscrit et connecté pour voir ce lien][Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image][/url][/url]
Visualiser:
[img:f937][Vous devez être inscrit et connecté pour voir ce lien][Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image][/url][/img]
[url=

[url][Vous devez être inscrit et connecté pour voir ce lien][Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image][/url][/url]
Visualiser:
[img:f937][Vous devez être inscrit et connecté pour voir ce lien][Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image][/url][/img]


Texte

Texte à insérer : BLVCKLIST team pvp
Police à utiliser : Star jedi par Boba Fonts
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) : En réalité, ce que j'attends d'un forum c'est: beauté et simplicité. C'est à dire que j'aimerais rester dans le thème Noir/Gris argent/rouge/blanc.

La chose qui me dérange dans mon forum actuel, c'est qu'il est trop "carré", j'aimerais rajouter l'image de fond adaptée au format et une touche sympa sur les catégories de forum et de pour naviguer dessus de façon à ce que l'image d'arrière plan apparaisse toujours derrière..
Pour vous donner une idée j'ai adoré ce que j'ai vu sur ce forum (au niveau de la mise en forme des catégories: les images en fonction des parties. j'adore les rond incluant les personnages, peut être pouvez vous faire la même chose en respectant ma charte couleur (par exemple titres et cercles argentés et faire en sorte que le cercle s'allume rouge en cas de nouveau message? (cf le forum: [Vous devez être inscrit et connecté pour voir ce lien] ) ps: dois je créer moi même les images dédiés aux catégories?

L'idée c'est donc de partir sur un thème noir/argenté/rouge mais en remaniant la forme des catégories.
6 Catégories désirées: Loge des Officiers / La Team / Cantina / Blvck Room / Recrutement / Ambassade

N'hésitez pas à enlever les modules "Meilleures stat", "teamspeak", et les annonces défilantes pour une plus belle ergonomie.

N'hésitez pas à vous rapprocher de moi pour d'autres infos.

Merci cdt

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] 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.
par kenshu
le Jeu 30 Mar 2017 - 13:55
 
Rechercher dans: Commandes terminées
Sujet: Demande de création d'un thème unique
Réponses: 23
Vues: 701

Fight or die : Commande n°2

En bref...

Nature de la création : Barre de navigation
Taille de la création (en pixels) : 671x76
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:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


Texte

Texte à insérer : Fight or die
Police à utiliser : Diamonde
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

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

Me voici pour une nouvelle commande, la suite de celle-ci: [Vous devez être inscrit et connecté pour voir ce lien]

En effet, étant satisfait du travail de Jay, je souhaite profiter de ses services.

1) J'ai changé de version (PhpBB2 > ModernBB), il faut donc adapter la bannière à la nouvelle version.

2) Je souhaiterais une barre de navigation adapté à la bannière faite dans la commande précédente.

3) Est-t-il possible de changer le nom de ce rang en "Développeur", s'il vous plaît ? (oui, je suis chiant '.')
[Vous devez être inscrit et connecté pour voir ce lien]

Merci d'avance pour votre aide ! [Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]

PS: j'ajouterais d'abord ce design sur [Vous devez être inscrit et connecté pour voir ce lien] [Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] 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.
par RoroModo
le Lun 20 Mar 2017 - 0:45
 
Rechercher dans: Commandes terminées
Sujet: Fight or die : Commande n°2
Réponses: 5
Vues: 377

Modifications de couleur

Voici mon CSS :
Mon CSS:
#wrap {
background-repeat: repeat-x-y;
background-image: url(\\\'\\\');
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 0 solid #FFFFFF;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.inputbox {
background-color: #3c3c3c;
border: 1px solid #BCBCBC;
color: #ffffff;
padding: 2px;
cursor: text;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
dl.codebox {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #C9D2D8;
font-size: 1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 1px solid #101010;
}
.forabg {
background-color: #262627;
margin-bottom: 4px;
clear: both;
border: 2px solid #;
padding: 0px 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 1px solid #101010;
background-image: url(\\\'https://redcdn.net/ihimg/a/img838/9827/fsga.png\\\');
-o-transition: background-color 0.2s linear;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.panel {
margin-bottom: 4px;
padding: 0px 10px;
background-image: url(\\\'\\\');
border: 1px solid #101010;
background-repeat: repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #262627;
border: 1px solid #101010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.post {
padding: 0 10px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-position: 100% 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #FFFFFF;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.postprofile {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4) !important;
border-radius: 5px 5px 5px 5px;
color: #999;
display: inline;
margin: 5px 0 0;
min-height: 80px;
position: relative;
text-align: center;
width: 17%;
word-wrap: break-word;
border: 1px solid rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
padding: 5px;
}
dl.codebox {
background-color: #1E1D1B;
border: 1px solid #878787;
}
ul.profile-icons {
margin-top: 10px;
list-style: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.module {
background-image: url(\\\'http://i60.servimg.com/u/f60/14/70/09/25/gradie22.png\\\');
border: 1px solid #101010;
background-repeat: repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #262627;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.signature {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border-color: #111010;
}
.row2 {
background-color: #0D0C0B;
background-image: url("https://redcdn.net/ihimg/a/img690/452/q962.png");
background-position: center top;
background-repeat: repeat-x;
}
.row1 {
background-color: #0D0C0B;
background-image: url("https://redcdn.net/ihimg/a/img690/452/q962.png");
background-position: center top;
background-repeat: repeat-x;
}

blockquote {
background: url("https://redcdn.net/ihimg/a/img809/2250/voys.png") no-repeat scroll 0 0 #C1A780;
border: 0 none #4C402D;
border-radius: 10px;
padding-right: 25px;
}
.panel {
background-color: #000000;
background-image: url("");
background-repeat: repeat-x;
border-radius: 10px;
margin-bottom: 4px;
padding: 0 10px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-color: #1E1D1B;
background-image: url("https://redcdn.net/ihimg/a/img849/7503/zow4.png");
border: 0 none;
color: #B89E7D;
}
.postbody {
background-color:#FFFFFF ;
}
.postprofile dl {
background: #FFFFFF!important;
}


En essayant la ligne que tu m'as donné Tawn62 , voici le résultat :


Je souhaite qu'il n'y ai plus de noir, vraiment tout blanc.

Merci pour votre aide.
par Winduc
le Dim 19 Mar 2017 - 14:52
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Modifications de couleur
Réponses: 10
Vues: 413

Refaire une mise en page de la PA et du QEEL

@Dragon594 a écrit:Maintenant il reste encore une chose que tu n'as pas encore comprise à propos du premier bloc

Si j'ai très bien compris et je vous l'ai expmliqué dans mon dernier post, toutes les variables ne peuvent être appliquées en page d'accueil, d'ailleur je vous laisse un lien avec la liste des variables que vous pouvez utiliser sur le forum mais celles que vous voulez appliquer ni figure pas sauf une ou deux.

1ère étape:
Supprimer le javascript pour le pseudo que vous avez placé dans la gestion des codes javascript, a la place le petit script suivant devra être placé en début de page d'accueil.
Code:
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

Grace au script ci-dessus vous allez pouvoir utiler les variables qui se trouvent dans le lien que je vous ai donné.

Les variables devront être utilisées de la manière suivante:

Pseudo du membre connecté.
Code:
<span class="USERNAME"></span>

Date de naissance du membre connecté.
Code:
<span class="USERBIRTHDAY"></span>

Faite de même pour les variables qui vous intérresse dans la liste du lien.
Vous pouvez jeter un oeil ici pour plus de précision.

@Dragon594 a écrit:Ensuite est ce que l'on pourrait n'avoir qu'un seul et unique code Javaspring pour les derniers codes Javaspring que tu m'as donné de mettre pour ce qui est de l'onglet, l'avatar et le pseudo ????
Cela afin de me faire économiser des codes Javasprings qui sont limité à 50 au max.

Bon déjà celui pour le pseudo a été supprimé, reste celui des onglets et celui pour l'avatar ce qui vous fait encore 48 places disponible, vous pensez vraiment les utiliser un jour ?
J'utilise les forums ForumActif depuis déjà pas mal d'années et je n'ai jamais vu ou entendu quelqu'un dire qu'il les avait toutes utilisées.

@Dragon594 a écrit:Vient ensuite le problème pour les images du staff, pourrais-tu me dire la marche à suivre en détail afin que je puisse le faire par la suite en cas de changement dans mon équipe.

C'est très simple, dans le code je vous ai indiqué l'emplacement de chaque onglet avec les images de la manière suivante.
Code:
<!--Image 1-->
<span class="onglet_0 onglet" id="onglet_profile1" onclick="javascript:change_onglet('profile1');" style="">
<img src="https://i58.servimg.com/u/f58/15/55/14/56/popo10.png" alt="" /></span>

<!--Image 2-->
<span class="onglet_0 onglet" id="onglet_profile2" onclick="javascript:change_onglet('profile2');" style="">
<img src="https://i58.servimg.com/u/f58/15/55/14/56/popo10.png" alt="" /></span>

etc...


Scroll du contenu 6:
Remplacer le contenu 6 du code par celui la.
Contenu 6:


Remplacer votre css au complet par celui la.
css:
[hide]/******* retire le soulignement des liens *******/
a { text-decoration:none; }
a:hover { text-decoration: none!important; }

/******** avatar membre connecté ********/
.useravatar{
margin-left: 5px;
margin-right: 5px;
margin-top: -10px;
width: 35px;
height: 90px;
float:left;
}

/******** Les onglets des profils ********/
.contenu_onglet {
display:none;
background-color:#cccccc;
color:#000;
width:100px;
height:82px;
padding:5px;
font-size:10px !important;
text-align:center;
}
/* lien profil */
.contenu_onglet a { color:#435466; font-size:10px !important;}

/* petites images des profils */
.onglet {
margin: auto;;
padding: 0px;
display:inline-block;
cursor: pointer;
}
/******* Fin onglets profils ********/

/******** début page d'accueil ********/

/* titre de chaque contenu */
.titre_du_haut{
background-color: #cccccc;
width: auto;
color:#435466;
padding: 3px 0px 3px 0px;
font-size: 10px !important;
}

/* Titre du bas de chaque contenu */
.titre_du_bas{
background-color: #cccccc;
border-bottom-left-radius: 15px; /* arrondi dordure bas gauche */
border-bottom-right-radius: 15px; /* arrondi dordure bas droit */
width: auto; /* largeur auto du titre */
color:#435466;
padding: 2px;
position: absolute; bottom: 0; right: 0; left: 0; /* position du titre en bas de chaque contenu */
font-size: 10px !important;
text-decoration: none !important;
}
/* couleur lien titre du bas */
.titre_du_bas a{
color:#000000;
font-size: 10px !important;
}

/* couleur de fond et bordure des contenus */
#contenu_1, #contenu_2, #contenu_3, #contenu_4, #contenu_5, #contenu_6, #contenu_7, #contenu_8{
border:3px solid #505050;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
background-color: #F3F3F3;
font-size: 10px !important;
font: 1em sans-serif, Helvetica, sans-serif !important;
}

/* Contenu au centre de chaque contenu */
#contenu_1 p, #contenu_2 p, #contenu_3 p, #contenu_4 p, #contenu_5 p, #contenu_6 p, #contenu_7 p, #contenu_8 p{
font-size: 10px !important;
}

/* taille et positionnement de chaque contenu */
#contenu_1 {
height: 150px; width: 400px;
float:left;
position: relative;
}

#contenu_2 {
height: 150px; width: 215px;
float:left; /* le contenu 2 se place a droite du 1 */
margin-left: 15px; /* marge gauche */
position: relative;
}

#contenu_3{
height: 150px; width: 215px;
float:left; /* le contenu 3 se place a droite du 2 */
margin-left: 15px;
position: relative;
}

#contenu_4{
height: 150px; width: 400px;
float:left;
margin-top: 10px;
position: relative;
}
/* Contenu avec scroll bar */
#contenu_4 p{
height: 120px; width: 385px;
margin-top: 0px;
overflow: hidden;
padding: 5px;
display:block;
font-size:10px !important;
}
/* Contenu scroll au survol */
#contenu_4 p:hover{
height: 100px; width: 380px;
padding: 5px;
overflow-x:hidden;
overflow-y:scroll;
}

#contenu_5 {
height: 150px; width: 450px;
float:left;
margin-left: 15px;
margin-top: 10px;
position: relative;
}

#contenu_6{
height: 150px; width: 400px;
float:left;
margin-top: 10px;
position: relative;
}
/* Contenu avec scroll bar */
#contenu_6 p{
height: 110px; width: 385px;
margin-top: 0px;
overflow: hidden;
padding: 5px;
display:block;
font-size:10px !important;
}
/* Contenu scroll au survol */
#contenu_6 p:hover{
height: 100px; width: 380px;
padding: 5px;
overflow-x:hidden;
overflow-y:scroll;
}

#contenu_7 {
height: 150px; width: 215px;
float:left;
margin-left: 15px;
margin-top: 15px;
position: relative;
}

#contenu_8{
height: 150px; width: 215px;
float:left;
margin-left: 15px;
margin-top: 15px;
position: relative;
}[/hgide]
par tupac
le Sam 25 Fév 2017 - 4:14
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Refaire une mise en page de la PA et du QEEL
Réponses: 25
Vues: 1031

Refaire une mise en page de la PA et du QEEL

@Dragon594 a écrit:Le 1 l'image que je parle est l'avatar du membre qui doit être connecter sur le forum et j'ai trouvé des variables ci cela s'appelle ainsi pour t'y aider , je te mets le tout ce que j'ai l'ami.

En ce qui concerne l'avatar du membre connecté a gauche du texte il existe une solution mais elle ne fonctionne pas a l'intérieur d'une iframe j'ai fais le test, peut être existe t-il une autre soulution mais je ne la connais pas, maintenant que vous ne voulez plus d'iframe nous allons placer votre code dans la page d'accueil nous allons donc pouvoir placer l'avatar du membre connecté.
Pour les variables que vous m'avez montrées je les connais toutes mais elles sont fonctionnelles qu'a l'intérieur d'un template.

@Dragon594 a écrit:mais tu n'as pas répondu à toutes les demandes l'ami et tu en as fait de nouvelles que je t'expliquerai par la suite.

Heu... quelles demandes Shocked

@Dragon594 a écrit:Comme tu peux t'en rendre compte cela ne fonctionne pas. Et je te rappelle qu'ici je n'utilise pas avec l'Iframe mais la " Prévisualisation ".

J'ai du mal a comprendre tes propos, lorsque je fais une modification dans la gestion des pages html je me sers aussi de la prévisualisation et seulement lorsque tout est ok je la place dans l'iframe.

@Dragon594 a écrit:Mais le soucis d'après ce que je comprends le code que tu as donné je n'ai que le margin left et margin top pour le contenu des blocs. ( voir code )

Dans chaque lien il y a un margin left il suffisait tout simplement de les régler pour régler les liens.

@Dragon594 a écrit:Pour celui-ci et qui d'ailleurs doit être le plus important car rien ne marche est cette Iframe

Ce n'est pas que rien ne marche, dans un tel code des réglages sont a faire ça ne peut pas fonctionné du premier coup et j'ai pourtant précisé que nous ferions ça en plusieurs étapes et en ce qui concerne l'iframe c'est vous qui me l'avez proposé (voir votre 6ème poste) nous allons donc alors placer votre code dans la page d'accueil je crois que se sera plus simple pour tous le monde.

Affichage / Page d'accueil / Généralités / Contenu du message / placer le code html, pour le css placez le dans votre feuille de style css.

J'y ai apporté quelques modifications, remplacer mes images par les votres.
html.:

Le css modifié.
css.:

Le javascript pour vos onglets profile, a placer dans une nouvelle page javascript je vous ai expliqué comment l'installer dans un précédent post un peu plus haut.
Javascript onglets.:
Code:
//<!--
function change_onglet(name)
{
document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
document.getElementById('contenu_onglet_'+name).style.display = 'block';
anc_onglet = name;
}
//-->


Javascript pour afficher l'avatar.
Javascript avatar.:
Code:
$(function() {
  $.get("/u" + +(my_getcookie("fa_" + location.host.replace(/\./g, "_") + "_data") || "").replace(/^.*"userid";(s:[1-9][0-9]*:"([1-9][0-9]*)"|i:([1-9][0-9]*));.*$/, "$2$3"), function(a) {
    $(".useravatar").attr("src", $("#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img", a).first().attr("src") || "http://i48.servimg.com/u/f48/16/78/05/90/myster10.png")
  })
});

Et pour finir le javascript pour afficher le pseudo du membre connecté.
Ici:
Code:
$(function() {
  if (_userdata["user_id"] == -1) {
    var pseudo = "Bonjour cher invité";
  } else {
    pseudo = _userdata["username"];
  }
  $('.pseudo').text(pseudo);
});


En ce qui concerne votre dernière proposition je crains que cela ne soit pas faisable.
par tupac
le Ven 24 Fév 2017 - 2:08
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Refaire une mise en page de la PA et du QEEL
Réponses: 25
Vues: 1031

Revenir en haut

Page 1 sur 4 1, 2, 3, 4  Suivant

Sauter vers: