News

Salut, c'était pour savoir comment tu as fait pour la rubrique News (celle de l'ancien thème tout noir). ( Dès que l'on survole le lien, il y a un rectangle bleu et je suis curieuse xD)

Non en fait c'est pour t'emprunter le code. :)

Merci ;).

Le module news est le module de dernier sujet (pour les forums), j'ai pris  son sélecteur (clique droit sur le module, j'inspecte/j'examine l'élément et tu cherches le sélecteur) : ensuite j'ai changé sa position :

.sélecteurdumodule {position: absolute;

top: -Xpx;

height: X+Ypx}

(la hauteur j'ai mis X+Ypx, pour que tu comprennes que ton module doit avoir une hauteur plus grande que la valeur de la position, pour qu'on puisse le survoler avec la souris)

puis pour qu'on puisse le voir au survol, il faut ajouter le code de la position au survol : 

.sélecteurdumodule:hover {position: absolute;

top: 0px;}

Après si tu veux positionner ton module vers la droite ou vers la gauche, je te conseille d'utiliser : 

- Dans le cas où ton menu (donc le menu avec tout les modules) sur le côté est à gauche :

margin-left: Xpx; (si tu veux déplacer ton module vers la droite)

margin-left: -Xpx; (si tu veux déplacer ton module vers la gauche)

- Dans le cas où ton menu sur le côté est à droite :

margin-right: Xpx; (si tu veux déplacer ton module vers la gauche)

margin-right: -Xpx; (si tu veux déplacer ton module vers la droite)

Utiliser margin-left ou margin-right (avec ou sans valeur négative), te permettra d'avoir un module qui restera toujours à la même place par rapport à ton blog, peu importe la taille de ton écran : sachant que beaucoup de monde déplace ses modules sans réfléchir à  la taille de leur écran (qui n'est pas la même pour tous), leur blog ne ressemble tout de suite plus à rien dès qu'un visiteur avec un écran plus grand ou plus petits arrive.

Alors qu'en utilisant les marges, ça ne bouge pas (évidemment il s'agit là d'un bidouillage qui fonctionne bien, en principe il faudrait utiliser left: X%; ou right: X%; mais dans ce cas toutes nos valeurs devraient être en pourcentages et c'est la galère).

Ok, merci ! Mais le code est exactement ou ? 

J'ai pas compris ta question "mais le code est exactement ou" ?? Ca veut dire quoi ? XD

"Le module news est le module de dernier sujet (pour les forums), j'ai pris  son sélecteur (clique droit sur le module, j'inspecte/j'examine l'élément et tu cherches le sélecteur) : ensuite j'ai changé sa position :"

Dans cette phrase, tu parles du dernier sujet du forum de ton blog... ? C'est ça qui n'est pas très clair. x)

Bah le module news qui t'intéresse, dans mon cas, il s'agit du module "derniers sujets des forums" (faut "ajouter un module" et tu verras bien que tu peux avoir ce module là).

Donc là, chez moi, il s'agit de ce module là,  pour toi, ça peut être un autre module si tu veux mettre un autre module, mais ça reste pareil, tu dois trouver le sélecteur du module dont tu veux changer la place, et pour ça, tu fais un clique droit dessus et ensuite inspecter/examiner l'élément et tu cherches le sélecteur

Ok :) Merci ^^. J'ai fait beaucoup de tests, et ça ne marche pas. Voici mon code :

.module_menu_type_lastarticles {position: absolute;
 top: 10px;
 height: 11px
}
.module_menu_type_lastarticles:hover {position: absolute;
 top: 20px;
margin-left: 20px;
    }

Après je n'arrive pas à mettre le "rectangle de couleur" comme je l'ai dit dans le premier message ainsi que changer de police, etc... x3

Désolé je n'ai pas eu la notification de ton message o: ! (tu aurais du m'envoyer un mp xDD)

Tu as toujours le bug ou depuis le temps tu as pu le régler ?

Sinon, tout simplement, dans ton code, tu n'as juste pas choisi la couleur ni la police c'est pour ça que tu n'arrives pas à la changer

Pour ça tu dois faire

background: #ffffff; 

pour le fond par exemple (sachant que j'ai mis #ffffff mais tu peux choisir n'importe quelle couleur évidemment)

Et pour la police tu fais

font-family: arial;

Par exemple ^^

Si tu veux mettre une police qu'eklablog ne propose pas, dans ce cas tu dois installer la police sur ton blog avec le @font-face

J'y avais pas pensé. Merci !

De rien =)