Suivi sur le forum

Admin

On pourra communiquer par ce sujet Lily Wink

Admin

Je suis ur ton template actuellement donc ne fait rien du tout pour l'instant, pourras tu me donner le lien de l'image connexion stp

Edit,
voilà c'est modifié pour le non affichage du bouton notifications pour les invités

Admin

Admin

Elle y est déjà pourtant... https://i.imgur.com/B4WtI4d.png
EDIT : Après toutes les images sont amenés à changer de toute façon, c'est simplement pour qu'on s'y retrouve pendant le codage. ^^;

Admin

Oups c'était l'image de connexion que j'avais modifié, j'ai un doute ?

Admin

Non, survole le bouton "Notifications", tu comprendras. XD
Je l'avais remodifier plusieurs fois derrière le problème c'est qu'à chaque MAJ de template tu le rechangeais. Du coup je te l'ai fait savoir. XD

Admin

Et l'image au survol était laquelle stp?

Admin

Bah la même que l'image de base avec la trompette, il suffit de prendre la première image dans le template et voilà : https://i.imgur.com/IrDIpIi.png. ^^
Comme je l'ai dit c'est temporaire, j'avais juste besoin du code mais les images ne seront pas du tout les mêmes. Donc au final ce n'est pas très important, juste perturbant. Smile

EDIT : Il y a l'image du mouse out machin à modifier aussi.

Admin

Oui c'est pas bête lo, je viens de la changer mais toujours pas de changement snifff,
bref, oui c'est étonnant sous chrone il y a bien le soucis dans les petits modules je regarde LiLy,

Citation :: Il y a l'image du mouse out machin à modifier aussi.

A tes souhaits Very Happy

, de quoi parles tu stp

Admin

Je parlais de onmouseout. Je donne la modification à faire pour que ce soit plus clair. Remplacer ceci :

Code:: <span class="infobulle_1"><a id="M14_fa_notifications"><img src="http://i.imgur.com/IrDIpIi.png" border="0" alt="Notifications" onmouseover="this.src='http://i.imgur.com/l9h6Srx.png';"onmouseout="this.src='http://i.imgur.com/YV3JTix.png';"hspace="5"/></a>

Par ceci :

Code:: <span class="infobulle_1"><a id="M14_fa_notifications"><img src="http://i.imgur.com/IrDIpIi.png" border="0" alt="Notifications" onmouseover="this.src='http://i.imgur.com/IrDIpIi.png';"onmouseout="this.src='http://i.imgur.com/IrDIpIi.png';"hspace="5"/></a>

Et voilà. ^^

Admin

Pfff quel andouille je modifiais sur mon PA sur mon fofo de test et regardais ici pour voir les changements et forcément que cela na pouvait pas fonctionner.
Bon voilà c'est modifié pour la notif et aussi pour les petits menu, il manquait le style de police:

Code:: font-family

Admin

Je vais faire des essais pour afficher des liens dans les notifications

Admin

Bon il est normal que tu ne voyais rien dans les notifs,
il y avait une opacité à 0 , j'ai déposé un correctif dans la css Lily.

Je me sauve pour aujourd'hui.

Bonne soirée et à demain Wink

Admin

OK. Je vais changer au passage l'image du bouton "Nouveau Message" qui a été changé de celui que j'avais mis. ^^;

Admin

Modifications effectuées.

Admin

Salut Lily,

alors pour ton avatar, j'ai fait les modifications via la css:

Code:: /*Dimensions de l avatar et on le decale */
#M14_Tol_ava img.fa_avatar
{
width:90px !important;
height:90px !important;
margin:8px 5px 2px 5px ;

Le conteneur fait 100px * 100px et l'image est réduite à 90px * 90px
on a donc une différence de 10 px ou l'on aura un vide, on va donc jouer avec Wink

.

on voit le margin ainsi:

Code:: margin:8px 5px 2px 5px ;

Rappel sur les 10px de trop,
les marges sont toujours interprétées de la façon suivante:

Code:: haut px droite px basse px gauche px ;

Donc si tu veux avoir l'arrondi en haut, il faut donc laisser un espace plus grand en haut
Au total au retrouve sur la largeur et la hauteur les 10px:
8px en haut + 2px en bas = 10px
5px a droite + 5px à gauche = 10px

Si admettons tu voulais faire l'inverse mettre l'arrondi en bas le margin serait alors:

Code:: margin:2px 5px 8px 5px ;

Je ne peux pas mettre plus grand que 90px * 90px car
il faudrait que je me retape tout le codage du bloc et je n'ai pas assez de temps.

Admin

Merci pour les explications Philippe. Smile

Après 100, 90 ou 80px ce point n'a pas vraiment d'importance. Ce qui me gêne en revanche c'est qu'il ne s'agit pas d'un découpage rond sur le haut de l'avatar comme l'exemple de la barre de Never Utopia que j'avais montré. Là c'est l'avatar entier qui est pris et redimensionné, et comme il est en 200*320, forcément, il se retrouve écrasé. Ce n'est donc pas ce que je souhaite. :/

Si tu as besoin que je recherche des codes particuliers pour comprendre comme ils ont fait (oui, leurs codeurs ne répondent jamais, ils ne sont jamais disponibles du coup je ne peux pas simplement leur demander en direct, c'est pénible), je peux le faire.

Admin

Le soucis avec moi est que je me débrouille dans le codage mais le reste est
quelque peu compliqué ( ce qui a tendance à m'agacer....).
Ce forum est vraiment exceptionnel il vaudrait mieux passer par leurs services Lily Wink

Admin

Ils sont vraiment indisponibles sur N'U, ce forum est mort. J'essaye de passer par leurs services depuis le mois de février mais absolument rien n'en est ressorti, c'est désespérant. Du coup qu'est-ce qu'il serait possible de faire avec les problèmes ? Je devrais revoir mon template overall_header dans son intégralité, n'est-ce pas ?

Admin

Citation :: Après 100, 90 ou 80px ce point n'a pas vraiment d'importance. Ce qui me gêne en revanche c'est qu'il ne s'agit pas d'un découpage rond sur le haut de l'avatar comme l'exemple de la barre de Never Utopia que j'avais montré. Là c'est l'avatar entier qui est pris et redimensionné, et comme il est en 200*320, forcément, il se retrouve écrasé. Ce n'est donc pas ce que je souhaite. :/

Si tu as besoin que je recherche des codes particuliers pour comprendre comme ils ont fait (oui, leurs codeurs ne répondent jamais, ils ne sont jamais disponibles du coup je ne peux pas simplement leur demander en direct, c'est pénible), je peux le faire.

Oui pourquoi pas , que je puisse voir la structure car il faut répondre à l'astuce pour la visualiser
et j'ai pas envie Very Happy

Edit, pour le template non pas besoin pour l'instant Wink

Admin

Je ne sais pas trop comment faire en fait...

Actuellement je vois un truc comme :

Code:: #user-avatar {
position: absolute;
z-index: 900;
width: 60px;
height: 60px;
margin: 5px 0 0 70px;
overflow: hidden;
background: #262f2a;
border: 3px solid #b2b2b2;
border-radius: 80px;

Admin

J'ai aussi trouvé ça :

Code:: <div id="new_toolbar"><div id="infopen"><div id="user_infos"><a href="#infopen"></a></div><div id="user_infos2"><a href="#"></a></div><div id="infos_open">Messages : <span id="user-posts">105</span><br>MP : <span id="user-mps">10</span><br><br><span id="user-links"><span onclick="document.location.href='http://'+window.location.hostname+'/u'+_userdata['user_id']"><a>Voir mon profil</a></span><br><a href="/profile?mode=editprofile">Editer mon profil</a><br><span onclick="document.location.href='http://'+window.location.hostname+'/sta/'+_userdata['username']"><a>Mes sujets</a></span><br><span onclick="document.location.href='http://'+window.location.hostname+'/spa/'+_userdata['username']"><a>Mes messages</a></span><br><a href="/search?search_id=watchsearch">Mes sujets suivis</a><br><a href="/privmsg?folder=inbox">Mes MP</a></span></div><div id="user-avatar"><img src="http://i.imgur.com/rLYdZ91.jpg" alt=""></div><div id="bienvenue">Bienvenue</div><div id="user-name">SweetGumiho</div><div id="user-peanuts"></div></div><div id="navigation"><a class="mainmenu" href="/"><img id="i_icon_mini_index" src="http://img15.hostingpics.net/pics/443014navig202.png" border="0" hspace="0" alt="Accueil" title="Accueil"></a><a class="mainmenu" href="/faq"><img id="i_icon_mini_faq" src="http://img15.hostingpics.net/pics/961203navig203.png" border="0" hspace="0" alt="FAQ" title="FAQ"></a><a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;"><img id="i_icon_mini_search" src="http://img15.hostingpics.net/pics/681705navig204.png" border="0" hspace="0" alt="Rechercher" title="Rechercher"></a><div id="search_menu" style="display:none;position:absolute;z-index:10000"><form action="/search" method="get"><input type="hidden" name="mode" value="searchbox"><table class="forumline" cellpadding="3" cellspacing="0" border="0"><tbody><tr><th class="thHead">Rechercher</th></tr><tr><td class="row2" align="center"><input type="text" class="post" name="search_keywords" size="24" style="height:20px;margin-top:6px;margin-right:3px;"><input type="submit" class="button" value="Go"></td></tr><tr><td class="row2" align="center" nowrap="nowrap"><span class="genmed"> Résultats par : <input id="rposts" type="radio" name="show_results" value="posts"><label for="rposts"> Messages</label><input id="rtopics" type="radio" name="show_results" value="topics" checked="checked"><label for="rtopics"> Sujets</label> </span></td></tr><tr><td class="row2" align="center" nowrap="nowrap"><span class="genmed"><label for="rtags"> Tags</label> <input id="rtags" type="checkbox" name="is_tag" value="tags"></span></td></tr><tr><td class="row2" align="center"><span class="genmed"><a href="/search" rel="nofollow" title="Recherche avancée"><img src="http://2img.net/i/fa/empty.gif" width="12" height="13" border="0" hspace="3" alt="Recherche avancée"> Recherche avancée</a></span></td></tr></tbody></table></form></div><a class="mainmenu" href="/memberlist"><img id="i_icon_mini_members" src="http://img15.hostingpics.net/pics/736408navig205.png" border="0" hspace="0" alt="Membres" title="Membres"></a><a class="mainmenu" href="/groups"><img id="i_icon_mini_groups" src="http://img15.hostingpics.net/pics/480340navig206.png" border="0" hspace="0" alt="Groupes" title="Groupes"></a><a class="mainmenu" href="/profile?mode=editprofile"><img id="i_icon_mini_profile" src="http://img11.hostingpics.net/pics/481979navig07.png" border="0" hspace="0" alt="Profil" title="Profil"></a><a class="mainmenu" href="/privmsg?folder=inbox" rel="nofollow"><img id="i_icon_mini_message" src="http://img11.hostingpics.net/pics/924924navig08.png" border="0" hspace="0" alt="Messagerie" title="Messagerie"></a><a class="mainmenu" href="/login?logout=1&tid=4cd3eadbd23687a96e744cd15036bdbd&key=29d9d4" rel="nofollow" id="logout"><img id="i_icon_mini_logout" src="http://img11.hostingpics.net/pics/533401navig09.png" border="0" hspace="0" alt="Déconnexion [ SweetGumiho ]" title="Déconnexion [ SweetGumiho ]"></a></div></div>

Admin

Ok merci on va tester en changeant ton template Lily, donc ne t'inquiéte pas si tu vois des trucs pas très jolis pendant quelques instant, je vais sauvegarder ce dernier en attendant

Admin

Ah, c'est sur leur forum , je voulais avoir le contenu de l'astuce en question !!!!

Admin

Souhaites tu garder le positionnement que je viens d'effectuer Lily?

Quand tu clique sur la tête de mort et les notifications, elles sont toutes les deux positionnées respectivement en bas à gauche et à droite.
Aimes tu cette apparence ?

Pour l'avatar j'ai compris pourquoi il y avait une différence en haut et en bas, en fait il y a sur leur fofo dans la partie ou se situe l'avatar, ce dernier se trouve a cheval sur un partie grisâtre et une autre partie blanche la bordure étant grise..........

Rechercher

Résultats par : Messages Sujets
Tags
Recherche avancée