-
Besoin d'un code ?
Bien le bonjour à toi qui lit cette phrase.
Si tu es là c'est surement pour demander comment on fait ci ou ça avec du code et sache que j'attends avec impatience ta demande ! Oui, avec impatience car des codes, j'en connais un petit nombre et que tous les mettre un par un serait pénible en sachant que seul une poignée d'entre vous utiliserons tel ou tel code.
C'est donc pour ça qu'existe cette rubrique, il vous suffit juste de me demander par commentaire qu'est-ce que vous souhaiteriez savoir !
Ah, et si vous avez un exemple ou une image de ce que vous voulez, elle ne sera pas de refus !
EDIT : Les commentaires de cet article sont très, très nombreux. Votre page prendra du temps à tous les charger un par un. Si vous souhaitez faire une nouvelle demande, merci de la poser dans l'article suivant.
Tags : demande, code, impatience, tel, car
-
Commentaires
Bonjour lMikuru.. je viens seulement pour te remercier de tout ce que tu as fait pour moi...j espère que tu vas bien... merci encore
bonjour, ça fait un moment que je n étais pas venue t embêter... c est que j ai un souci... je vais surement quitter EB et ai ouvert un blog sur blogger... le problème est que les modifs se font en partie directement en modifiant le code source html...
je l avais déjà fait sur ob mais là...ja ai trouvé certains trucs comme modifier les cadres mais je ne trouve pas tous les éléments que je voudrais modifier...
penses tu pouvoir m aider ? si oui je te dirai ce que je n arrive pas à faire et te mettrai en admin avec ton adresse mail...
ne t inquiète pas sir ce n est pas ton domaine ou que tu n as pas le temps je comprendrais très bien
-
Vendredi 25 Mars 2016 à 20:22
Bonjour Septsup ! Je t'avoue que je ne sais pas bien comment marche la plateforme Blogger, mais s'il est simplement question d'opérer des modifications dans le code source HTML, ce devrait être abordable Envoie-moi un petit MP de retour lorsque tu liras ma réponse, que je puisse t'envoyer mon adresse mail !
-
eh voilà... j ai tout bien mis partout avec plusieurs polices... une fois de plus tu m as sauvée... merci encore à +
wouahhh t es trop forte... j étais sûre que tu trouverais... je t ai encore jamais vu sécher... et pourtant ça fait un bail que je t enquiquine...
je me suis empressée de le mettre dans mes dossier et vais l appliquer à tous mes blogs... et à ceux des amies auquelles j ai mis une police google font...
merci merci merci gros bisous et à ma prochaine galère...
ça y est t es chez moi comme chez toi... excuse je n ai pas répondu avant car hier on a eu une panne de ligne tout le quartier était privé d internet... tu me tiens au courant si tu trouves mon archimède à moi...
je te redonne le lien du blog essai choisi http://lolasept2.eklablog.com/
bizzz
-
Mercredi 6 Janvier 2016 à 16:45
-
désolée Mik j ai essayé le dernier code... c est comme le précédent... édité augmenté mais saisie aussi... je l ai laissé si çtu veux aller voir...
si tu veux je peux te mettre en admin sur ce blog si tu pense que ça peut aider... sinon je vais essayer un message au staf mais j ai pas trop d espoir... quand il n y avait que Steph et Godefroy ça allait maintenant on est moins sûr d avoir une réponse...
di moi ce que tu en penses... j ai honte de t embêter comme ça... bizzz
-
Lundi 4 Janvier 2016 à 20:17
-
bon c est la même chose qu avec le premier code que tu m as donné (commentbody sans tirer
ça mache pour la taille de la police invité, mais aussi sec la saisie redevient grande
du coup je l ai re enlevé... snif... mais pourquoi la priorité qui s applique à comm admin ne s applique t elle pas à comm visiteur ?? c est ouf non ???
-
Lundi 4 Janvier 2016 à 18:07
-
Lundi 4 Janvier 2016 à 17:55
-
coucou à nouveau l enquiquineuse...
bon alors comme je te l ai dit le fait de mettre commentbody i/o comment_boddy ça marche pour les comm édités c est à dire que je peux agrandir ou rapetisser à volonté ceu-ci
par contre le souci c est que ça s applique aussi aux saisies en cours...si bien que mon problème n est pas résolu...
ce que je voudrais ces que ça marche pour les comm visiteurs comme pour les comm admin...
pour les comm admin je mets une taillepour le module contenu font size
et une autre taille pour les comm admin qui est prioritaire sur contenu font size et s applique...
je te donne le lien d un blog ou je l ai fait http://lolasept2.eklablog.com/
tu peux voir que bien que les comm édités sont à 35 le contenu font size reste à 20...
ça me rend folle que ça marche pour MES comm et pas pour les autres...
je voudrais une ligne pour les comm visiteurs qui soit idem à comm admin...
merci encore pour ta gentillesse et ta patience
-
Lundi 4 Janvier 2016 à 11:19
Alors ! J'ai un peu de mal à tout saisir je te l'avoue. Permets-moi donc d'essayer de reformuler : tu souhaites que le texte des commentaires visiteurs soit de la même taille que ceux de tes commentaires, c'est-à-dire à 35px et non pas 20px, c'est bien ça ? Je ne sais pas si c'est ça, mais si c'est le cas, peut-être devrais-tu essayer cela : .comment_normal .commentbody { font-size: 35px; }
-
bonjour, encore une colle à te soumettre...j ai une amie qui a un problème que je ne comprend pas du tout...
déjà voici son lien http://chimene2121.eklablog.com/
je lui ai installé une police google chrome et tout marche impec...
sauf qu elle si elle regarde sur sa tablette c est ok mais si elle regarde sur son pc elle a une police arial la google chrome n est pas prise en compte... elle a le même problème pour tous les blog à police google
je pense que cela ne peut venir que de son ordi mais aurais tu une idée de ce qui peut faire cette anomalie ?
merci d avance et dores et déjà joyeux noël...
-
Vendredi 1er Janvier 2016 à 20:02
j essaye ça tout de suite bizzz
yesssss ça marche!!! t es vraiment la plus forte... et en plus toujours prète à rendre service... si t existais pas il faudrrait t inventer... bizzz
oups j ai crié victoire un peu vite... ça marche pour les comm édités mais du coup c est pour le texte en cours d écriture que c es plus ok... demain je vais essayer sur un b;log d essai d enlever aussi le _ je te tiens au courant
-
Vendredi 1er Janvier 2016 à 13:37
-
Vendredi 1er Janvier 2016 à 07:15
bonjour et tout d abord mes meilleurs voeux pour l année 2016...
pour mon amie c est ok pour elle tout va bien maintenant... par contre moi j ai un petit souci avec une ligne qui ne semble pas opérationnelle pour règler la taille de la police dans les comm
voilà ce que j ai
#body {font-family: 'Montez', cursive; }
#menubar{font-family: 'Montez', cursive;font-size: 30px; }
#titre_header{ font-size:25px; }
#slogan_header{font-size: 35px;}
#menu a{ font-size: 30px; }
.module_menu_titre{ font-size: 35px; }
.module_menu_contenu{font-size: 30px;}
.module_titre_contenu{font-size: 35px; }
.article_info{font-size: 30px;}
.comment_body{font-size: 50px;}
.comment_admin{font-size: 30px;}
.commentnumber{font-size: 25px;}
.commentdate{font-size: 25px;}
.commentpseudo{font-size: 30px;}
#menu_calendar thead{ font-size:25px;}
#menu_calendar td{ font-size:25px;}
#menubar {font-size:25px;}
#menu_calendar_month { font-size:25px;}
.module_contenu{font-size: 28px;}celle qui ne marche pas c est .comment_body{font-size: 50px;}
je peux mettre ce que je veux c est celle de module_contenu qui s applique alors que
alors que comment_admin marche tout à fait bien... ja avoue que je ne comprend vois tu une anomalie pour les comme classiques ??
merci d avance
-
Lundi 28 Décembre 2015 à 09:12
comme je le craignais mon amie était déjà sur la route quand j ai mis le script et donc ne peut vérifier ce qu il en est avec son pc... remarque je suis pessimiste car si elle ne voit pas la police google sur son pc elle ne voit pas non plus celle des autre blogs... enfin je te tiendra au courant encore merci... dores et déjà bonne année et bonne santé,, à l année prochaine dès son retour
-
Samedi 26 Décembre 2015 à 16:53
oups j ai fait un clic malheureux ma réponse est dans les choux...
je viens de coller ton script dans un module libre sur son blog.. je vais lui demander ce que ça donne... j espère seulement qu elle n est pas encore partie car elle va dans sa famille pour les fêtes..
de toutes façons je te tiens au courant dès que j ai une réponse
je te remercie encore, je sais que je peux toujours compter sur toi... si je ne t ai pas avant je te souhaite un super réveillon et une bonne année... encore merci
-
Jeudi 24 Décembre 2015 à 13:28
Bonjour Septsup, pour régler ce problème, je t'invite à coller le code ci-dessous dans l'espace d'édition HTML (au début, de préférence) d'un module simple du blog de ton amie :
<script type="text/javascript">
WebFontConfig = {
google: { families: [ 'Petit+Formal+Script::latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})(); </script>Tiens-moi au courant ! En espérant que cela fonctionne. De même, je te souhaite un bon réveillon ainsi qu'un joyeux Noël.
-
bonjour, et merci pour ta réponse... effectivement lel problème de texte a bien un rapport avec mon navigateur (google chrome)... suite à ta réponse j ai essayé favec firefox... même problème... par contre j ai essayé avec mon 3e navigateur, internet explorer et là e est ok...
il faudrait dont que je fasse des réglages de google et firefox.. l ennui c est que je ne sais pas du tout quoi...
merci pour le tuyau des captures mais du coup je ne te l envoie pas ...
j si t as une idée pour mes navigateur je prend.. mais je sais que c est pas le propos de ton blog...
encore merci de m avoir aidé à comprendre
-
Jeudi 1er Octobre 2015 à 17:44
-
Jeudi 1er Octobre 2015 à 12:29
Oui, je viens finalement d'essayer sur un autre ordinateur et je pense que le problème vient effectivement des navigateurs qui ne gèrent pas cette fonctionnalité. A mon avis, le problème ne vient pas du codage de ton blog mais bel et bien de la compatibilité avec les navigateurs et à ce niveau-là, il n'y a malheureusement pas grand chose à faire. La capture d'écran que je t'ai envoyée a été faite sur Firefox depuis un Mac, or je viens à l'instant de tester Firefox sur Windows, et la police est effectivement standard et ne correspond pas à celle que tu as paramétrée dans avec tes codes. Je ne saurais malheureusement pas quel logiciel te conseiller puisque je remarque que sur Windows, ni Chrome ni Firefox ne gèrent cet affichage... Je suis bien désolée de ne pas pouvoir t'aider ce coup-ci !
-
??? alors là... d un côté je suis ravie si c est comme ça chez tout le monde... mais je ne m explique pas pourquoi chez moi je n ai pas la bonne police... et en plus ça me fait pareil quand je vais chez des amies qui ont une police perso...
dis moi comment tu fait pour mettre le lien d une capture je t enverrai ce que je vois...
Merci tu est trop gentil(le)
-
Mercredi 30 Septembre 2015 à 13:28
Tu devrais avoir un bouton Impr écran en haut à droite de ton clavier s'il s'agit d'un clavier classique. Mets-toi sur la page que tu souhaites capturer et appuie dessus. Ensuite, ouvre Paint (ou n'importe quel autre logiciel de graphisme) et fais Ctrl+V pour coller la capture d'écran. Il ne te reste plus qu'à l'enregistrer sur ton bureau et à l'héberger sur ton blog pour m'en envoyer le lien !
Il se peut que le problème soit lié au navigateur que tu utilises. J'utilise Firefox pour ma part !
-
Pas de soucis septsup, tu peux même me contacter par MP si tu le souhaites ! C'est un plaisir de pouvoir de rendre service. Concernant ton nouveau souci, la police du champ de saisie des commentaires est loin de ressembler à du Arial chez moi comme tu peux le voir sur cette capture d'écran : http://ekladata.com/OxEPf6VD2I9AbisvEiMWw9lQzwc/apture-d-e-cran-2015-09-28-a-19-55-24.png
bonjour, encore moi j abuse mais tu as des soluces à tous mes problèmes... et il m en reste un petit
il s agit d une police perso sur un blog... j ai réussi à la mettre partout sauf sur le champ de saisie des comm...
pour voir tu vas sur ce blog http://modif.eklablog.com/
tu vois si tu appelle les comm et que tu tappes un mot c est une espéce de police arial pas jolie..
je sais qu après à l édition c est ok mais bon j aimerai que là aussi ce soit bon
merci d avance de m aider
ps pour info je te donne les codes entrés pour la police en question
#body {font-family: 'Allura', cursive; }
#menubar{font-family: 'Allura', cursive;font-size: 30px; }
#titre_header{ font-size:25px; }
#slogan_header{font-size: 35px;}
#menu a{ font-size: 30px; }
.module_menu_titre{ font-size: 30px; }
.module_menu_contenu{font-size: 28px;}
.module_titre_contenu{font-size: 35px; }
.article_info{font-size: 25px;}
.comment_body{font-size: 25px;}
.comment_admin{font-size: 30px;}
.commentnumber{font-size: 20px;}
.commentdate{font-size: 25px;}
.commentpseudo{font-size: 30px;}
#menu_calendar thead{ font-size:18px;}
#menu_calendar td{ font-size:18px;}
#menubar {font-size:20px;}
#menu_calendar_month { font-size:22px;}
Bonjour Shiny, je pense avoir compris ta demande, mais il se peut que ce ne soit pas le cas. N’hésite pas à me reprendre si je me suis trompée sur ta question !
Tout d’abord, commence par créer un module simple via Apparence > Gérer les menus > Ajouter un module, ensuite, place l’image que tu souhaites utiliser dans ce module. Une fois fait, ouvre l’éditeur HTML du module en cliquant sur l’icône « code source » représentée par ce symbole < >. Tu devrais avoir une ou deux lignes d’écrites qui correspondent à l’image que tu viens d’insérer. Maintenant, avant cette (ou ces) ligne(s), ajoute ceci :
<div id="hors-menu">
Et après cette ligne, ceci :
</div>
Ensuite, ouvre ta feuille de CSS et ajoute-y ce code :
#hors-menu {
position: fixed;
top: 30px; /*Distance entre le bord supérieur de la page et l’image*/
left: 10px; /*Distance entre le bord gauche et la page et l’image*/
}-
Mercredi 30 Septembre 2015 à 17:34
-
salut, est ce que tu pourrais me donner le code pour mettre une image hors d'un menu, à un emplacement précis dans le blog, mais qu'elle soit fixe quand on descend. Je ne sais pas si tu comprend :S sinon c'est pas grave,merci d'avance. Bonne continuation :)
impec les 2 codes marchent impec... t es le plus fort... pour le calendrier c est normal que ce ne soit pas sur mon blog principal... c est pour un thème futur... je prépare à l avance... merci encore mille fois
Ah oui, je viens de comprendre ! Mais ce contour noir que je vois sur ton blog de modification n’apparaît pas sur ton blog principal (peut-être est-ce normal?), ce qui signifie que même si ses coins étaient arrondis, cela ne se verrait pas. Cela étant dit, le code CSS à rajouter pour arrondir les coins de ton calendrier est le suivant :
#menu_calendar {
border-collapse: separate !important;
border-radius: 15px;
}
En espérant que cela résolve ton problème !bonjour, merci de me répondre... je me suis expliquée comme un pied... ce que tu vois sur mon blog principal c est le tour du contenu des menus... ce que je voudrais c est le tour de l image de fond du calendar... ce que tu vois en noir sur le blog suivant
excuse moi et merci encore de te pencher sur mon cas
Bonsoir septsup,
Concernant ton calendrier, je viens tout juste de faire un petit tour sur ton blog et les contours de celui-ci semblent être déjà arrondis ! Peut-être ai-je mal compris ta question ?
Pour les champs de saisie, je te propose de rajouter ceci dans ta feuille de style CSS :
optgroup, select, textarea { border-radius: 15px; }bonjour, je cherche 2 codes... et comme l autre fois tu m as bvien aidée je me permets de te poser la question
je cherche à faire des coins arrondis mais 2 me resistent..
les coins de l image du calendrier.. c est à dire que j ai mis un tour avec modif thème calenrier format et c est ce tour que je voudrais en arrondi
2 j ai un code pour les boutons mais pas pour les chemps de saisie (champs de textes, de texte survolée et textes sélectionnés)
merci d avance de ta réponse
684xxiSamedi 5 Septembre 2015 à 02:41hello, merci pour cette page j'espère que vous pourrez m'aider.
Existe t'il un code pour rendre un "scm music player" invisible ?
Tant mieux dans ce cas ! Heureuse de savoir que tu as pu résoudre ton problème. Je te remercie du compliment. ^^
merci beaucoup , j'ai essayais mais je trouve qu'il n'y a pas assez le couleur donc je vais pas le mettre mais je l'utiliserai peut être plus tard ^^'
en tout cas merci et bonne continuation :)
Bonjour Shiny, le code suivant devrait t'être utile ! Il est a coller dans la feuille de style CSS de ton blog :
img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}salut j'aimerais savoir comment mettre toute les images (visiteurs y compris) en couleur noire et blanche. Merci beaucoup :)
bonjour, je voulais te demander de ne pas tenir compte de mon message d hier... c est trouvé... c était simplement les menus du header qui avaient une position trop haute... toutes mes excuses pour le dérangement
à+
@ mimifi12 : Bonjour ! Je ne suis malheureusement pas parvenue à trouver un code qui puisse te permettre de changer la couleur de ce texte ! Je peux tout de même te proposer d'aller dans Interaction > Partage des articles > Facebook et de sélectionner "Couleurs : Foncées" pour un peu plus de visibilité !
@ septsup : Tu parles des liens de ton menu d'en-tête si j'ai bien compris ? (Créations, Créaflash, Faune, etc.) Si c'est le cas, alors je les vois de mon côté ! Sinon, et je m'en excuse, c'est que je n'ai pas bien compris à quoi tu fais référence. :(bonjour,je viens voir le spécialiste... l autre jour je t ai demandé un script pour que le module du plus de 400kosoit sur le header et ça marche parfaitement...
me reste un petit souci et personne ne peut me dire s il y a quelque chose à faire... c est que les modules du header n ont plus leur lien dès que je mets ce module en place...
je te donne le lien du blog d essai pour que tu puissa aller voir
http://essaiimportover.eklablog.com/
à toutes fins utiles je te redone aussi le ccript que j ai mis pour positionner le module
#module_menu142553486 {
left: 50%;
margin-left: -575px;
position: absolute;
top: -25px;
width: 1158px;merci d avance de me dire ce qu il en est... s il n y a rien à faire je laisserai
les rubriques dans le menu sur mon blog principal...
Bonjour,
Pourrais-je avoir un code pour modifier la couleur du texte : Vous et 3 autres personnes aimez ça.
Il se situe en bas d'un article à coté du bouton j'aimeMerci d'avance et bonne journée
671CelebrendalMardi 2 Septembre 2014 à 21:33merci merci merci ça marche impec... suis trop contente... je me suis permis de mettre le code sur le forum ekla... j espère que ça ne te gène pas... sinon je l enlève...
encore mille mercis à+
Bonjour septsup, ce code-là devrait fonctionner :
#module_menu142447868 {
bottom: -3px;
left: 50%;
position: absolute;
width: 1006px;
margin-left: -503px;
}
L'astuce de ce code est mise en rouge ; pour centrer un élément sur votre blog, il vous faudra toujours appliquer une largeur à votre élément width: 1006px; et mettre left: 50%; et, enfin, dans margin-left: -503px; remplacer la valeur par la moitié négative de la largeur de votre élément !bonjour, je viens sur les conseils de Mimifi car j ai aussi un problème pour que mes modulesrestent centrés
pour le header ja appliqué le script que tu lui as donné
#module_menu142262410 {
left: 50%;
margin-left: -164px;
position: absolute;
top: 190px;
width: 328px;
}ça marche impec et je t en remercie beaucoup... par contre je mets aussi un module sur le pied de page et je voudrais avoir le même résultat... peux tu me dire ce que je dois mettre ?
je te donne mon script actuel qui est impec pour une résolution de 1920.1080
#module_menu142447868
{
position: absolute;
bottom: -3px;
left: 450px;
width: 1006px;
}au cas où tu aurais besoin d aller sur le blog concerné
http://essaiimportover.eklablog.com/#footer
merci d avance de tes bons soins...
Bonjour mimifi12,
Je te propose ce code-là :
#module_menu142262410 {
left: 50%;
margin-left: -164px;
position: absolute;
top: 190px;
width: 328px;
}
Avec ça, ton module sera centré sur ton header pour tous les ordinateurs. Si tu souhaites le décaler vers la gauche ou vers la droite, il faudra changer la valeur -164px !Bonjour,
J'aimerais avoir un code pour que mon module dernière chronique dans le header reste à un endroit précis de l'header pour toutes les résolution d'écran.
Je pense que si on comptais la position à partir du bord de l'image (header) ce serais bon mais je ne sais pas faire du codage...
Voici mon code que je veux modifier:
#module_menu142262410 {position: absolute;
top: 190px;
left: 600px;
}Merci d'avance
Insères les codes suivants dans ton CSS en remplaçant les éléments :
#header {
background: url('url_de_limage_au_survol.png');
}
#titre_header {
background: url('url_de_limage_de_base.png');
height: 500px; /*Hauteur de ton header*/
transition: opacity 0.6s ease;
-moz-transition: opacity 0.6s ease;
-webkit-transition: opacity 0.6s ease;
width: 800px; /*Largeur de ton header*/
}
#titre_header:hover { opacity: 0; }Bonjour!
J'aimerais savoir comment faire une transition de 2 images dans un header quand on met la souris dessus comme dans ce blog: http://when-nobody-looks.cd.st/
Merci d'avance!
merci de ton aide!!
c'est bien le javascript qui n'est pas activé j'ai demandé a Stephanie et elle va surement me le mettre encore merci!!!
Fairy-jellal
Bonjour Fairy-jellal !
Ton code fonctionne très bien de mon côté ! Une fois que tu es sur la fenêtre d'édition de ton module simple, clique sur et colle ton code ! Si cela ne fonctionne toujours pas, c'est que le javascript n'est pas activé sur ton compte. À ce moment-là, il te faudra envoyer un message à Stéphanie pour lui en demander l'activation.bonjour, sa serait pour un code de scm music player
j'ai essayé de le mettre dans code css mais sa ne fonctionnait pas donc j'ai essayé sur un module et la non plus je ne c'est pas ou placé le HTML aussi pouvez-vous m'aidez ?
voici le code :
<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/simpleBlack/skin.css','volume':50,'autoplay':true,'shuffle':false,'repeat':1,'placement':'top','showplaylist':true,'playlist':[{'title':'','url':'http://youtu.be/kIwmrk7LoDk'},{'title':'','url':'http://youtu.be/k6X2nr19uuw'},{'title':'','url':'http://youtu.be/3m79rXdBdqI'}]}" ></script>
<!-- SCM Music Player script end -->Bonjour Sugar !
Le code CSS qu'il te faut est le suivant :
a {
-moz-transition: letter-spacing 0.4s linear;
-webkit-transition: letter-spacing 0.4s linear;
transition: letter-spacing 0.4s linear;
letter-spacing: 0;
}
a:hover {
-moz-transition: letter-spacing 0.4s linear;
-webkit-transition: letter-spacing 0.4s linear;
transition: letter-spacing 0.4s linear;
letter-spacing: 2px;
}
Les valeurs colorées sont modifiables. :)Boujour j'aimerais savoir c'est quoi le code css quand le curseur passe sur les liens sa s'espace ? :)
merci, à bientôt !
Finalement j'ai réussi à régler le problème, en fait je n'avais pas lu et j'ai pris le code pour tester comme ça, c'était pour mettre tout (module + contenus...) en taille 200, impossible d'enlever le code. J'ai choisi un thème d'eklablog pour tout remettre à zéro, j'ai du refaire le thème et là j'essaye de rechercher le code css que j'avais mis. Désolée du dérangement.
Bonjour, se ne serait pas pour demander un code mais parce que j'ai besoin d'aide s'il te plaît. En fait je cherchais un code comme ça et je suis tombée sur un forum, sans lire j'ai essayé le code css et je ne peux plus modifier, pourrais-tu m'aider stp ? ça me pose vraiment problème, voici le code : div {width: 200px;}
Merci d'avance ! :/
Bonjour à tous, je viens vous informer qu' il y a un nouvel article en page d'accueil. Et peut être quelques futurs cadeaux de fin d'année ? Quoi qu'il en soit, je vous souhaite à chacun de passer une belle fin d'année dans la joie et la bonne humeur !
Bonjour Lee Joon,
alors alors, pour commencer par le commencement,
qui a dit que tu copiais Tumblr ? Je ne crois pas avoir lu ça ici ou bien.. je n'y ai pas fais attention, mais quand bien meme, où serait l'interêt dans ce cas de copier quelque chose si l'on souhaite créer un nouveau genre qui nous ressemble comme tu le dis ? Il n'y en a pas donc oui, c'est bien s'inspirer comme tu le fais et non copier je présume. Après, mmmh.. Oui ! Moi je suis là pour répondre aux questions que l'on me pose et je suis contre le plagiat, je n'ai pas l'impression jusqu'à maintenant d'avoir contribuer à un quelconque aspect de plagiat ou autre.. Je suis littéralement CONTRE le plagiat car j'en ai beaucoup fais les frais et je les subis encore, c'est une action permanente, comme toi je suis sur eklablog depuis 2008 et j'ai eu le temps de biiiiiiien apprendre ce qu'était le plagiat et de le detester mais j'ai appris aussi que cela ne servait pas d'agir sur le coup de l'enervement de tout fermer car en faisant cela la seule personne que l'on puni c'est soi-même car c'est SON propre blog que l'on condamne et cela n'arrêtera pas les plagieurs de continuer sur leur lancée. Maintenant lorsque tu parles de plagiat je pense à des blogs qui ont entièrement copié le tien, peut-être que l'on ne pense pas au plagiat de la même façon, je ne peux pas savoir étant donné que je ne vais pas bien souvent sur les blogs et que je n'ai pas eu l'occasion d'en voir un ressemblant mais si tu parles de plagiat il doit donc y avoir une raison.
Je peux citer ?
"J'ai aimé la Kpop, ils ont copié la Kpop, j'ai aimé les dramas, ils ont aimé les dramas, j'ai aimé les ulzzang, ils ont aimé les ulzzang
J'ai aimé Tumblr, ils ont aimé Tumblr."
Ce n'est pas un problème, si ? Personnellement, je vais parler manga, j'ai aimé les manga grâce à une amie qui les aimait plus tôt et je suis très reconnaissante d'avoir decouvert cela en découvrant sa passion. Comme l'a dit Fubuki, c'est ça faire partager ses passions.
Pourquoi penses-tu qu'ici, partager signifie copier ? Je m'excuse mais je ne suis vraiment pas d'accord.
Ne remercie pas Ekla, ce n'est pas comme cela partout sur cette plateforme. C'est un peu long tout ça, malgrè tout, le fait de se faire plagier dans le vrai sens du terme, n'est vraiment pas amusant et je le comprend bien. J'ai donné mon avis, j'espere maintenant que tu as contacté ces plagieurs ou régler ces problèmes d'une façon ou d'une autre et je te souhaite de ne pas restée stopée par ce genre de problème qu'est le plagiat.Sur Tumblr ils savent ce que c'est que de partager
Ici faudrait revoir la def, puisque partager signifie copier.
Bref au moins là je vais changer mon thème et faire un truc qui ne ressemblera pas du tout à Tumblr et qui ressemblera plus à moi. Merci encore ekla merci vraiment!
Je m'y attendais aussi hein
Je suis ici depuis 2009 et j'ai toujours eu ce problème. J'ai aimé la Kpop, ils ont copié la Kpop, j'ai aimé les dramas, ils ont aimé les dramas, j'ai aimé les ulzzang, ils ont aimé les ulzzang
J'ai aimé Tumblr, ils ont aimé Tumblr.
Tu leur envoie un mp pour les remercier et ils te répondent comme des gros cons de la vie 'Quoi?' FUCK.
Désolé Mikuru hein
Merci à toutes les personnes qui m'ont cité huhu. La plupart je ne l'ai connais même pas, n'ont même pas réagis chez moi et ce permettent de me plagier. Grpace à vous bah voilà je ferme mon blog. AH OUI Moi je m'INSPIRE de Tumblr. Je ne copie pas Tumblr. C'était une grosse erreur de faire ce genre de chose je présume.
Oui mini guigui, j'ai crée un deuxieme article dans la meme rubrique, il s'appelle Demander un tuto. 2, vous pouvez donc poser vos questions ici et la-bas. :)
.module_menu_type_lastvisitors img {max-width: 100px;}
Tu fais ctrl F tu tapes "visiteurs" et tu trouves ton code sans problêmes.
Bonjour ;) JE voudrai le code CCS qui permet de reduire la taille des icones des derniers visiteurs ;) Merci d'avance
PS : je te conseille de faire un autre article pour les demandes,celui ci beug trop ;_;
Merci beaucoup !! :)
Re, Mikuru!
Comment faire pour que, lorsqu'on survol ce type de menu (Com's 592) quand on survol l'image, elle s'élargi sur la gauche,enfaite, que l'image soit alligner à la droite, comme sur le blog:
Que c'est compliqué...
.pagination {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
} ?Re, Mikuru!
Comment faire pour que, lorsqu'on survol ce type de menu (Com's 592) quand on survol l'image, elle s'élargi sur la gauche, comme sur le blog
Na mais moi je parle du menus pas du header >W<
Le menus ou tu clique pour changer de page x)
@ Shimyjadina : Fixe la position en tentant cela :
#menu1 {
position: fixed;
top: 50px;
left: 20px;
}
top: 50px c'est la distance entre le bord supérieur de la page et ton menu tandis que left: 20px c'est la distance entre le bord gauche de la page et ton menu. Tu peux modifier les valeurs à ta guise.
Mais tu risque d'avoir un probleme si ton menu est long car il sera coupé par la page, l'idéal pour ce genre de menu c'est d'avoir quelquechose de très petit et court.
@ Łìťťℓє Śτʀãωвєŗŗу ❤ : Oui je crois bien. ._.Little Strawberry si tu parles des menus... Je ne sais pas si c'est ça. Mais en mettant une bordure, ils sont encadrés non ? .w.
Salut Mikuru!
J'aimerais savoir, comment faire pour que le menu ne bouge pas? Par exemple, on dscend la pag, mais lui, il reste à la même place, et est toujours visible, comme sur ce blog:
Et comment faire aussi, que quand on passe la sourri sur l'image, elle devienne plus blanche/transparente, comme sur le blog que je t'es montrer si dessus ?
Les menus ? Les menus tu peux les encadrer avec l'aide des options d'Ekla je pense bien. ._.
@ Łìťťℓє Śτʀãωвєŗŗу ❤ : Oui je vois de quoi tu parles pour le menu, malheureusement je n'ai pas de solution pour cela à part eviter le menu fixe. Je suis vraiment désolée. TT En ce qui concerne la couleur du fond des article je crois qu'il suffit de rajouter :
.article_text {
background-color: #05d144;
}
Puis tu changes le code couleur #05d144 comme tu veux. :)
@ TaeYoung♫ : Il n'y a pa de méthode directe pour installer un theme Tumblr sur un blog Eklablog, de plus les thèmes Tumblr sont trèèèèsss nombreux, il faut le faire à sa façon avec ses moyens et à l'aide des outils Eklablog, comme le fait Lee Joon. Mais pourquoi vouloir placer un theme Tumblr sur une plateforme autre que Tumblr ?
Cela devient à la mode peut-etre je pense. ^^
@ mayumi : Merci je vais essayé de voir ça. :)Et aussi comment on colorie le fond de notre article x')
Désolé je suis a fond pour changer mon thème là **
pas de soucis, je t'ouvre le blog : http://my-little-world-and-me.eklablog.com , voici le code de mon premier essai (je n'ai mis qu'une chanson: <!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
<script type="text/javascript">
SCMMusicPlayer.init("{'skin':'skins/black/skin.css','playback':{'autostart':'false','shuffle':'true','volume':'50'},'playlist':[{'title':'galaxy bounce','url':'http://www.youtube.com/watch?v=nMiuN8ULd_c'}],'placement':'bottom','showplaylist':'false'}");
</script>
<!--End of SCM Music Player script-->
Merci et j'ai un problème avec le menus possitioner
Quand y'a trop d'affichage sur mon menus possitioner ben, la suite elle et couper enfin, y'a un problème quoi
@ mayumi : Ah c'est très étrange, est-ce que je pourrais jeter un coup d'oeil au blog et avoir le code que l'on t'as donné pour le player ?
@ Łìťťℓє Śτʀãωвєŗŗу ❤ : Peut-être ça ?
.article_text {
border: 2px solid #000000;
}Comment est-il possible d'encadrer sont article ? Et seulement l'article et non le contenu ?
nikel pour la bannière, merci :)
mais SCM music player ne marche toujours pas :s j'ai pourtant fait tout ce que tu m'as dit et sa ne s'affiche pas. j'ai même tenté de retirer mon horloge qui s'affichait en dehors des menus mais aucun signe de vie de ma playlist.
Bonjour bonjour, désolé du retard j'étais en vacances. Voyons voyons.
@ mayumi :
1. Oui, tout à fait c'est normal le code est incorrect je ne suis pas repassée derrière pensant qu'il était bon, merci. La façon la plus simple est celle-ci :
Tout d'abord tu mets ta première bannière dans Apparence > Header puis ensuite tu vas dans ton CSS et tu colles :
#header:hover { background-image: url('urldetasecondebannière.jpg') }
En remplacant urldetasecondebannière.jpg par l'adresse url de la bannière que tu souhaites voir au survol.
2. Normalement si tu insère le code HTML qu'ils te donnent dans l'espace HTML d'un module et que tu enregistres, il devrait automatiquement prendre place sur ton blog. Ou bien il y aurait une option pour laquelle tu ne verrais pas le lecteur, c'est que lorsque tu l'as crée, à la dernière étape (Configure Settings > Appearence) tu as laissé 'Placement of Player Bar' sur Top et là tu ne pourrais pas le voir car il serait caché la barre de menu d'Eklablog, il faut que tu selectionnes Bottom. Cela devrait marcher si ces critères sont remplis. :)
@ Mytsu : Papasti propose quelque chose comme ça sur son blog, essaie de voir si cela te correspond à cette adresse (http://le-blog-facile.ek.la/menu-horizontal-superieur-deroulant-methode-simplifiee-p348708). Tout est très bien expliqué sur son blog et il connait un bon rayon de choses en matière de codage, notamment en ce qui concerne le Javascript, pour lequel je n'ai pas les capacités requises. ^^
@ Łìťťℓє Śτʀãωвєŗŗу ❤ : Je sais que le thème lorsque tu as posté ton commentaire était différent du thème actuel car elle aime bien les changer régulièrement (Ses thèmes sont typés Tumblr, ce SONT à la base des thèmes Tumblr qu'elle applique sur son blog avec les outils d'Eklablog pour leur donner un aspect quasiment identique.) mais la façon dont les menus sont faits est la même. :)
Pour son menu actuel, tu rajoutes dans ton CSS :
ul#case a {
margin-bottom: 2px;
display: block;
letter-spacing: 2px;
font: 11px calibri;
text-transform: uppercase;
text-align: center;
color: #ffffff;
background-color: #000000;
height: 15px;
width: 105px;
padding: 8px;
-moz-transition: all 500ms ease 0s;
}
ul#case a:hover {
width: 120px;
}
ul#case {
list-style-type : none;
}
Et dans l'espace HTML de ton module ou menu :
<ul id="case">
<li><a href="/">Lien 1</a></li>
<li><a href="/">Lien 2</a></li>
<li><a href="/">Lien 3</a></li>
<li><a href="/">Lien 4</a></li>
</ul>Hello, j'aurais une petite question a te poser >___< !
Voila, j'aimerais que, quand on clique sur mon menu d'en tete, il y est une liste de lien qui defile, et comme j'explique je te met un lien d'exemple ^^ :Accueil - Art by Vin's
merci!
deux nouvelles questions (et oui je suis chiante)
1) j'ai remarqué qu'un commentaire avait été posé à propos de la bannière qui change lorsqu'on la survole
le code qui a été donné ne marche pas pour moi :s c'est le commentaire 566
2) je voudrais ajouter un lecteur de musique en t'autre celui de ce site: http://scmplayer.net/
à la fin, on me donne le code HTML: je le place où? j'ai essayé dans un module mais rien a faire, il s'affiche pas T^T
merci d'avance~
@ mayumi : Copie colle le code suivant :
.module_menu_titre:before {
content: "❀";
color: #000000;
}
color: #000000 determine la couleur du signe.
@ Flandre : Attribue lui une position dans ce cas :
#menu1 {
position: fixed;
top: 50px;
left: 20px;
}
top: 50px c'est la distance entre le bord supérieur de la page et ton menu tandis que left: 20px c'est la distance entre le bord gauche de la page et ton menu. Tu peux modifier les valeurs à ta guise.J'ai un problème, quand j'essaye de mettre un menu en "fixe", le menu "sort" de la page. Comment je régle ça? .w.
merci de ton aide! j'ai compris le truc ;)
j'aurais besoin d'autre chose, sais tu comment rajouter ce signe❀ dans les titres de mon menu en noir et le reste en rouge?
démonstration---> ❀ Démonstration
Je pense que cela devrait marcher :
#body {
background-image: url("urldetonimage.jpg");
}
urldetonimage.jpg à remplacer par l'url de l'image que tu veux mettre en fond.Merci Shimyjadina pour ta réponse :D
J'ai une autre question: J'aimerais mettre un fond plus lourd que 400 ko, j'ai essayé de faire le code soit même mais j'ai pas réussi. Vous pouvez m'aider? :o
Ok je vois je vais essayer
EDIT :
C'est bon, j'ai trouve une petite technique. Vue que ça marcher pas, merci beaucoup ^^
Quand tu édites ton article tu vas dans l'onglet Options > Publier à une date précise et tu change
Je pense que y a un gros bug sur ton blog alors. :/
Triche sur les dates de publication des articlesNon ben apparement chez moi il ne déforme rien.
Tu as essayé d'enlever le CSS et d'enregistrer pour voir si le probleme se reglait sans le CSS ?Le voici :
#form_cavom {
border-radius: 20px 10px;
}
#background input[type="text"], #background select, #background textarea {
border-radius: 20px 10px;
}
#menubar_signin input {
border-radius: 20px 10px;
}
#menubar_signin_username {
border-radius: 20px 10px;
}
#menubar_signin_username, #menubar_signin_password {
border-radius: 20px 10px;
}
#menubar_hide {
background: url("urldel'image") no-repeat;
}
#menu1 {
box-shadow: 0 0 10px #807d82;
}
#menubar {background-image: url("http://img11.hostingpics.net/pics/695961Sanstitre1.png");}
#menubar_section_content{
background-image: none;
}
#menubar_section_appearance{
background-image: none;
}
#menubar_section_interactions{
background-image: none;
}
#menubar_section_manage{
background-image: none;
}
#menubar_section_account{
background-image: none;
}
#menubar_notifications{
background-image: none;
}
#menubar_signin {
background-image: none;
}
.menubar_button {
background-image: none;
}
#menubar {
box-shadow: 1px 1px 2px #807d82;
}
#menubar {
color: #000000;
}
#menubar_hide {
background: url("http://img11.hostingpics.net/pics/695961Sanstitre1.png") no-repeat;
}
.commentavatar {
-moz-transition: opacity 0.3s linear 0s;
}
.commentavatar:hover {
-moz-transition: opacity 0.3s linear 0s;
opacity: 0.9;
}
#help_bubble {
color:#ffffff; /*Couleur du texte*/
background-color:#000000; /*Couleur du fond*/
border: 1px solid; /*Taille et aspect de la bordure*/
border-top-color:#ffffff; /*Couleur bordure supérieure*/
border-left-color:#fffff; /*Couleur bordure gauche*/
border-right-color:#ffffff; /*Couleur bordure droite*/
border-bottom-color:#ffffff; /*Couleur bordure inférieure*/
padding:4px; /*Espace entre le texte et la bordure*/
}
a {
-moz-transition: color 0.5s linear;
-webkit-transition: color 0.5s linear;
transition: color 0.5s linear;
}
a:hover {
-moz-transition: color 0.5s linear;
-webkit-transition: color 0.5s linear;
transition: color 0.5s linear;
color: #9f9f9f;
}
.pagination {
background-color: #FFFFFF;
box-shadow: 2px 2px 3px #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 2px;
position: fixed;
right: 20px;
bottom: 20px;
}
.module_menu_type_lastvisitors img {max-width: 60px;}
#menu1 {
position: fixed;}
.article_text img {
border: 2px solid #000000;
}Ben oui. Je ne comprend pas le problèmes >W<
Je me pose la question si ce n'est pas le CSS qui ferait ça..
@ mayumi : Dans le code HTML d'un nouveau module tu colles ça :
<div id="horloge"><embed allowscriptaccess="never" src="http://i245.photobucket.com/albums/gg78/looma001/adonaiwatch1-1.swf" width="150" height="150" wmode="transparent" " wmode="Window"/></div>
Et dans ton CSS tu colles ça :
#horloge {position: fixed; bottom: 0px; left: 0px;}
@ Łìťťℓє Śτʀãωвєŗŗу ❤ : J'arrive pas à voir ce que ça peut-être je n'ai pas l'idée de ce que ça fait. ><'Coucou Mikuru, j'ai un soucie d'article .o.
Alors, je vais essayer de bien m'expliquer XD alors que j'ai mit mes articles "du plus récent au plus ancient" mon 1er article, tout et nickel. Le 2ème nickel aussi, par contre le 3ème. Je c'est pas ce qu'il a, il se mit comme ci il était l'article principale. C'est à dire, au tout début, et mélange mais deux article : Le premier passe au 2ème et le 2ème passe au 3ème.
Un gros mélange, mon 3ème article est hanté D8
ah oui! je veux bien merci!
voici le code: <embed allowscriptaccess="never" src="http://i245.photobucket.com/albums/gg78/looma001/adonaiwatch1-1.swf" width="150" height="150" wmode="transparent" " wmode="Window"/>
Oui c'est tout à fait possible, la seule différence entre la chatbox et l'horologe est le code HTML qui, au lieu d'être celui de la chatbox du coup, sera celui de l'horloge. Est-ce que tu souhaiterai que je t'adapte le tutoriel à l'insertion d'une horloge ? Il me faudrait juste le code de l'horloge dans ce cas. :)
hello~
juste pour demander, comme il est possible de creer une chatbox en dehors des menus, serait-il possible d'insérer une horloge à la place?
je m'en remet à vous~
Salut! :
-1-Ah facile, c'est un peu de CCS + de la transition :
#header{background-image: url('Url 1 Header');
background-repeat: no-repeat; }#header img hover{background-image: url('Url 2 Header');
background-repeat: no-repeat; }#header img survol{ -webkit-transition-duration: 3s;
-moz-transition-duration: 3s;
transition-duration: 3s;}
#header img { -webkit-transition-duration: 3s;
-moz-transition-duration: 3s;
transition-duration: 3s;}Rose : Le temps que ça met a changer d'header
Rouge; Url du premier Header. Url du deuxième header.
-2-Tu trouvera ton bonheur ici :
http://fanstasy-graph.eklablog.net/personnaliser-les-modules-a46753430#
Et voilu pour toi ^^
Wah, je viens de relire tooout les comms pour de bons codes, je vous dis pas la galére. xwx
BREF. *évite la poele du racontage de vie* Je suis venut poser deux questions :o
1• Sur http://when-nobody-looks.cd.st/, le header est assez original, quand on le survole à la souris, un autre hearder apparait. Comment faire ceci?
2• Sur ce blog: http://another-world.eklablog.com/ quelques menus sont en dehors des menus normals. J'aimerais savoir comment faire.
Merci d'avance \o
Tsubasa: Regarde ce que Tante-SJ ta trouver 8D :
http://www.bloggif.com/gif-extract
Met ton gif (Ex: Ton avatar, video,etc..)enregistre toutes les images. Va sur ton logiciel de graph, et marque sur toute les images ton pseudos ;).
Ensuite:
Tu vas ici, et tu met toutes tes images ;)
Maintenant, on fait un gros poutou a sa Tata 8D
Tsubasa: C'est hors sujet mais, où as tu trouver ton avatar ? (si tu la trouver sur le Net, tu as tapper quoi?)
@ Łìťťℓє Śτʀãωвєŗŗу ❤ : Le code marche pourtant très bien chez moi (http://ekladata.com/fD0qHeBpyXHYBr8Cyw20V24tSpM/cap.jpg) donc il doit y avoir un problème mais je ne peux pas te dire lequel comme ça.
Il faut que tu inséres un lien qui termine par .mp3, le lecteur n'accepte pas d'autres types de liens tels que ceux des vidéos. Si tu as ta musique en .mp3 sur ton PC, héberge là dans les fichier de ton blog puis ouvres là et copie colle l'adresse url de la page.
@ Tsubasa♫ : Il y a des logiciels pour faire ses gifs et des sites en ligne. En ce qui me concerne, les rares fois où j'ai fais des gifs je prenais des captures à la suite (Que tu peux modifier avec un logiciel de graphisme pour y rajouter ton pseudo) que j'uploadais sur des sites comme http://picasion.com/ par exemple. On peut aussi faire ses Malheureusement je ne peux pas t'aider plus que ça, les gifs n'étant pas ma spécialité. ^^Salut Mikuru , j'aimerais savoir comment on fait un gif à partir d'une vidéo comme ici et aussi mettre mon pseudo en bas
Euhh le code ne marche pas :X
Et j'ai prit le troisième site et le lecteur MP3 charge toujours et la musique ne veux pas démarré :/
Alors, pour un cadre sur les photos présentes dans les articles :
.article_text img {
border: 2px solid #000000;
}
2px : épaisseur de la bordure, modifiable
#000000 : couleur de la bordure, modifiable
Ensuite, j'ai trois petits sites pour toi, 2 sont en anglais.
• http://flash-mp3-player.net/fr/ « Celui-ci est en français, il présente différents types de lecteur dans le style de ceux d'Eklablog mais avec des boutons supplémentaires et plus de possibilités.
• http://scmplayer.net/ « Ce sont de gros lecteurs ceux-là, ils se placent en haut de page ou en bas sur toute la largeur.
• http://www.sheepproductions.com/billy/ « C'est un lecteur discret très apprécié que tu peux souvent trouver sur les blogs tumblr.
Si tu as du mal a installer le lecteur que tu auras choisit je suis à disposition. :)Re-bonjour Mikuru xD
J'aimerais savoir comment on met un cadre sur les photos des article seulement ? Avec la couleur que l'on veux mettre ^^
Et aussi, je c'est que ce n'est pas du CSS. Mais j'aimerais savoir si tu connais un site ou on pourrais mettre notre musique en MP3, car je cherche un petit MP3 à mettre sur mon blog pour mettre de la musique, voilà x)
Ahhhh merci XD on c'est un petit peux embrouiller xD
Oh je vois, merci beaucoup ! Sa marche ! =D
Non non ! Ce sont des commentaires pour t'indiquer à quoi chaque ligne correspond, le CSS les accepte completement ! Cela fait parti du language CSS, les commentaires sont entre /*commentaire*/. Attention ce ne sont pas les commentaires que tu dois modifier mais bien les valeurs et les propriétés !
Ah oui mais sur Iconmunity cela marche sur les images justement. xD
Si tu veux seulement sur les avatars dans les commentaires alors ce serait ça :
.commentavatar {
-moz-transition: opacity 0.3s linear 0s;
}
.commentavatar:hover {
-moz-transition: opacity 0.3s linear 0s;
opacity: 0.9;
}
0.9 est une valeur modifiable entre 0 et 1 (donc 0.3, 0.6, 0.8 etc).Merci ! ^^
Euh j'enlève les "*" entre les parenthéses ?
Non moi je parle seulement des avatars de profil, pas de toute les images ^^"
Pour réduire la taille des avatars des visiteurs :
.module_menu_type_lastvisitors img {max-width: 100px;}
Et tu changes 100px par la valeur de ton choix.
Pour l'opacité sur Iconmunity, c'est le code de ce tutoriel (http://portfolio.ek.la/opacite-progressive-a38338572).
Ensuite, si j'ai bien compris le reste, c'est des infobulles dont tu me parles. Il y a un code par défaut sur Eklablog, c'est à toi de le modifier à ta guise :
#help_bubble {
color:#000; /*Couleur du texte*/
background-color:#FFFFDC; /*Couleur du fond*/
border: 1px solid; /*Taille et aspect de la bordure*/
border-top-color:#EEE5B0; /*Couleur bordure supérieure*/
border-left-color:#EEE5B0; /*Couleur bordure gauche*/
border-right-color:#D9C968; /*Couleur bordure droite*/
border-bottom-color:#D9C968; /*Couleur bordure inférieure*/
padding:4px; /*Espace entre le texte et la bordure*/
}
Tu devrais pouvoir modifier cela. ^^Coucou Mikuru ! :)
J'aimerais savoir comment on rétrécis l'avatar des visiteurs et aussi sur Iconmumity, quand on clique sur le profil du visiteur et quand on passe la souris dessus, doucement l'image deviens transparente.
Et aussi, j'aimerais que quand on passe la souris sur l'avatar du visiteur, on change la petite fenêtre à la manière dont on veux, tu sais, quand ça marque le "Pseudo/ Venue à telle heure". C'est comme pour modifier les fenêtres, sauf que là c'est les petites fenêtre sur l'avatar du visiteur.
Voilà voilà ^^ désolé je m'explique mal, en espérant que tu est compris ce que je demande ! x)
Je pense que je peux donner le truc pour ce genre de menu publiquement puisqu'il est de plus en plus sur les blogs. Donc, je te donne un code de base, tu peux ensuite modifier à ta guise.
dans le HTML :
<div class="liste" style="text-align: center;"><a href="/">Accueil</a></div>
<div class="liste" style="text-align: center;"><a href="/search">Rechercher</a></div>
<div class="liste" style="text-align: center;"><a href="/">Lien 3</a></div>
<div class="liste" style="text-align: center;"><a href="/">Lien 4</a></div>
<div class="liste" style="text-align: center;"><a href="/">Lien 5</a></div>
dans le CSS :
.liste {
width: 130px;
padding: 0.5px;
border-bottom: 1px solid #e4bdbd;
font-size: 12px;
background-color: #eecece;
}
.liste:hover {
background-color: #e4bdbd;
}
.liste a { color: #cd9696;}
.liste a:hover { color: #bb7f7f;}
Tu peux changer 130px, qui correspond à la largeur de ton menu (width).
Tu peux changer 12px, qui est la taille du texte (font-size).
Tu peux aussi modifier les couleurs, en orange, la première (#e4bdbd) est celle du bord qu'il y a entre chaque lien, la deuxième (#eecece) correspond à la couleur de fond des liens, la troisieme ( #e4bdbd ) correspond a la couleur de fond des liens lorsqu'ils sont survolés, la quatrième (#cd9696) correspond à la couleur du texte et la dernière ( #bb7f7f ) à la couleur du texte survolé.Merci de m'avoir expliqué que s'est pas possible
enfin j'ai une autre question sur certains blog dans les module les mot sont surlignés d'une couleur et le lien souvol aussi ; toi Mikuru qui ça tout conais-tu ce codage secret que personne veux dire ?
Ah ouais je vois, passer d'un blog Eklablog à un blog Tumblr .. ^^"
C'est pas grave :) merci quand même !
@ Mini chu : Bonjour, le code CSS qui suit rend les images de ton blog inclinées au survol :
img:hover {
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
Il y a sinon un deuxième code un peu plus long mais qui donne un résultat plus esthétique, je t'invite à le tester pour voir ce que cela donne :
img {
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
img:hover {
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
Pour changer le degrès de rotation il faut modifier tous les 3 des 3deg à sa guise.
@ Tsubasa♫ et Łìťťℓє Śτʀãωвєŗŗу ❤ : Mettre du menu dans le header ainsi que du texte peut être possible mais il n'y a pas de manière 'directe' pour faire cela, il faut beaucoup de bidouillage et l'aspect que l'on veut donner à sa bannière dépend des goûts de chacun, pour ce qui est de l'alignement des articles en dessous, ce serait bien compliqué de produire une configuration d'un blog Tumblr sur un blog Eklablog.Coucou j'aimerais poser la même à peut prêt la même question que Tsubasa♫
Est-il possible d'avoir sont menus en haut comme ci c'était un header ? Comme dans les Skyblog, voici l'exemple d'un Skyblog : http://x-marie-chan-x.skyrock.com/
Salut je voudrais savoir comme on fait pour que les article sois aligné comme dans le rond rouge et quand on clic sur image on voit article et que intro du blog sois en haut
si tu comprends pas va sur le site : http://ggggal.tumblr.com/
Bonjour !
Connaiterai tu le code pour incliner les image au survole ?
J'attend ta réponse avec impatience ! ^^
Mini chu
Oui bien sûr tu peux. ^^
En ce qui concerne le changement de couleur, voilà :
a {
-moz-transition: color 0.5s linear;
-webkit-transition: color 0.5s linear;
transition: color 0.5s linear;
}
a:hover {
-moz-transition: color 0.5s linear;
-webkit-transition: color 0.5s linear;
transition: color 0.5s linear;
color: #000000;
}
Valeurs colorées toujours modifiables. :)Ohhh puis-je me permettre de prendre le code qu'à demander Shimyjadina ? *w* il me plait ! :D
J'aimerais te poser une question aussi en même temps ! Est-il possible que quand on passe la souris sur un lien doucement la couleur du lien change, comme l'opacité progressive.
Est-ce de cela dont tu parles ?
a {
-moz-transition: letter-spacing 0.4s linear;
-webkit-transition: letter-spacing 0.4s linear;
transition: letter-spacing 0.4s linear;
letter-spacing: 0;
}
a:hover {
-moz-transition: letter-spacing 0.4s linear;
-webkit-transition: letter-spacing 0.4s linear;
transition: letter-spacing 0.4s linear;
letter-spacing: 2px;
}
Les valeurs colorées sont modifiables. ^^Et ensuite, je sais pas si tu as remarquer, mais sur certain blog, au survol de la sourri, le lien (texte) s'élargi (il devient plus, et il y'a plus d'espace entre les lettres, met la hauteur du texte ne change pas) est-ce que tu connais ce code ?
Dans Commentaires change la largeur, elle est normalement à 100%, essaie par exemple 99%, tu ne devrais plus avoir de soucis. ^^
Hey Mikuru! Moi aussi j'ai une question :D
Voilà, je voudrais faire une bordures blanche, 2px en continu (C'est simple, Apparence>Modif' Theme>Contenu>Comentaires visiteurs /auteur>Bordure) Sauf que, on ne voit pas la bordures droite sur les com's :
http://data0.eklablog.com/encoreunblogtest/mod_article48059441_500fe2ae87b5b.png?4558
Regarde, j'ai bien coher la case et tout et tout...Mais pourquoi la bordures droite ,ne s'affiche pas ? (J'ai même essayer avec un code CCS, sa ne s'affiche pas)
Merci
Ma bannière est comme cela : http://data0.ek.la/portfolio/theme/images/header.png?1633039778
Tu peux voir que j'ai donné un peu l'illusion d'avoir 'collé' le menu à la bannière.Bonsoir Mikuru, j'aimerais savoir comment tu fait pour entré le menus dans la bannière, comme sur ce blog, avec la vidéo de BEAST en haut, ect. Voilà voilà >W<
Ah oui, pardon.
Je crois voir le problème, il ne doit pas y avoir assez de marge.
J'ai changé un peu le code, essaie pour voir :
.module_contenu {
margin: 2px;
box-shadow: 1px 1px 8px #000000;
}Il s'arrête, et ne continue pas pour bien encadrer le contour du blog ._. j'ai montrer sur l'image
J'ai un petit problème pour les contours de mon blog >W<
Quand j'aggrandis, ça reste comme même comme sa .__.
Tu insères cela :
#footer {
border: 1px solid #000000;
box-shadow: 2px 2px 5px #000000;
}
Et tu changes les valeurs colorées comme tu veux.Pour que ton menu reste fixe tu rajoutes ceci dans ton CSS :
#menu1 {
position: fixed;}
ou bien
#menu2 {
position: fixed;}
Selon le numéro du menu concerné. (Celui qui se trouve à gauche ou à droite)bonjour , je voudrais avoir comment on fais pour que le menu ne bouge par sur ce blog : http://changethesun.id.st/
Merci d'avance
En ce qui concerne l'en-tête du blog (header), tu insère cela dans ton CSS en remplacant urldetonheader par l'url de l'image que tu veux utiliser en tant que header sur ton blog :
#header {
background-image: url("urldetonheader");
}
En revanche si cela concerne le pied de page, c'est la même démarche mais le code est celui-ci :
#footer {
background-image: url("urldetonimage");
}Ah bon ? :o
Il suffit juste de remplacer left par right comme je t'ai dis, regarde :
.pagination {
background-color: #FFFFFF;
box-shadow: 2px 2px 3px #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 2px;
position: fixed;
right: 20px;
bottom: 20px;
}J'aimerais le mettre a droite mais j'y arrive pas, j'ai pourtant tout suivis et j'y arrive pas >W<
Essaie ça :
.pagination {
background-color: #FFFFFF;
box-shadow: 2px 2px 3px #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 2px;
position: fixed;
left: 20px;
bottom: 20px;
}
Pour changer la couleur du fond tu remplaces #FFFFFF par la couleur souhaitée et pour changer la couleur de l'ombre il faut remplacer #000000. Les valeurs 2px 2px 3px peuvent être modifiées aussi. :)Ohhhh merci *o*
Encore une question pour la pagination, es ce que on peut lui mettre un fond blanc avec une ombre ? Comme pour arrondir les contours du blog ? >W<
Car on ne vois rien et j'aimerais que les visiteurs voie la pagination x')
Alors oui Łìťťℓє Śτʀãωвєŗŗу ❤ c'est possible, tu peux placer cela où tu veux sur ta page, ça s'appelle la pagination. Il faut utiliser le selecteur correspondant dans ton CSS qui est .pagination et insérer dedans les coordonnées qui te conviennent pour l'emplacement que tu souhaites. Par exemple :
.pagination {
position: fixed;
left: 20px;
bottom: 20px;
}
Dans ce cas présent, le fixed rend l'emplacement de la pagination fixe, c'est à dire que si tu descend la page il suivra la page. Si tu veux lui donner un emplacement précis sans qu'il ne descende avec la page, tu remplaces fixed par absolute.
Donc là j'ai placé la pagination à 20 pixels du bord gauche de l'écran (left: 20px;) et à 20 pixels du bord inférieur (bottom: 20px;), si tu souhaites le faire par rapport au bord droit tu changes left en right et pour changer le bord inférieur à celui du bord supérieur tu changes bottom en top. Les valeurs sont bien sûr modifiables.
J'espère que c'est tout bon. :)Ah oui je vois^^
HHmm...Je pense que ça serais possible, mais je ne connais pas le sélécteur pour ça, désolée :/
Tu peu aussi demander à Nagalia, en attendant que Mikuru réponde ;)
Hm, je ne vois pas trop ce que tu veux diren désolée x) Pourrais-tu me faire un petit capturee d'écran s'il te plaît ?^^
Hello Mikuru !
J'ai une question et j'espère que tu comprendra et que tu pourra m'y répondre (Ou alors si Shymijadina passe par là xD) J'aimerais savoir si on peut mettre les nombres de page de nos articles (Le 1 2 3 4 5 ) dans notre menus, ou alors en bas a droite ou alors autre part si possible. Comme sur les blog Tumblr, je c'est pas si tu/vous connaissez x')
Voilà voilà ~ si vous ne comprenez pas ce que vous dit, je peut vous faire une petite capture d'écran :3
519Łìťťℓє Śτʀãωвєŗŗу ❤Mardi 3 Juillet 2012 à 18:40Je vois que je n'ai plus rien à dire avec Shimyjadina ici dites donc !
Je m'excuse, je ne suis pas sur Eklablog 24h sur 24 et quand je me connecte c'est plutôt en fin d'après-midi donc il est normal que je ne puisse pas répondre rapidement mais il semblerait que depuis quelques jours lorsque je me connecte tout est deja résolu donc je ne sais plus quoi faire ! XD
Merci Shimyjadina dans tous les cas.
Tant que les codes sont bons, pourquoi pas.
(Que j'aime ton avatar Łìťťℓє Śτʀãωвєŗŗу ❤ !)517Łìťťℓє Śτʀãωвєŗŗу ❤Mardi 3 Juillet 2012 à 09:19Voilà :
.module_menu_titre{text-shadow: 5px 5px 5px black;}
Désolée, je suis un peu tête en l'air >.<
514Łìťťℓє Śτʀãωвєŗŗу ❤Mardi 3 Juillet 2012 à 09:17C'est pas grave ^^
Hum, c'est normal que ça me met tout les texte ? >.< car moi je veut que le titre menus qui et une ombre x')
Oui non mais je vouais dire que si Mikuru ne pouvait pas répondre, je voulais bien, repondre à ta place ;) (Je ne suis pas Mikuru, mais si il ne repond pas, je veut bien te repondre ;) )
Ah oui j'ai pas fait gaff', donc c'est ça :
.module_titre {text-shadow: 5px 5px 5px black;}
Et pour les titre des menus :
#menu2 {text-shadow: 5px 5px 5px black;}
#menu1 {text-shadow: 5px 5px 5px black;}
Voilà ;)
512Łìťťℓє Śτʀãωвєŗŗу ❤Lundi 2 Juillet 2012 à 21:51C'est moi ou mon message n'a pas était envoyer o.o enfin bref, je repose ! XD
Ah mais je parler vraiment à Mikuru moi x')
Merci mais c'est pas ça que je demande, je demande le texte avec une ombre sur les modules >.< excuse moi, j'ai mal expliqué :S
Je ne m'appelle pas Mikuru mais voici le code :
.module_titre {box-shadow: 5px 5px 5px COULEUR;}
Couleur : tu met le nom de tz couleur en Anglais
5 : modifie a ton gout
Voila^^
510Łìťťℓє Śτʀãωвєŗŗу ❤Lundi 2 Juillet 2012 à 21:05Re-bonsoir Mikuru, existe t-il un CSS pour mettre une ombre derrière les titre module et titre article ?
508Łìťťℓє Śτʀãωвєŗŗу ❤Vendredi 29 Juin 2012 à 12:28505Łìťťℓє Śτʀãωвєŗŗу ❤Vendredi 29 Juin 2012 à 11:49Ichigo : Crée ton Header (Ainsi que l'image ou quand on clique, tu tombe sur un lien, exemple, sur ce blog, c'est l'image où il y'a écrit :Hunter X Hunter)Ensuite, va dans Apparence>Modifier le thème>En tête (Header)>Menu>Position du menu >Déplacer a la souri(Et la tu met la case bleu-transparent sur ton image, je sais pas si c'est clair^^')on modifiera les Longueur/Hauteur après>Margeur d'un élément (Tu le redimenssionne de la taille de ton image où on doit cliquer)>Hauteur d'un élément (Idem.)>Police de caractère , met "0".
Ferme la fenêtre, et va dans Apparence>Menu de l'entête>Ajouter un lien >Titre (Rien)>Et l'url de la page où on doit arriver lord du clic^^
J'espère que c'est clair^^'''
Strawberry : img { border-radius: 0 px;
-webkit-transition-duration: 3s;
-moz-transition-duration: 3s;
transition-duration: 3s;}Modofie le "3" au nombre que tu veux, je croit que sa va marcher ;)
Bonjour, j'ai une question : quel est le code pour se retrouver à l'accueil du blog en cliquant sur la bannière ? merci.
502Łìťťℓє Śτʀãωвєŗŗу ❤Vendredi 29 Juin 2012 à 10:41J'ai encore une question, et cette fois pour toi Shimyjadina : Existe t-il un CSS que quand tu vois que l'image c'est arrondis, doucement, elle reprend sa forme normale et non directement. (Si tu vois ce que je veut dire)
500Łìťťℓє Śτʀãωвєŗŗу ❤Vendredi 29 Juin 2012 à 10:02Je croit savoir ce que tu veux :
Strawberry : img:hover { border-radius: 60 px;
-webkit-transition-duration: Xs;
-moz-transition-duration: Xs;
transition-duration: Xs;}X : C'est le nombre de secondes que sa dure, je te conseille 3 ou 5 secondes, si tu as choisi (ex : 3 secondes) il faut que tout les "X" est le même nombre.
60 : Tu peu le modifier à ta guise, si tu le veux rond, losange,...etc.
Voilà, j'espère que c'est ça ;)
498Łìťťℓє Śτʀãωвєŗŗу ❤Vendredi 29 Juin 2012 à 09:58495Łìťťℓє Śτʀãωвєŗŗу ❤Vendredi 29 Juin 2012 à 09:55Shimyjadina : Non ce n'est toujours pas ça, regarde bien ce que j'ai demander dans ma question. Si tu ne t'y connais pas à ce code, c'est pas grave, ne te force pas. Peut-être que Mikuru pourra me donner la réponse :)
Strawberry : Tu veux que sa soit progressivement, et plus rond c'est ça ? Pour que sa soit plus rond, tu peu modifier le "20"px. Pour que ça soit progressif, j'attend d'abord de savoir si c'est ça que tu demande.
493Łìťťℓє Śτʀãωвєŗŗу ❤Vendredi 29 Juin 2012 à 09:44Shimyjadina : Bonjour, désolé j'ai essayer de mettre ça dans mais codes mais ce n'est pas ce que je demande ^^
Strawberry : C'est ces codes :
img:hover {border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px}Et voilà ;)
491Łìťťℓє Śτʀãωвєŗŗу ❤Jeudi 28 Juin 2012 à 22:11Bonsoir Mikuru !
J'ai encore une question : Existe t-il un CSS, que quand tu pose le curseur de ta souris sur l'image, délicatement, elle s'arrondis, comme pour les images en opacité progressive, si tu vois ce que je veut dire.
Voilà, bisous bonne soirée ! :)
Oui excuse moi Tsubasa♫ c'est normal que tu n'aies pas compris.
Shimyjadina t'a proposé une explication à elle, l'as tu lue ? Elle est surement plus claire.
Je te la remet ici :
Crée ton Header (Ainsi que l'image ou quand on clique, tu tombe sur un lien, exemple, sur ce blog, c'est l'image où il y'a écrit :Hunter X Hunter)Ensuite, va dans Apparence>Modifier le thème>En tête (Header)>Menu>Position du menu >Déplacer a la souri(Et la tu met la case bleu-transparent sur ton image, je sais pas si c'est clair^^')on modifiera les Longueur/Hauteur après>Margeur d'un élément (Tu le redimenssionne de la taille de ton image où on doit cliquer)>Hauteur d'un élément (Idem.)>Police de caractère , met "0".Ferme la fenêtre, et va dans Apparence>Menu de l'entête>Ajouter un lien >Titre (Rien)>Et l'url de la page où on doit arriver lord du clic^^
J'espère que c'est clair^^'''
487Łìťťℓє Śτʀãωвєŗŗу ❤Dimanche 24 Juin 2012 à 17:47Bonjour Łìťťℓє Śτʀãωвєŗŗу ❤ !
Pour arrondir les images des avatars des visiteurs, tu insères cela dans le CSS de ton blog :
.module_menu_type_lastvisitors img {
border-radius: 40px;
}
40px est une valeur modifiable.485Łìťťℓє Śτʀãωвєŗŗу ❤Samedi 23 Juin 2012 à 21:54Bonsoir Mikuru,
J'ai une question a te poser : Es ce que c'est possible d'arrondir le contour des avatars des visiteurs seulement avec leur image.
Voilà, merci d'avance :)
484Shimyjadina non coSamedi 23 Juin 2012 à 19:58Mikuru : Mais non c'est rien^^
Uta : Ah, un peu comme surles forums. Je connais quelqu'un qui s'y connais pas mal dans ses genres de choses, demande à Papasti ^^ Après, je pense aussi qu'il faut demander à Stéphanie.
Tsubasa : Crée ton Header (Ainsi que l'image ou quand on clique, tu tombe sur un lien, exemple, sur ce blog, c'est l'image où il y'a écrit :Hunter X Hunter)Ensuite, va dans Apparence>Modifier le thème>En tête (Header)>Menu>Position du menu >Déplacer a la souri(Et la tu met la case bleu-transparent sur ton image, je sais pas si c'est clair^^')on modifiera les Longueur/Hauteur après>Margeur d'un élément (Tu le redimenssionne de la taille de ton image où on doit cliquer)>Hauteur d'un élément (Idem.)>Police de caractère , met "0".
Ferme la fenêtre, et va dans Apparence>Menu de l'entête>Ajouter un lien >Titre (Rien)>Et l'url de la page où on doit arriver lord du clic^^
J'espère que c'est clair^^'''
Uta ♪ je crois que pour pouvoir avoir cette sorte de Pop Up d'avertissement dès l'arrivée sur ton blog il doit falloir toucher au code HTML de toute ta page ce que tu ne peux pas faire en tant que membre sur Eklablog, tu dois donc demander à Stéphanie un disclaimer d'avertissement de contenu pour ton blog. :o
@ Kaway :
Tu insère cela dans ton CSS en remplacant urldetonheader par l'url de l'image que tu veux utiliser en tant que header sur ton blog :
#header {
background-image: url("urldetonheader");
}
@ Uta ♪ :
Il me semblait bien, je suis désolée. :/
Il faudra que je cherche un peu plus quand j'en aurais le temps.
N'hésite pas à partager l'astuce si jamais tu découvres comment faire avant.
@ Tsubasa♫ :
Dans un header normal tu as normalement des liens pour ton menu, je me suis servie de l'emplacement réservé à ces liens en réduisant la taille du texte de menu à 0px et en agrandissant cet espace à la taille de mon rectangle d'image. J'ai mis dans mon menu personnalisé le lien qui redirige vers l'autre blog et j'ai placé cet espace correctement sur mon cadre.
C'est un peu compliqué à expliquer mais ce n'est pas si difficile que ça en pratique.
@ Shimyjadina :
Je te remercie beaucoup pour ton investissement et ton aide ici !Coucou Mikuru je te dérange encore >u<
J'ai vu sur certains blogs des sortes de "Pop up" du même style que ceux qui s'ouvrent quand le click droit est désactivé. C'est le même principe sauf que ce pop up/cette fenêtre s'ouvre dès qu'on ouvre le blog en question. Vois tu c'est parce-que je fais un blog à contenu Yuri/Ecchi/Hentai donc c'est une question de censure ^^
Merci et bonne journée/soirée :D
commen on fait pour que quand on clic sur la créatin qui est ta bannière on tombe sur un blog
Uta : Alors, tu crée un scroolbar, tu met ton texte ,ensuite, pour mettre le header, et bien, tu ouvre ton iage et tu le met dans ton scrollbar. Ensuite , pour les effets comme "Par "Pseudo". dans "Rubrique" le "Jour" "Moi" "Année" à "Heure+Minute"
Pour mettre un lien sur le pseudo, comme ça : Shimyjadina
Tu écrit ton pseudo, clic drroit, "Editer/ Inserer un lien" et tu met ça : javascript:Windows.load('membres',%20'infos',%20{pseudo:'Ton Pseudo'});void(0);
A la place de du rouge (Garde les guillemets!!!)tu met le pseudo choisi (Fait gaff' au fautes d'orthographes !) Après, tu met tes articles...etct
Par contre pour que ce soit CARREMENT l'article avec les com's et tout et tout, je sais pas.
J'espère t'avoir aidée^^
EDIT : L'"exemple que je t'es mit sur le pseudo ne marche pas (Je croit que le Javascript n'est pas activé sur ce blog) mais tu peu faire l'effet que sa fait en allant sur mon blog, dans la rubriques acceuil, où il y'a les présentation, tu peu cliquer sur "Shimyjadina" ou "Mizura" ;)
Bonjour ! Je voulais juste savoir déjà c'était quoi le code CSS pour mettre un header qui faisait plus de 400px ?
Merci d'avance :D
Peut-être ça à mettre dans le CSS
#background {
overflow: auto;
}
Mais je ne sais vraiment pas si cela fonctionne.Pour faire un effet comme sur ce blog : iconcity.ek.la
J'ai bien demandé à l'administratrice mais elle ne m'a toujours pas répondue ^^'
Peut-être que tu recherches cela ? http://portfolio.ek.la/cadre-avec-scrollbar-c928349
Ou bien alors je ne vois pas, excuse moi. :(Bonjour Mikuru :3
Je recherche un code CSS qui pourrais installer une scrollbar dans le contenu de blog.
Merci à toi, et bonne journée/bonne soirée nwn
J'était justement entrain de travailler dessus xD :
<marquee><img src="ULR DE IMAGE"/></marquee>
Voilà :)
Mais où c'est que vous trouvez des codes aussi complex --'
Tient Purplegirl ;) :
<marquee scrollamount=X scrolldelay=X>TON TEXTE</marquee>
Donc a la place de "Ton Texte" beh, tu met ton texte xD
Il faut que tu mette ce code dans un module Simple ! (Statistique, horloge...etc)
Voilà :)
Mikuru : Je pense que ici, c'est plus facile à comprendre, c'est le blog de ma "meileur amie" sur eklablog : http://mizura-creation.eklablog.com/menu-deroulant-a38270738
Elle 'est pas très présente en ce moment, mais je peu répondre à ses questions en attendant .
Nagalia sur son blog explique comment faire ce menu : http://fanstasy-graph.eklablog.net/onglets-coulissant-a39580075
Pensez à la remercier. :)
Le lien est l'emplacement du menu. ^^454Shimyjadina non coMardi 5 Juin 2012 à 19:56Mikuru : Comme sur mon premier blog (Je parle du truc des menu déroulant)
Purplegirl : Je peu te donner le code pour le menu déroulant si tu veux^^
Mikuru : Tu sais l'image de ta bannière que tu a montrer, sir tu as fait la partie de ton menu dessus ( Hunter X Hunter ) comment a tu peu mettre un lien sur un point préssi d'une image ?
@ purplegirl : Bon et bien, merci beaucoup pour commencer ! :)
1. Pour l'effet ombre au titre des articles, voici voilà :
.module_titre { text-shadow: 1px 1px 2px #000000; }
Tu remplaces #000000 par la valeur héxadécimal de la couleur de ton choix, cela changera la couleur de l'ombre.
2. Par exemple, pour voilà un code pour faire défiler horizontalement vers la gauche.
<marquee direction="left" scrollamount="1"><a href="http://portfolio.ek.la/"><img src="http://ekladata.com/s7uMUE2677Dd2LmqES6GOjiifsg.png" alt=""/></a> <a href="http://portfolio.ek.la/"><img src="http://ekladata.com/uIsjL8NwgKgokLpDWMY_9H5F8kE.png" alt=""/></a></marquee>
ce qui donne cela : http://ekladata.com/1jt4VBblqnLzIT3k3HrmSUXe-rA/partenaires.html
Il y a des informations sur les défilements à cette adresse (http://portfolio.ek.la/faire-defiler-du-texte-et-des-images-c968648) si tu veux pouvoir le modifier à ta guise.
3. Aurais-tu un exemple de blog ? Je ne vois pas quel sorte de menu c'est, excuse moi.
@ Tsubasa♫ : J'ai un peu rusé pour ma bannière car elle ne se limite pas a l'espace de ton cadre rouge, voici l'image de la bannière : http://data0.ek.la/portfolio/theme/images/header.png?1413130652
Comme tu peux le voir, je l'ai faite comme une prolongation de mon menu à droite.
Il n'y a rien de particulier, elle se trouve sur toute la partie supérieure de mon blog comme surement ta bannière aussi.Bonjour.
J'ai plusieurs questions pour toi :-)
J'espère que tu seras en mesure d'y répondre, sinon ce n'est pas si grave!
De plus, j'adore ce que tu fais ^-^
Alors..
Première question:
J'aimerai savoir comment faire pour mettre un effet ''ombre'' au titre des articles.
J'ai le code pour les titres des modules, mais je ne sais pas pour les titres des articles :s
Deuxième question:
Quel est le code pour faire défiler exemple les partenaires (leurs boutons) horizontalement?
Troisième question:
Sais-tu le code pour l'espèce de menu personnalisé qu'on voit souvent sur les blogs? Il est toujours collé à la page, généralement à gauche puis lorsqu'on glisse notre curseur dessus il se déroule. Je ne sais pas si tu sais de quoi je parle .. ? ^^'
Voilà, merci beaucoup d'avance si tu réussis à répondre à toute mes questions !! xox
Bonne continuation ;)
@ Tsubasa♫ : Que la mise en page soit dans tous les articles comme dans tous mes articles ? Je n'ai pas bien compris ce que tu entends par la mise en page..
@ Mymi12 : Bonjour Mymi12, je pense que ce que j'ai expliqué ce que tu demandes à cette adresse du blog : http://portfolio.ek.la/fond-des-sous-menus-a17695675
En espérant que tu trouves ton bonheur !
@ Shimyjadina : Je n'ai vraiment, mais vraiment, rien compris du tout. Je ne me souviens pas du tout de quoi tu parles, excuse moi. Penses-tu pouvoir m'éclaircir un peu plus sur ta question ?Coucou Mikuru ! Alors , c'était pour te demander , quand tu clique sur l'image , et que le texte apparaît (le truc qu'on a parler y'a un mois X') )moi , ça met le texte a l'horizontal , et je voudrait le metttre comme ça quand on clique sur l'image :
Voilà
Comme
Ceux-ci
Mais ça me le met comme ça :
Je voudrais ce texte a la vertical
Tu vois ce que je veux dire ?
Je voudrais comme ça :
News
Livre D'or
Ect...
Mais ça me met comme ça :
News Livre D'or Etc...
Comment faire ?
Merci ^^
En fait c'est bon, j'ai trouvé. Mais comment, quand on survole "mon compte" par exemple, on peut personnaliser les options en dessous comme "iformations personelles"?
C'est pas très clair... mais j'espère que tu comprends ^^
Bonjour!
J'aimerai savoir comment changer l'apparence de la barre en haut, là où y'a contenu/apparence etc... je crois que tu l'as mis sur ton blog mais je n'ai pas très bien compris.... en tout cas merci pour ces codes géniaux qui m'ont été très utiles! J'attends ta réponse avec impatience!
comment on peux faire pour que les nouveautés défile en dessous de la bannière ou que la mise en page sois dans tous les article comme dans tous tes article
Mais je le savai hein je faisait semblant ^^" !
6ème sens :
menteuse !
////SBAAAFFF!///
* assomé *
C'est l'image qu'il y a en en-tête de ton blog, sur mon blog par exemple, le header c'est ça : http://data0.ek.la/portfolio/theme/images/header.png?1413130652
#header {
background-image: url("urldetonheader");
}
Et tu insères l'url de ton image à la place de urldetonheaderBonjour, jaimerai bien avoir le CSS pour mettre un header trop lourd :S Merci de me repondre vite !
Ce sont bien des modules simples, les modules n'ont juste pas de titres. Elle a enlevé le texte des titres des menus. :)
Pour enlever, enfin, "cacher" plûtot le texte du titre de menu, dans Apparence > Modifier le thème > Menu 1 ou 2 > Titre des modules > tu coches Police et tu mets la taille à 0px:)
Par contre , sur ce blog , je crot que ces des "liens vers rubriques" :http://mizura-creation.eklablog.com/
Et aussi :
Donc enfaite , il faut enlever le fond du titre menu pour faire un effet que quand tu clic sur le titre du menu le truc apparaisse..etc
Donc comment enlever le texte du titre du menu ?
Oui il me semblait qu'il y a vait un truc que tu n'avais pas compris aussi mais tu aurais eu du mal a me l'expliquer et moi aussi ><
Enfin, tant mieux alors !
Je t'en prie. :)Merci beaucoup c'est ça !
Enfaite , j'avais mal compris un truc ^^
Donc là maintenant , je met mon bouton que j'ai fait avec mon logiciel de graph et voilà ! Merci beaucoup Mikuru !
Thanks !
Oui , celui là : blog-theme.eklablog
Je te met la permission Numéro 3 pour que tu puisse voir le blog .
J'ai mit le code dans le module "Test"
PS : T'inquiète pas si quand tu clique sur Acceuil (dans le module test , le "Text" de ton code)le lien ces le lien de cette article xD J'avais la flème de mettre le lien du vrai Acceuil de mon blog (Compliquer à comprendre je sais )
Est-ce que tu as un blog où tu as testé ? Que je vois le probleme.
Parce que c'est compliqué de savoir quel est ton problème par écrit. :/
Et tu n'as pas besoin d'url d'un titre de module normalement. >>Tout est clair sauf l'image..^^'
Exemple : je crer 2 modules simples ( Un : Test , deux : Test 2 )
Moi , pour mettre le fond je fait Apparence >Modifier le thème>Menu>Titre Menu>Fond(Je met le fond)
Et le truc que je ne comprend pas , c'est comment mettre ses images personalisé ?
Ce que j'entend par personaliser c'est : Tu va dans Photofiltre , tu prend un fond tu met un texte (Texte : Test) , tu crer une autre image avec le même fond mais comme texte je prend 'Test 2'
Je sais c'est pas clair >.<
PS : Comment avoir l'url d'un titre de module ?
C'est un module simple, logiquement, puisque tu ne peux pas éditer le HTML dans le module "Lien vers les rubriques". ><
Regarde, tu m'as donné le blog de Nagalia comme exemple.
Donc elle, son image, c'est ça : http://data0.eklablog.net/fanstasy-graph/mod_article28392263_5.png?9821
Sur son image elle a deja marqué son titre et fait son fond à l'aide de son logiciel de graphisme. On est d'accord jusque là?
Et {TEXT} c'est l'endroit où tu mettra du texte, ou des liens, les liens de ton menu par exemple. Quand tu mettra un lien, tu effacera {TEXT} et écrira ton lien à la place.
C'est tout bon ?......*Va s'acheter un cerveau*
Ok , mais comment savoir l'url de l'image + Le titre ??????
Et donc le texte...Les liens ??
Attend !!! Je croit savoir pourquoi je ne comprend pas !
Il faut crer un "lien vers les rubriques" ou "modules simple" ?
Oui, voilà, c'est ce que dit Parky Bommie.. C'est pas compliqué TT
L'image c'est l'image de ton titre, pas seulement les fond, le titre entier.Franchement j'y arrive pas :/
Faut mettre quoi à la place de "Text" et de "Url de l'image" ?
Ha oui ta raison c'était pas le même ^^
Donc , j'ai recopier TON code :
<div class="quotetitle"><input class="nav" style="width: *px; height: **px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher'; }" src="urldel'image" type="image" value="Cacher" /></div>
<div class="quotecontent">
<div style="display: none;">{TEXT}</div>
</div>A la place de text...Je met quoi ?^^
Et URL de l'image c'est l'url du fond f=du titre (toi c'est des fleurs) c'est ça ?
Coucou :) Ce n'est pas une demande de code mais tu connaitrais d'autre blog où il y a aussi des tutoriaux de code ? >< Merci d'avance
417RynSamedi 21 Avril 2012 à 18:12Non ce n'est pas le même Shimyjadina, tu dois SEULEMENT modifier ce que moi j'ai mis en couleur. Tu as rajouté des url dans ton code, du coup tu l'a modifié et donc il ne marche pas.
Insère ce code-là en remplacant 100px par la valeur qui te convient le mieux :
img {max-width: 100px;}Voilà pour toi. Le code est à insérer dans le CSS bien sûr :
#background {
border-radius: 30px;
}
Pour modifier le degrès d'arrondi, tu peux changer la valeur 30px.Coucou o/ Je voudrais un code pour arrondir le blog comme toi, tu vois... ? >< Merci d'avance ;)
Tu n'y arrives pas ? C'est-à-dire ? Quel est le problème ?
Le code que tu m'as fournit n'est pas bon.
Du moins il ne fonctionne pas chez moi.Ok merci , mais...J'y arrive pas :(
<div class="quotetitle"><input class="nav" style="width: *px; height: **px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Url de l'image où on clique'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Url des liens lors du clique'; }" src="Url de l'image où on clique" type="image" value="Url" /></div>
<div class="quotecontent">
<div style="display: none;">{Url des liens lors du clique}</div></div>
Violet : Donc URL du fond du titre menu (fond de "Codages"..etc)
Rouge : Url de "Accueil" ,...etc
Noir : URL du fond du titre menu (fond de "Codages"..etc)
Bleu : Url de "Accueil" ,...etc
C'est ça ?
@ Pash :
Il suffit de changer le sélécteur, cela donne ceci donc :
.module_contenu_block p {
font-family: 'Dupree',Palatino, Trebuchet MS, Arial,Serif;
}
Puis tu remplaces ce qui est en rouge par le nom de la police que tu souhaites.
@ Shimyjadina :
Pour faire ce genre de menu qui s'affichent au clique de la souris, on utiliser le principe du spoiler. Tu peux faire cela avec ce code :
<div class="quotetitle"><input class="nav" style="width: *px; height: **px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher'; }" src="urldel'image" type="image" value="Cacher" /></div>
<div class="quotecontent">
<div style="display: none;">{TEXT}</div>
</div>
En remplacant * par la largeur de ton image, ** par sa hauteur et urldel'image par son url. {TEXT} désigne l'emplacement de ton texte, tes liens, menus, etc..
@ Mokoru :
C'est à peu près le code de Shimyjadina, mais pour plus de sûreté (au cas où ta police ne s'afficherait pas sur certains naviguateurs), utilise celui-ci de préférence :
.window {
font-family: 'Dupree',Palatino, Trebuchet MS, Arial,Serif;
}
En remplacant la police en rouge par le nom de la police de ton choix.Mokoru :
.window{text: Tahoma}
Je croit que c'est ça .
Rouge : Tu met le nom de ta police(Il ne faut pas qu'elle soit trop compliquée)
Vert : Là , c'est la propriété texte .
Violet : Voici le plus important , le sélécteur (.window )
A ben mince, je les enlever quel boulette je suis x__X
Bon c'est pas grave ^^ merci quand même ^^
Sinont, comment on change la police des fenêtres ?
Merci =)
Et est-ce que tu sais comment masquer un titre dans un menu ?
Je m'explique :
Il y'a le menu droit/gauche . Et il y'a des titre : Partenaires , Graphisme..etc
Comment faire pour que qu'en on clique sur ces titres , les titres "Html" "CCs"...etc apparaisse ?Un peu comme ce blog :fanstasy-graph.eklablog.net
Merci :)
402RynMercredi 18 Avril 2012 à 19:57Mmmh, ce que je voulais exactement c'était de transformer la police dans l'article [excuse moi si je ne l'ai pas précisé] étant donné que celle ci sont limitée.
Bonne soirée :3
Je cherche a avoir un CSS pour enlever le fond gris sur les images quand je passe ma souris dessus
@ Mokoru :
Oui mais donc, qu'est-ce que tu veux exactement ?
Parce que j'ai beau chercher, je ne comprend pas ce que tu veux. oo"
@ Flandre :
Non tu ne peux pas mettre une musique comme ça sans aucun lecteur.
Toutefois, tu peux mettre des lecteurs plus ou moins discrets sur ton blog, il y en a beaucoup de sortes. Il faut chercher un peu. ^^Bonjour,
Est-ce qu'il existe une façon de faire en sorte que quand on ouvre son blog, une music commence, mais il n'y a pas de video de youtube, ou choses de ce genre?
Merci d'avance :)
@ Mokoru :
Oui, mais sur les liens, pas les images (?) :o
@ Mytsu :
1- Oui leurs codes ne marchent effectivement pas sur ekla.
Quand tu vas sur ton blog, tu ouvres la fenetre de CSS et tu colles ce code là :
body {
cursor: url("urldevotreimage.gif"), url("urldevotreimage.gif"), auto;
}
Puis tu vas voir le curseur qui te plaît et sur celui-ci tu fais clique droit > Copier l'adresse/l'URL de l'image. En revenant sur ton CSS tu fais clique droit > coller à la place des urldevotreimage.gif
Normalement cela devrait fonctionner. :)
2- Pour les fonds des menus sur iconmunity cela à été fait grâce à du CSS.
J'ai partagé les codes CSS et HTML de ce menu un peu plus tôt s'ils t'intéressent, les voilà.
CSS : http://ekladata.com/tOBr-qbgOjgxyx5oDeYgR12BaOg/css-customize.css
HTML : http://ekladata.com/wG_M68Ee34cDkTKdJ_ue5pJDmEw/html-customize.txt
@ Shimyjadina :
1- Je ne vois pas vraiment ce que tu veux dire car les menus sur le blog que tu m'as envoyé sont placés en ligne.
2- Tu peux mettre une petite image lors du survol du menu en allant dans
Modifier le thème > En-tête > Menu survolé > Fond
Si tu veux placer ton image a un endroit précis tu peux modifier ça en cliquant sur "Afficher/masquer les paramètre étendus" et en déroulant les Positions.
@ Tsubasa♫ :
Le code se trouvait un peu plus en bas, le revoici.
.module_menu_type_lastvisitors img {max-width: 100px;}
100px valeur modifiable.
@ Pash :
Telegramme a posé cette question il y un petit moment, je me souviens qu'elle avait trouvé le code et l'avait laissé par-là... Il est là !
Donc je la cite.
"Voici le code pour ceux qui veulent au cas ou :)
#titre_header{
font-family: 'Dupree',Palatino, Trebuchet MS, Arial,Serif;
}
Le mot en rouge est a remplace par le nom de la police telechargée, attention elles ne fonctionne pas toutes sur tout les navigateurs ! Donc gardez quelques polices ( comme celles que j'ai mise par exemple ) afin que tout le monde puisse lire le titre :)"
En l'occurence tu remplacera Dupree par Porcelain si j'ai bien compris. ^^
@ mini guigui :
Je te réponds par MP comme tu le sais.
Excuse moi de m'être emportée, merci du compliment. ^^Kikou !!!
Déja,je voulait te dire que ton blog est magnifique *.*
Pourraije avoir le code pour faire un texte dans un cadres,avec une image(peut tu me mettre texte a ajouter et url de l'image dans le code stp)
Merci d'avance ^^
392RynDimanche 8 Avril 2012 à 21:29Tout d'abbord bonne soirée :)
Et ensuite, je te signale juste que c'est Mia Miruka, on avais échangé deux trois moi parce-qu'on été nés le même jour x)
Enfin bref, je voulais savoir si tu aurais un ptit code qui permettrais de changer la police dans un article, par exemple je veux êcrire avec la police "Porcelain" [et aller encore une boulet nulle en codes 8D]
Enfin bref :) merci et bonne soirée, et bon courage et voila...
Oh et bonne pâques x)
:okstopthat:
re-hello ^-^,
j'aimerais savoir comment tu as fait sur iconmunity pour faire un fond sur les liens dans les rubriques du menu.
Merci d'avance
Bonjours ! Alors , j'ai quelques questions , qui sont de la plus haute importance!! :
Donc , vous voyez sur ce blog , il y'a des menu sur le header(tutoriaux) :
http://mangagraph.shojoblog.com
-1-Donc , comment faire , pour que le texte , (tutoriaux,..etc)soit en diagonales ou pencher ?(car , il n'ya que en colonne ou ligne) ?
-2-Sur ce blog (fermer) http://merry0712.eklablog.com , sur le herder(vert)a certains endroi , il y'a une fleur qui s'affiche , sa doit être les menu sur le header n mais coment mettre cette fleur ?
Merci beaucoup , j'attend votre réponses avec impassiance :)
Bonjour Mikuru,
j'ai trouver un site de curseur pas mal : Free Cursors 4U
mais le seul probleme c'est que leurs codes marchent pas !
Est ce que tu pourrais m'eclairer stp ? Merci d'avance
Sur mon deuxième blog, quand on passe la souris dessus les liens un petit fond gris la x)
Rahh j'ai oublié le nom .__.
@ Parky Bommie :
Je t'ai faite les modifications en fonction des couleurs de ton blog, je pense que ça devrait t'aller comme cela :
.liste {
border-left: 2px solid #ce886b;
padding-left: 2px;
border-bottom: 1px solid #dfc07a;
letter-spacing: -0.5px;
text-transform: lowercase;
font-family: Georgia;
font-size: 12px;
background-color: #f1d492;}
.liste a { color: #ce886b;}
.liste a:hover { color: #ce886b;}
.liste:hover {
background-color: transparent;
border-left: 5px solid #ce886b;}
@ Mokoru :
Je ne vois pas vraiment de quel fond gris tu parles. :/Et sinon comment enlever le fond gris survolé au image ? car franchement, sa fait moche un peut >.< moi j'aimerais que sur les texte et la ça vient sur les images, je trouve ça laid alors voilà ^^"
Pour le code que tu m'as passée, comment on fait pour modifier le bleu clair & le la couleur du texte ? ._.
@ Mokoru et AshleyBenzo :
Désolé ce n'est pas le bon code effectivement. Pour redimensionner les images des derniers visiteurs c'est :
.module_menu_type_lastvisitors img {max-width: 100px;}
100px valeur modifiable.
Pour un cadre supplémentaire c'est
.module_menu_type_lastvisitors img {
border: 2px solid #ffffff;
max-width: 100px;}
#ffffff modifiable.
@ Mokoru :
Pour mettre en opacité progressive il faut appliquer ce tutoriel (http://portfolio.ek.la/opacite-progressive-a38338572) en utilisant le selecteur des images des derniers visiteurs :
.module_menu_type_lastvisitors img {
-moz-transition: opacity 0.4s linear 0s;
-webkit-transition: opacity 0.4s linear 0s;
transition: opacity 0.4s linear 0s;
opacity: 0.5;
}
.module_menu_type_lastvisitors img:hover {
-moz-transition: opacity 0.4s linear 0s;
-webkit-transition: opacity 0.4s linear 0s;
transition: opacity 0.4s linear 0s;
opacity: 1;
}
@ © Nathalie :
Je pense que ce code conviendra parfaitement :
.module_titre_contenu {
text-shadow: 1px 1px 2px #000000;}
Toutes les valeurs sont modifiables.
Tu peux avoir plus d'information sur le tuto concerné (http://portfolio.ek.la/ombre-sous-les-liens-c959816).
@ paradis candy skye :
Lorsque tu écris ton article, il faut que tu écrives son intégralité dans l'onglet Chapô de ta fenêtre d'édition et que tu mettes le début de l'article, ou du moins la partie que tu veux voir suivie de "Lire la suite", dans l'onglet Article.
@ Parky Bommie :
Le menu ressemble à peu près à celui d'iconmunity, il utilise le même principe en tous les cas. Je vais donc te procurer un code CSS et HTML du menu d'iconmunity customisé.
CSS : http://ekladata.com/tOBr-qbgOjgxyx5oDeYgR12BaOg/css-customize.css
HTML : http://ekladata.com/wG_M68Ee34cDkTKdJ_ue5pJDmEw/html-customize.txt
Tu peux ensuite modifier les couleurs, les noms, les tailles, les espacements. Tout ce dont tu as besoin à ta façon et à tes goûts. C'est vraiment un code standard.
Si tu as du mal a le personnaliser, n'hésite pas a me demander précisement ce que tu veux. ^^Coucou :). J'adore ton blog *Q*
Comment faire pour avoir les rubriques et les menus comme ça ? (à peu près)
http://apple-art.eklablog.com/
Merci d'avance.
Le code pour rétrécir les avatar c'ets se code ? :
#module_menu_contenu103677192 img{max-width: 70px;}
Ben enfait pour moi sa marche pas :$
Comment faire quand on a un article trop long pour le couper et mettre "lire la suit" et quand on clique dessus ça nous montre tout l'article ?
Ah na c'est bon ^^
Et aussi comment on mais que en opacité progressive les avatars des visiteurs ? voilà
J'aimerais avoir le code CSS des titres d'articles avec une ombre derrière s'il te plaît ^^ ! ! !
Merci <3
Euh, c'est normal que ça ne marche pas ? >< et aussi comment on encadre les avatars des visiteurs ? comme sur XCream
Woaw, merci, Mikuru ^^ ça marche du tonnerre, merci d'avoir répondu sivite ! Passe une bonne soirée <3
@ xCream :
Le principe utilisé est le même que celui expliqué à cette adresse du blog : http://portfolio.ek.la/numero-sous-les-icons-c1001081
Si tu as besoin de modifications un peu plus précises par la suite, n'hésite pas à redemander.
@ Mokoru :
Tu peux faire varier la largeur maximale des avatars en utilisant ce code :
#module_menu_contenu103677192 img{
max-width: 70px;}
70px est une valeur modifiable.
@ Furiae :
C'est une très bonne question, moi-même je cherchais comment parvenir à faire cela sur Eklablog il n'y a pas longtemps. Cette découverte pourra donc servir, j'en suis très heureuse !
Donc je te préviens d'avance, il va falloir toucher dans le CSS et dans le HTML.
Tout d'abord, tu peux créer un module dans un menu (que tu rendra invisible en mettant sa largeur à 0) et rajouter ce code-là dans le HTML :
<div id="entete"> <a href="#entete"><img id="top" src="urldel'image" /></a></div>
Tu devras remplacer urldel'image par l'url de l'image que tu souhaites utiliser comme "bouton" pour revenir en haut de ta page.
Tu peux enregistrer.
Ensuite, dans ton CSS, rajoutes ce code :
#entete {
position: absolute;
top: 0;
}
#top {
position: fixed;
right: 10px;
bottom: 5px;
}
Les valeurs colorées sont celles que tu peux changer. Si tu souhaites placer ton bouton a gauche de la page et non à droite, remplace right par left. Si tu le souhaites en haut et non en bas, remplace bottom par top. Les valeurs en px qui suivent ces propriétés sont l'espacement qu'il y a entre le bord de la page et le bouton, elles peuvent être modifiées.Salut, Mikuru ! merci encore pour tes codes, ça m'a vachement servi pour mes blogs, d'ailleurs j'ai rouvert DELIRIUM, si tu veux y jeter un oeil ! j'en suis plutôt fière, même si c'est très simple comme déco ^^ j'aurai encore un code à te demander ; j'ai cherché un peu partout, j'ai même testé le principe des ancres d'Ekla au cas où, mais ça ne donne pas ce que je veux :)
J'ai une image dont je veux me servir comme bouton pour remonter en haut de la page sur laquelle on est... mais je n'ai pas réussi à le faire, aurais-tu une idée, si c'est possible ?
Coucou, est-ce que tu sais comment encadrer les images miniatures dans un article et mettre un texte en dessous ? C'est-à-dire faire un contour visible autour d'une image. Comme tu ne dois pas vraiment comprendre ma question, voilà un aperçu de ce que j'aimerais faire :
http://shizoo-design.de/avatars.php?type=msn
Tu vois ce que je veux dire ? :3
Ah pardon, j'ai trouve, en fait c'etait la police que j'ai telecharger qui ne fonctionnait pas !
Voici le code pour ceux qui veulent au cas ou :)
#titre_header{
font-family: 'Dupree',Palatino, Trebuchet MS, Arial,Serif;}
Le mot en rouge est a remplace par le nom de la police telechargee, attention elles ne fonctionne pas toutes sur tout les navigateurs ! Donc gardez quelques polices ( comme celles que j'ai mise par exemple ) afin que tout le monde puisse lire le titre :)
Merci quand meme de ton aide Mikuru ! Et super blog ! :D
Hum merci pour le lien, mais ce n'est pas tout a fait ce que je cherchais car ici ils ne parlent que de polices deja referencees sur le blog et sur le titre des menus... Ce que je cherchais en faite, c'est le "selecteur" ( c'est comme ca qu'on dit ? ) du titre du header, et ce qu'il faut mettre pour installer une police que l'on a au prealable telecharger.
Je crois qu'il fallait annoncer la police au debut ou quelque chose comme ca mais j'ai passee ma soiree a chercher et niet... :(@ Telegramme :
Peut-être que tu as vu cela sur ce sujet, je te laisse le lien : http://doc.eklablog.com/changer-la-police-du-titre-topic10794
@ Mokoru :
Insère ceci dans ton CSS :
a:hover {
background-image: url("urldel'image");
}
Pense bien à remplacer urldel'image.
@ Neko Hime :
La version HTML ?
C'est-à-dire ?
On est obligé de passer par le CSS pour cela.Coucou, j'avais lu quelque part un tuto pour changer la police d'ecriture du Titre du blog, sur le Header sans mettre une image a la place, peux-tu m'aider ? Je sais qu'il faut telecharger la police que l'on veut mais pour la partie code... o.o
Coucou ! Existerais t-il une manière de survolé c'est liens dans un fond comme pour le texte écris dans un fond dans le HTML ?
Merci d'avance !
Yo! Merci pour ma question d'avant. Pourrais-tu me donner la version HTML aussi s'il te plait ?
hello! j'aurais besoin d'aide sur un point. je n'ai aucune idée si on peut le faire sur un blog mais je vais quand même demander. sur ce site( http://zerofansub.net/ ) se trouve en haut à droite des renders, qui changent toute les pages et qui lorsque tu cliques dessus t'enmmene à la page de l'anime. tu sais comment on peut faire ça?
@ Neko Hime :
Oui bien sur, voilà pour toi :
.module_contenu img {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
@ Flandre :
Je t'ai fait la base de code ensuite à toi de modifier l'intensité des arrondis et l'opacité. Il suffit juste de mettre la valeur d'arrondis à 0 au passage de la souris sur l'image (img:hover).
img {
opacity: 0.8;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
img:hover {
opacity: 1;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}Moi j'ai une question un peu comme la dernière, mais differente.
Si on a par exemple toute les images du blogs en opacité diminuait + arrondis, et quand on les survole ils sont opaque + pas arrondis, je n'arrive pas à mes mes images "pas arrondis" quand je les survole. *quelqu'un a compris?*
Merci d'avance et si tu comprends pas, c'est rien, je ferais sans :)
Salut Miku!
Cette question a certainement été posée une petite centaine de fois et je suis vraiment désolé de te faire répéter mais est-ce que c'est possible de mettre un contour (disons de 10px) aux images qui se trouve seulement dans les articles ?
Biz :)
Le code pour arrondier toutes les images du blog est celui-ci :
img {
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}Et oui c'est encore moi je reviens, pas pour la meme chose du tout.
Je voudrez savoir si quelquun connais le code CSS pour arrondir toutes les images du blogs
DSL, mais je suis vraiment pas douée...
Et oui je reviens
DSL, c'est pas pour la meme chose en fait, c'est juste que, dans ce code CSS :#header {
background-image: url("urldetonheader");
}Il faut saisir un url. Or je ne peux pas poster mon image car elle est au format pfi
Ce n'est peut etre pas sur ce blog que je doit poser la question mais jessaye quand meme.
Encore désolée du dérangement
Nan en fait dsl de te déranger pour rien, j'ai trouvé mon dans les questions des autres visiteurs !
Si ça te dérange pas je voulais savoir quel était le code pour mettre une image pour le header qui est superieur au poid autorisé ! Merci d'avance
Flemar3D ^^
Hello J'aimerais bien savoir comment on redimensionne les image des derniers visiteur ex:100*100
Tu trouveras surement ce que tu veux à cette adresse Tonin :
http://portfolio.ek.la/barre-de-navigation-a5874897
:)salut ! j'aimerais un tuto pour comment changer la bare tout haut dessus ou il est écrit "mon compte, contenu, ..." merci d'avance !!!
ps: s'il y en a deja un je m'excuse ^^
Je méexcuse Flemar3D, Lee Shin et Kirsten_Stewart mais je n'ai malheureusement pas de réponses à vos demandes. Il faut que je me replonge dans tout ça. Le meilleur moyen pour vous, Flemar3D et Lee Shin est de demander aux créateurs des blogs eux-mêmes.
Aujourd'hui, un nouveau tutoriel de codage CSS sur Portfolio.
Cela fait très longtemps et le tutoriel n'est pas imensément long mais j'espère que cela sera utile à certains. http://portfolio.ek.la/opacite-progressive-a38338572Bonjour , j'aimerai savoir deux choses :
1 - Comment créer un questionnaire et quand quelqun a terminé comment savoir combien il a fait de fautes ?
2- Comment faire pour coller les menu a l'ordinateur ?
Merci d'avance
slt !
j'ai vu un blog tres beau d'animal crossing !
comment en fais les menus en haut comme accueil .. astuce ac ect dans ce blog
http://www.tout-sur-animal-crossing.com/
Ouai, je comprends pas pk a chaque fois que je met une image ellle s'affiche pas.
Mais en fait je vais essayer detre plus clair, quand tu fait "mon compte" puis "message" sur certain blog, la fenetre des messages s'affiche avec des couleurs !
ex : roro-love-manga.eklablog.com
Et la barre est differente, mais comment faire !
Bonne anné !
A voilaa je sais pas qui me la fait(toi ou peut etre Naka-Sama)
enfin bref,j'y suis(quelqun ou moi)y est arriver!:)
Bonne année ,pleine de bonheur et d'amour
leslegendairesshimyjadina.eklablog.com
O!Et j'ai essayer le clic droit,comment ta fait pour changer la couleur?(j'ai essayer le coler)
@ Dreamy Girl : Désolé je ne peux pas faire le cadre à ta place s'il n'est pas fait, je n'ai pas la tête a me plonger dans les codes en ce moment. :/
@ Shimyjadina : Le problème c'est que tu en as plusieurs des blogs, du quel parles-tu ? ^^"Heu,oui pardon
Je savait pas comment expliker,bon va sur mon blog,puis ouvre ta boite de message,tu voit il y'a du contour violet
Breff,j'aimerai savoir comment en mettre (dabor regarde en haut ya ecrit"mon compte)sur "mon compte"
Je sais pas trop comment expliker,plus clairement:
Laa,en haut,ou ya ecrit "mon compte" j'aimerer qu'il yest un contour
Ah si, pardon, les cadres en DIV, tu peux arrondir les côtés mais j'ai besoins de ton code. ^^@ Flemar3D : Arg, je ne vois pas ton image, désolée. ><
@ Shimyjadina : J'ai déja répondu aux trois premières questions par MP. ^-^
Ensuite, je ne comprend pas trop ce que tu veux faire, "mettre du relief avec une couleur" ?
Pour faire un curseur, il faut soit le créer soi-même avec un logiciel graphique soit aller chercher un site de curseurs sur internet. Voilà les sujets présents sur le blog qui traitent des curseurs :
http://portfolio.ek.la/curseur-personnalise-c962769
http://portfolio.ek.la/poussiere-d-etoiles-a27435801
Pour un bouton, c'est quel genre de bouton ?
Un bouton graphique, un bouton d'envoi ?
@ Dreamy Girl : Je ne les ai pas collé, c'est une image de fond qui donne cette impression. L'image est celle-ci : http://data0.ek.la/portfolio/theme/images/background2.png?1508518030 que j'ai mise dans Apparence > Modifier le thème > Fond > Fond de la page. J'ai choisit "Répétée verticalement" dans les paramètres et le tour est joué. :)Kikou :)
J'aimerai bien savoir comment on peu coller le menu et le blog comme tu l'as fais ...
merci :)
Je vait te bombarder de question!!^^'
Qu'est-ce Javascript?
A quoi sa sert?
Comment on l'active?
Comment on fait une horloge?
A lors,tu voit en haut,il y'a écrit:"Mon compte" et il y'a une bulle(pour les messages et les new)comment on met du relief avec une autre couleur ?
Comment on fait un curseur?
Comment on fait un bouton?
Voila,jespere que tu pourrait repondre a mes question
Sinon,continue comme sa!
Merci beaucoup, et de rien pour le compliment de passage.
Je voudrais aussi savoir (si ça te dérange pas) comment on fait pour mettre des couleur dans la boite de message. Houla, c'est pas très clair tout ça, je te mets une image :
Comme ce qui est en violet !
Voilà.
@ Flandre : Ca tombe bien je faisais un tour sur le blog de Papasti et je pense que c'est de cela dont tu parles : http://papasti.eklablog.fr/faire-un-tooltip-evolue-a11950350
@ chachamanga : .module_titre_contenu {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
}
@ Flemar3D : #background {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
}
Et merci du compliment de passage. :)Désolé si ça a deja été dit mais je voudrais savoir quel est le code CSS pour arrondir les coins de la page. Ce n'est pas très clair alors jespere que tu as compris.
Au passage : Un super blog
Bonjours , excuses-moi de t'embêter (une fois de plus), mais j'aimerais savoir si il était possible d'arrondir l'endroit où on met le titre de l'article. (je suis pas très claire! --')
Merci d'avance de me répondre! ;)
Bonjour Mikuru! :D
J'aimerais savoir comment faire pour que quand on survole une image, ça peut nous donner des infos, comme sur les forums quand on survole une image d'un membre de la team ou encore des las visiteurs normals du blog, mais avec d'autre images. *je suis pas claire du tout là*
Merci d'avance! :D
Bonjours, j'aimerai s'avoir comment mettre des menus a l'exetérieur du contenue ou du header comme ici:
Merci de m'aider toutes les deux ^^
Oh du Javascript ? c'est chouette je viens juste de l'activer :D
Et Fubuki , j'essairais ton code plus tard merci! (le soir de Noel, un peu dure d'être sur l'ordi xD)
@ Xx-Lou-xX : Tu peux contourner cette limite en passant par le CSS.
#header {
background-image: url("urldetonheader");
}
En remplacant bien sûr urldetonheader par l'url de l'image que tu veux mettre en header.
@ Neko Hime et Hageshi fubuki : Moi je pense que c'est du Javascript qu'il faut utiliser, je fais une petite recherche en ce moment puisque je ne suis pas callée en js donc je vais voir de mon côté.
EDIT : Il y a surement une possibilité mais je ne serais capable de l'appliquer moi-même donc encore moins d'expliquer. Désolé. ><Ben j'ai une petite idée !
Tu pourrais peut être combiner css ET html !
Mais il te faut une image toujours de même taille.
C'est le dans le principe "crée une classe"
Tu prends dans ton css ce code :
.header accueil {position: absolute; top: 0px; right: 0%;}Tu le renomme comme tu veux.. Par exemple header_accueil et tu mets les positions de ton header.
Ensuite, sur la page normale (pas un article, au cas ou tu le supprimerais), tu mets ce code html :
<div class="header_accueil"><img src="URL de L'IMAGE" /></div>et tu remplaces URL de l'image par l'image de l'header.
PS : Si le "url de l'image" ne marche pas, tu laisse "URL DE L'IMAGE" et dans l'édtition normale ( avec le changement de texte en gras, italique, tout.) Tout séléctionne "URL E L'IMAGE" et tu cliques sur "IMAGE" à coté de MODE.
Si c'est pas clair, demande.
Je n'ai fait que prendre un commentaire de mikuru en changeant le texte en image et en rajoutant les explications
Ah .... tu connais le code ?
Je crois que j'avais deja vu que c'était avec du HTML mais je n'avais rien compris ==" ....Neko, se serais plus du HTMl que tu introduis dans chaque page pour qu'il change.
^^
En CSS c'est impossible il me semble
Merci ! Et connaitrais-tu un CSS ou autre qui permet de changer aléatoirement le header à chaque page sur Ekla ?
Pas très clair mais j'espère néanmois que tu as compris ^^Bonjour Kururu'.
Tout d'abord Merry Chrismas \o/Et je voulais savoir s'il existait un code pour le header qui permet de dépasser 400ko !? =w='
Merci Kururu'.
Et bonne fête de fin d'année :)Lou'.
Oui c'est aussi expliqué sur le lien que je t'ai donné, la partie qui concerne le titre se trouve après le trait -----------------------Là j'aimerai savoir comment faire pour changer la barre bleu ou il y a le titre de quand on clic sur un membre je sais ne suis pas clair
Tu devrais trouver quelques explications sur cette page : http://portfolio.ek.la/fond-fenetre-profil-a17695235 :)Pardonne moi de ne pas etre clair!!! en faites....laisse tomber! j'aimerai a la place savoir comment fait t'on pour changer le fond de quand on clic sur les membres...
@ Neko Hime : Les cadres de présentations des Wallpapers sont faits avec un assemblage de CSS et de HTML. J'ai découvert que l'on pouvait placer un code CSS à l'intérieur d'un autre pour permettre de tout placer dans un seul cadre. C'est assez long, je ferais surement un tutoriel quand j'en aurais le temps.
@ chachamanga : Si tu souhaites modifier l'aspect de ces boutons je penses que c'est déjà possible avec le panneau d'administration d'Ekla. Apparence > Modifier le thème > Boutons et champs > Boutons
@ Naka-sama : Je n'ai pas trop compris ce que tu veux faire quand tu parles de "poussières étoilées qui défilent à la place des taches de sang". Quelles taches de sang ? Des poussière étoilées qui "défilent", c'est-à-dire ?Bonjour j'aimerai un code pour faire des poussières étoilés qui défile mais a la place des tache de sang
Bonjours! =)
enfaite, j'aimerais savoir si c'est possible de modifier le bouton "envoyer " du shoutbox et pour envoyer les commentaires aussi.
Je ne sais pas si ma demande est très claire! ^^'
Merci de me répondre! :)
Une petite chose qui me turlupine depuis un moment : comment fais-tu pour tous ce qui se trouve dans "Wallpapers" ?
As-tu le Javascript activé sur ton compte ?
S'il n'est pas activé alors c'est normal. Il faut en demander l'activation ici : http://doc.eklablog.com/demandes-d-activation-javascript-topic12367bonjour, est ce que tu pourrai me donner le code html on css pour faire quand tu passes la souris il y a des étoiles qui sortent, merci bcp =D
Il faut changer le selecteur mais c'est la même chose.
.module_contenu {
border-radius: 2px 40px 2px 40px;}#menu1 {
border-radius: 2px 40px 2px 40px;}
ou bien
#menu2 {
border-radius: 2px 40px 2px 40px;}
Selon le numéro de ton menu.Bonjour :)
j'aimerais savoir comment faire pour avoir la forme la pour ses modules :
j'espère avoir était à peu près clair x.x
merci ! d'avance
Ah ouii, je vois ce que tu veux faire.
Voilà le code CSS qui correspondra :
#footer {
background-image: url("urldel'image");
}
A la place de urldel'image tu met bien sûr l'url de l'image en question qui fait plus de 400 Ko.En faites, je veux juste le code pour mettre le pied de page. Parce que je veux mettre une image en pied de page mais l'image fait plus de 400 KO et si je mets le code CSS, ce n'est pas grave ^^
Je sais pas si tu as compris, ce n'est pas très clair =/
@Miss Kyoko :
1. Je n'ai pas les détails exacts pour le curseur qui se déplace avec la souris mais je peux t'aider en te renvoyant vers le Javascript.
2. J'ai pas trop compris ton problème avec les images en fait.
3. Il y a de belles polices sur Dafont effectivement mais pour que tout le monde voit la même police il faut qu'elle soit installée sur le PC, ce qui n'est pas forcement le cas pour tout le monde.
@ Izarelya : Je ne sais pas s'il est possible en HTML de faire ce genre de chose cependant il y a une fonction sur Eklablog qui peut être te conviendra ? Configuration > Configuration Générale > Avancée > Ouvrir les images dans un boîte en surimpression
@ Flandre :
1. Pour que ton menu reste fixe tu rajoutes ceci dans ton CSS :
#menu1 {
position: fixed;}
ou bien
#menu2 {
position: fixed;}
Selon le numéro du menu concerné.
2. Ticlo à exploité ses connaissances en CSS pour faire ces onglets en haut à droite de son blog. Je ne peux pas te dire exactement comment elle a fait sans sa permission vu que c'est son oeuvre mais je t'invite à lui demander de quelles notions elle s'est servie. ^^
@ Hageshi fubuki :
1. Le propriètaire du blog à dû beaucoup chercher pour faire ces deux barres et il doit y avoir un mélange de CSS/HTML et Javascript dedans. Je ne pourrais pas t'aider car même moi je ne sais pas comment il a procédé.
2. Je n'ai pas le code mais il me semble qu'il a utilisé du Javascript et s'est servit de CSS pour le placer sur sa page.
3. Je ne me rappelle plus de ce que cela donnait avec les stalagmites étant donné que le blog à changé maintenant. Je suis désolée de ne pas pouvoir t'aider plus.
@ Misu Sato :
J'essaierai surement d'analysez ça ce week-end. Pardon du retard.
@ Elwyn : Le code CSS pour les pied de page.. ? Hm, ça ne m'aide pas beaucoup, il peut y en avoir plusieurs des codes CSS pour le pied de page. Tu veux un code pour modifier quoi exactement dans le pied de page ?
@ Neko Hime : Tu peux mettre une lueur très nette autour mais pas un "contour" à proprement parlé.
Donc je m'excuse pour cette réponse très tardive mais comme vous avez dû vous en rendre compte, je ne fais vivre ce blog que lors de mes vacances seulement.
Merci de votre compréhension. :)Est-ce qu'il existe un CSS ou autre qui permet de mettre un contour au texte du titre d'un module ?
Salut Mikuru ! ^^
J'aimerai avoir le code CSS pour les pied de page. Je sais qu'il y en a un pour le header mais je sais pas si il y a pour le pied de page ._.
(Désolée si c'est une question idiote ou qu'il y a déjà la réponse à ma question >.<')
268Misu SatoMercredi 30 Novembre 2011 à 16:07hello , j'ai trouver un site pour avoir des curseur de blog et il mettait le code html d'un cuseur qui m'avait l'air pas mal ( le code : <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth639.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/10/19/tiny-hand-bow.html" target="_blank" title="Tiny Hand Bow Heart"><img src="http://cursors-4u.com/cursor.png" border="0" alt="Tiny Hand Bow Heart" style="position:absolute; top: 0px; right: 0px;" />< )
Le truc c'est qu'il marche pas donc je suis ennuyer >.<
stp tu pourra voir sa si tu a le temps !
biz Misu Sato
Re-coucou mikuru, j'ai 3 questions par rapport au même site ( http://tout-sur-animal-crossing.eklablog.com/ )
1 : Comment on fais pour qu'il y ai deux barres ? Tu sais, il y a la barre d'eklablog et en même temps on peu aller sur une deuxième barre.
2: comment on fais pour mettre un bouton pour qu'une playlist s'affiche comme sur l'header ? o:
3: Comment on fait pour mettre une image sur la barre comme pour l'éffet de stalagmite ? x)
merci, bisous :)
QUESTIONS!
1/ Comment on fait pour que le menu (droite ou gauche) reste fixe même quand on va en bas de la page?
2/ Sur me blog No Name de Ticlo (http://no-name.lo.gs/) il faut passer la souris sur les menus pour qu'ils apparaisent car ils sont "cachaient". Comment on fait?
Merci d'avance :)
Coucou j'ai une question ^^
Voilà en faite je cherche un code (html si possible), j'explique ^^
Les images sont affichées en miniatures et quand on passe la souris dessus (ou quand on clique dessus) elle s'affiche en taille réel.
J'espère que tu as compris ce que je demande et merci d'avane pour ta réponse :)
slt sa va ?? mes question enfin sa serait peur etre code css
la premiers questions c'est : comment mettre un curseur animé (exemple: e-anim) comme ce blog : www.style.eklablog.com
Deuxieme question : ce n'est pa un tuto ni ce css ni html >.< c'est seulement qu'on je met une image (que j'ai grapher dans mes logiciels) dans les 2 menus sa passe 1 min et apres je voix pas les images que j'ai fait u_u'' .. pourrait tu me donner une idée ??
3 eme question : en peux pas mettre d'autre police sur un blog a part ariel ou comic ect.. j'ai vu ce site : www.dafont.com alors c'etais super ces ecreture *-*... enfin oui uwu
quetrieme question : non j'exagere
bonne chance ^^ a+
263Misu SatoLundi 14 Novembre 2011 à 19:02@ Cherry Blossom :
Je t'ai fait un code basé sur celui de base du tuto.
Tu peux ensuite modifier ce que tu souhaites. La partie qui concerne l'arrondissement est en rouge.
<div style="width: 250px; min-height: 150px; margin: 10px; background-color: #f5dda6; border: 6px solid #4a2c2c; padding: 5px; text-align: left; border-radius: 20px 0px 0px 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ultrices aliquet tempor. Fusce sollicitudin bibendum lectus sit amet eleifend. Quisque nec laoreet purus. Duis nec orci ac lorem vehicula adipiscing eget ut diam. Donec purus orci, ornare vel facilisis semper, ultricies nec metus. Quisque mollis tincidunt odio eget dapibus. Donec massa nulla, gravida vitae malesuada volutpat, viverra a dui. Ut nec rutrum enim. Etiam vehicula velit vitae erat aliquet id aliquet lacus commodo.</div>
@ Misu Sato :
Je pense savoir de quoi tu parles.
Il faut activer la naviguation "Full-ajax" en fait.
Pour cela tu vas dans Configuration > Configuration Générale > Avancé puis tu coches Activer la naviguation Full-ajax.
J'espère que c'est ce dont tu parles. :)
@ Tempérance :
Une "bordure" à la barre Eklablog ?
Je ne vois pas trop ce que pourrait être une "bordure" comme tu l'appelle, aurais-tu un exemple ?
@ Selena-G :
Pour arrondir l'integralité des images présentes sur ton blog tu dois rajouter ceci dans la feuille de style CSS :
img {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
Veuillez me pardonner pour le retard de ma réponse.
En esperant que vous soyez satisfaits. :)Bonjour, j'aimerait savoir comment ajouter une bordure à la barre Eklablog ?
Merci d'avance !^^
258Misu SatoSamedi 12 Novembre 2011 à 13:30salut Mikuru , j'aimerais savoir un truc ...
Quand on clique sur un lien , la page se charge directement en haut . Comment on fais pour quelle reste a sa place ( desolée j'explique mal XD )
Kikoo!J'aimerai arrondir juste un coin (celui en haut à gauche) de mon cadre en DIV!Aurais-tu le code?^w^
Le code est
#menu1 {
border-radius: 2px 40px 2px 40px;
border: 2px #000000;
border-style: dashed dotted;
}
Et on peut pas arrondir le bord des fenêtres aussi. Désolé de ne pas avoir répondu avant. ^^'Euh ... oui je veux le code tout fait s'il te plait ^^
Je sais que je m'explique mal, mais la je demande quelque que je veux
Le problème Mokoru c'est que lorsque que tu demandes quelques chose je ne sais jamais ce que tu veux EXACTEMENT et donc je ne peux pas expliquer PRECISEMENT. Donc, est-ce que tu veux le code tout fait pour faire ces même bordures et aller plus rapidement et simplement ou tu veux que je t'explique comment le code est construit ?
@ Mistya : Pour l'espace en haut et en bas du blog ce sont juste des marges dont on modifie la taille dans Apparence > Modifier le thème > Page > Marges Extérieures
Il faut modifier la tailler de la marge extérieure haut et celle de la marge extérieure bas. :)Hum pas très comprit ^^"
Tu veux dire que c'est le même CSS en changeant l'arrondisement dans nos menus ?
Mais je vois pas elle est où la difficulté à faire la même chose pour le texte..
Bon.
Tu écris ton texte dans un module simple ensuite tu ouvres le cadre d'édition html et tu encadres ton texte d'une class, par exemple texte. Ce qui va donner quelquechose comme :
<div class="texte"><p>TON TEXTE ICI</p></div>
Après dans le CSS tu insères :
.texte {position: absolute; top: 0px; right: 0%;}
La valeur après top définit la taille qu'il y a (en px) entre le haut de la page et ton texte, ici elle sera collée au bord supérieur puisque la valeur est de 0px. La valeur qui suit right définit la taille (en %) qu'il y a entre le bord droit de la page et ton texte. Bien sûr, si tu souhaites faire ceci par rapport au bord gauche tu remplace right par left et si tu souhaites faire ça par rapport au bord inférieur tu remplace top par bottom.
absolute peut être changé en fixed, avec fixed, ton texte descendra en même temps que la page.Je vois pas trop ce que c'est de "Détacher la page de son blog" en fait.
Pourrais-tu être plus précise ?
@ Mokoru :
Pour le menus c'est juste une histoire d'arrondissements avec une ombre et des contours en pointillés (Dans le CSS un ca donnera border: 1px dotted #couleur pour le contour). Pour les commentaires c'est également la même chose, les selecteurs des commentaires sont .comment_normal et .comment_admin si je ne dis pas de bêtises. Si tu as quelques connaissances tu devrais y arriver facilement avec les tutos que j'ai liés ci-dessus. ^^Coucou ! J'aurais une Question .. Comment on fait pour détacher la page de ton Blog Comme sur ton Blog ?
Coucou Mikuru ! J'aimerais savoir comment on fait cette encadrement pour les menus, commentaire, sur ce blog !
Voilà le lien : Clique ici
J'ai repris un ancienne réponse que j'ai un peu modifiée, la voici.
Il faut que tu crée un module simple et que tu mettes l'image de ton choix. Ensuite tu ouvres le fenêtre d'édition HTML et tu l'encadre d'une class quelconque, par exemple on appellera cette class "image" donc tu va insérerau début du HTML et tu ajouteraà la fin du HTML.
Après, il faut aller dans la partie CSS.
Tu inséres un code comme celui-ci :
.image {position: absolute; top: 0px; right: 0%;}
La valeur après top définit la taille qu'il y a (en px) entre le haut de la page et ton image, ici elle sera collée au bord supérieur puisque la valeur est de 0px. La valeur qui suit right définit la taille (en %) qu'il y a entre le bord droit de la page et ton image. Bien sûr, si tu souhaites faire ceci par rapport au bord gauche tu remplace right par left et si tu souhaites faire ça par rapport au bord inférieur tu remplace top par bottom.
absolute peut être changé en fixed, avec fixed, ton image descendra en même temps que la page.
Et puis pour le texte, ben, c'est exactement la même démarche.En fait il faut insérer le Javascript (Bien sûr il doit être activé sur ton compte d'abord) correspondant à ce search dans un module et l'encadrer d'un identifiant (id) pour pouvoir le placer à un endroit précis de la page en passant par le CSS.
Donc le Javascript du cadre de recherche est celui ci :
<p><span style="font-size: small;"> <strong>Recherche :</strong> </span></p>
<form action="/search" method="get" onsubmit="if(Loader.loadForm(this)){ return true; }else{ this.reset(); return false; }"><input style="background-image: url('/images/icon_search.png'); background-position: left center; background-repeat: no-repeat; padding-left: 18px;" name="q" size="13" type="text" /> <br /> <input type="submit" value="C'est parti !" /></form>
Et une fois encadré cela donne ça :
<div id="recherche"><p><span style="font-size: small;"> <strong>Recherche :</strong> </span></p>
<form action="/search" method="get" onsubmit="if(Loader.loadForm(this)){ return true; }else{ this.reset(); return false; }"><input style="background-image: url('/images/icon_search.png'); background-position: left center; background-repeat: no-repeat; padding-left: 18px;" name="q" size="13" type="text" /> <br /> <input type="submit" value="C'est parti !" /></form></div>
Donc tu inséres le code une fois encadré dans un module simple puis dans ton CSS tu met :
#recherche {position: fixed; top: *px; left: **%;}
avec * et ** à remplacer par des chiffres.
Après top c'est la distance entre le haut de la page et ton cadre de recherche, après left c'est la distance entre le bord gauche de la page et ton cadre de recherche.
Pour le "Fansite" c'est une image.
C'est le même prinicpe, dans un module simple tu met ton image que tu encadres d'un identifiant pour le placer à un endroit précis a l'aide du CSS puis la suite c'est comme en haut. :)Coucou Mikuruuuu ! ♥ :3
Je voulais te poser deux questions !
Comment fait-on pour mettre "search" et autres menus dans l'header comme ici : http://when-nobody-looks.cd.st/comment-devenir-partenaire-a23093046#comment-9262876 ?
Et, comment on fais pour faire comme le "fansite" en haut a droite de la page ? o:
Merci d'avance, bisous et bonne journée! ;3
@ Miss Kyoko :
1. Header animé : Merci au doc.eklablog
Il faut d'abord que ton Header soit en format .swf
Ensuite, dans un module simple, tu met ton header animé et dans l'HTML tu l'encadre d'un id.
Par exemple,
<div id="animation">votrecodeduheaderen.swf</div>
Ensuite, dans ton CSS, tu vas définir la position de ton header.
Il faudrait avoir quelque chose comme :
#animation { position: absolute; right: *%; left: **%; }
En remplacant * et ** par des chiffres qui varieront selon la taille de votre blog et l'emplacement de votre header, à vous de jouer avec ça. Je n'ai jamais fais ce genre de manipulation donc la reussite des indications que j'ai données n'est pas totale.
2. Coins du blog arrondis
Je te renvoie à cette adresse : http://portfolio.ek.la/arrondir-lueur-a5605573
@ Satomi Chan :
Lorsque tu veux éditer une image, tu dois cliquer sur le petit cadre vert et lorsque tu cliques, tu as une petite fenêtre avec une case nommée "Description de l'image", il faut remplir cette case avec l'url de l'image de secours.
@ Flandre :
Le code nécessaire est celui-ci, à placer dans le CSS :
img:hover {
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px.
}Bonjour Mikuru! Une question:
1/ J'ai vut sur un blog qu'on pouvait arrondir aussi les images quand on les survole (blog: Heaven Tearful) et j'étais just curieuse de savoir comment on fait...
Merci :)
ehh la 2eme question (prends un tomboule: ET VOILA MADE....) taiser vous , vous me deranger è-é
c'etais quoi deja la 2 eme questions ? --'
( (prends un tomboule) ET VOILA MOIDEMOISELLE MISS KYOKO VA POSER UNE PREMIERS QUESTION , UNE GRANDE APLAUDISSEMENT) (les etres humains : OUIIII (aplaudissent) )
u.u'' merci merci *-*'' bref passons (prends un micro) :
ma premiers question (ou pas) : c'est css ou plutot html chez pas (les autre humains ; OUUUUUU) u_u enfin est ce qu'on pourrais mettre une banniere (fais a e-anim) en haut de la page (consience: voir le blog de louna-kilari) tu m'a piqué ma phrase censience è_é
tu n'a pa précisé quelle blog uOu (consience: 2 eme blog) è_é
(faux bien dire que cette article n'est pa pour bavarder mais plutot queestionner)
mais oui mais oui c'est la premiers fois que je suis daccordavec toi consience u.u''
>.< la flemme de le dire mais faux le prendre en serieux (ou pas)
tu va rien pigé a ce que je raconte mais t'inkiete je fais ma follie
Bon bien en quelques sortes je t'ai déjà répondu sur le tchat et donc tes trois demandes dépassent mes connaissances. Je suis désolée. ^^"
Bonsoiir Mikuruuuu (c'est maho sur son compte test U.U)
Alors aujourd'hui je vais te poser PPLLLEIIIINS d questions donc ne t'afolles surtout pas.
1- Pourrais tu me dire comment on peut renvoyer systématiquement un blog à un autre?
Explication: Par exemple, quand on va sur une fausse adresse ekla, on est tout de suite rediriger sur eklablog.com/ comment on fait?
2- Est t'il possible sur eklablog de changer de bannière à chaque nouvelle page???
3- est-ce que on peut faire une sorte de panneau, quand on clique sur des flèches des images défilent????
Je sais pas si j'explique bien:
En fait c'est un tableau, un support, dessus, y'a une image et des tites flèches et quand on clique dessus, une autre image apparait. est-ce que on peut faire ca???
merci d'avance!
Ah oui, je viens de comprendre.
C'est effectivement une image que j'ai rajoutée tout bêtement dans ce qui correspond au fond du titre (Modifier le thème > Contenu > Titre > Fond du Titre). J'ai désactiver la répétition et j'ai défini une position exacte. Nul besoin de code pour faire ceci. :)Non, c'est moi qui explique mal désolé .. Alors ma question c'est pour tes articles dans le titre tout a gauche, c'est une image non ? Comment tu fais pour la mettre :O ?
J'espère que j'aurais été clair :)
@ amu-ikuto :
Excuse moi,
je n'ai pas bien compris ta deuxième question.
@ Mokoru :
Je n'ai jamais essayé donc je ne sais pas si c'est possible. Ça doit certainement l'être mais pour le moment je ne sais pas comment procéder pour changer ces images.Question : Es-ce que on peux changer la petite icône qu'il y a sur le profil pour les messages, et blog ?
Avant de poser une question, je voulais te dire que ce que tu fais est incroyable et que j'espere que tu pourras m'eclairer sur mes deux petites questions :3 Alors :
- Comment as tu fais pour accrocher la page et le menu ensemble :0 ?
Et la dernière:
- Pour tes articles, tu mets une image a la place non ? C'est pareil que pour les modules?
Merci beaucoup :D
210Misu SatoDimanche 23 Octobre 2011 à 19:49Le Javascript est-il activé sur ton compte ? Est-ce que tu as fait une demande d'activation ?208Misu SatoDimanche 23 Octobre 2011 à 19:47207Misu SatoDimanche 23 Octobre 2011 à 19:45206Misu SatoDimanche 23 Octobre 2011 à 19:44Merci au blog lemuseedelasorciere
Il faut créer un module simple et y ajouter ce code là :
<script type="text/javascript">
// <![CDATA[
var colour="#ffffff";
var sparkles=70;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.co.uk/rv *
* DON'T EDIT BELOW THIS BOX *
* topcode adapté *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>204Misu SatoDimanche 23 Octobre 2011 à 19:33hello ( encore mwaaaa )
est ce que tu sais faire sa avec un curseur ???
http://another-world.eklablog.com/
203Misu SatoDimanche 23 Octobre 2011 à 19:05Il faut avoir le Javascript activé sur son compte et insérer ceci dans son HTML :
<div class="quotetitle"><strong>Spoiler:</strong> <input style="width: 45px; font-size: 10px; marg
in: 0px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')
[1].getElementsByTagName('div')[0].style.display != '')
{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName
('div')[0].style.display = ''; this.innerText = ''; this.value = 'Cacher'; } else { this.parentNode.
parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')
[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher'; }" type="button" value="Afficher" /></div>
<div class="quotecontent">
<div style="display: none;">{TEXT}</div>
</div>201Misu SatoDimanche 23 Octobre 2011 à 18:34COUCOU !!!!
Comment on fait les spoiler sur eklablog ???
Comme sur les ressources de ce blog http://kiwako.eklablog.fr/signature-green-apple-a7662898
Ben, dans Modifier le thème > Format du blog > Fond > Fond de la page tu met ton image et tu chosis la façon dont tu veux la répéter. :O
C'est me fond de la page qui se répète verticalement. ^^
Pour les codes je vais penser à les ranger. :)Me revoilà! :D Cette fois ci une question mais aussi une suggestion...
Question: Comment fait-on un menu qui fait tout le long de la page, comme le tien? :O
Suggestion: Tu pourrais mettre les tutos ici dans "codes en vrac" ou dans "CSS, HTML..." etc? Par ce que des fois je dois cherche dans tout les commentaitre ici pour trouver un tuto, et... bah c'est un peu énervant quoi...
@ Mokoru :
Pour la couleur du texte c'est :
.window_content {
color: #FFFFFF;
}
En changeant #FFFFFF par la couleur de ton choix
Pour la couleur des liens c'est :
.window a {
color: #FFFFFF;}
En changeant #FFFFFF par la couleur de ton choix
Et pour la couleur des liens survolés c'est :
.window a:hover {
color: #FFFFFF;}
En changeant #FFFFFF par la couleur de ton choix
@ Akira Nightray :
Alors deja, pour changer le degrès d'arrondissement de ces cases il faut insérer ces codes :
#form_cavom {
border-radius: 20px 10px;
}
#background input[type="text"], #background select, #background textarea {
border-radius: 20px 10px;
}
#menubar_signin input {
border-radius: 20px 10px;
}
#menubar_signin_username {
border-radius: 20px 10px;
}
#menubar_signin_username, #menubar_signin_password {
border-radius: 20px 10px;
}
Les valeurs 20px s'appliquent au côté supérieur gauche et inférieur droit de la case.
Les valeurs 10px s'appliquant au côté inférieur gauche et supérieur droit de la case.
Ces deux valeurs sont parfaitement modifiables.
Donc ça c'est pour arrondir.
Maintenant, il faut mettre un fond.
Pour mettre un fond on va modifier cette ligne :
#background input[type="text"], #background select, #background textarea {
border-radius: 20px 10px;
}
On va la modifier en la transformant comme ceci :
#background input[type="text"], #background select, #background textarea {
border-radius: 20px 10px;
background: url("urldel'image");
}
En remplacant urldel'image par l'image que tu veux mettre en fond.
Attention, cette image sera automatiquement répétée.Encore Moi %D
Donc j'aimerais faire ceci : genre mettre un fond la dedans et changez la forme merci d'avance .
Comment fait tu pour changer le texte dans les fenêtre et les liens ? car j'aimerais avoir le CSS si possible et le mettre en gris :3
@ Izanami :
J'ai beau avoir cherché mais je ne vois pas comment tu pourrais insérer ton header avec les liens intégrés dessus. C'est possible mais pas avec les outils d'Eklablog du moins. Désolé de ne pas pouvoir t'aider plus.
@ Akira Nightray :
Il me semble que pour insérer plusieurs liens à des positions précises sur une image il faut utiliser du HTML avec les balises <map> et <area>. Je n'ai jamais utilisé ce système donc je ne peut pas te dire comment cela marche exactement mais je pense que cela se trouve facilement sur Google une fois que tu sais comment cela s'appelle. Donc tu devrais trouver des choses en tapant "html balise map area tutoriel". :)Bonjour ! Voila j'ai encore une questions je ne sais pas trop si cela peut aider avec css & htlm ! mais j'aimerais savoir comment mettre plusieur lien dans une image !
Merci d'avance
186IzanamiDimanche 16 Octobre 2011 à 21:19Bonsoir, j'ai une question et j'aimerais bien ton aide =)
Je viens de créer un blog et j'aimerais mettre un header avec des liens dessus (le voilà : "http://art-world.forumgratuit.fr/h2-pa") Cependant je ne sais pas si il est possible de le mettre...
@ Lou :
Il faut que tu crée un module simple et que tu mettes l'image que tu souhaites à la place de . Ensuite tu ouvres le fenêtre d'édition HTML et tu l'encadre d'une class quelconque, par exemple on appellera cette class "accueil" donc tu va insérer <div class="accueil"> au début du HTML et tu ajoutera </div> à la fin du HTML.
Après, il faut aller dans la partie CSS.
Tu inséres un code comme celui-ci :
.accueil {position: absolute; top: 0px; right: 0px;}
La valeur après top définit la taille qu'il y a (en px) entre le haut de la page et ton image, ici elle sera collée au bord supérieur puisque la valeur est de 0px. La valeur qui suit right définit la taille (en px aussi) qu'il y a entre le bord droit de la page et ton image. Bien sûr, si tu souhaites faire ceci par rapport au bord gauche tu remplace right par left et si tu souhaites faire ça par rapport au bord inférieur tu remplace top par bottom.
absolute peut être changé en fixed, avec fixed, ton image descendra en même temps que la page.
@ Marilinya :
Pour la barre de navigation avec un système d'onglets je pense que ça peut se faire en Javascript, mais comme je ne me suis jamais renseignée sur le sujet je ne sais pas si c'est possible en combinant HTML et CSS. Je n'en sais pas plus pour le moment donc j'irais mener mon enquête. :)
Pour changer les titres des modules en image c'est un petit peu complexe mais c'est faisable. En fait il faut avoir quelque chose comme ça dans son CSS :
#module_menu_titreXXXXXX {background-image: url("urldel'image") no-repeat;}
En remplaçant à chaque fois le XXXXXX par le numéro qui correspond au titre de module en question et urldel'image par l'image que tu veux utiliser pour remplacer le titre. Pour trouver ce numéro il faut chercher dans le code de la page, donc d'abord il faut l'ouvrir (Ctrl+U). Après, il faut trouver dans toutes ces lignes de codes le bon module. Pas évident comme ça, n'est-ce pas.
Donc on va faire Ctrl+F et taper le titre du module que l'on veut remplacer par une image, par exemple, si ton module a pour titre "graphisme" alors tu écris graphisme et tu lances la recherche jusqu'à ce que tu trouves ton mot précédé de quelquechose comme <span id=module_menu_titreXXXXXX>. Là, tu as trouvé le numéro qui correspond au bon module et tu peux remplir le XXXXXX par le numéro en question dans ton CSS.184MarilinyaDimanche 16 Octobre 2011 à 13:43Bonjour :) J'aurais 2 petites questions si tu as le temps ^^
La première : Comment fait-on la barre de navigation avec le système à "onglet" ou je sais aps trop comment dire ^^" (par exemple sur ce blog : http://www.fushigi-yume.com/accueil.html)
La deuxième : Sur plusieurs sites, j'ai vu que les titres des menus sur les cotés avaient une image différentes pour chaque module, comment on peux faire ça? (exemple : http://www.fushigi-yume.com/accueil.html ou http://merry0712.eklablog.com/accueil-c199140)
Je te remercie d'avance pour ta réponse :)
http://nsa22.casimages.com/img/2011/10/15/111015094249132070.jpg
(quand on clique sa nous mène à l'accueil ! *O*)J'attend avec impatience ta réponse ! Et merci d'avance :'D
Lou .
Pour appliquer une lueur à une image il faut ajouter ceci dans ton CSS :
img {
box-shadow: 0 0 10px #FFFFFF;}
Mais je te le déconseille fortement car il va mettre une lueur à TOUTES les images présentes sur la page.
10px et #FFFFFF valeurs modifiables.
Pour le passage d'une image sombre à une plus clair je te renvois vers le deuxième exemple
de ce tuto : à cette adresseCoucou Mikuru!
je viens t'embêter!
Est il possible de mettre des lueurs a des images?
Est ce qu'il est possible aussi d'avoir une image sombre et au survol de la souris elle devient de couleur réelle?
Merci d'avance
Oui effectivement mais j'ai rajouté "Un peu plus d'approfondissement" pour ce qui concerne le texte. ^^
J'ai déja repondu, il faut aller à cette adresse : http://style.eklablog.com/code-css-personnaliser-ses-fenetres-a6163319
Et en supplément, j'ai repondu à la question de Mokoru qui m'a demandé (grossomodo, hein.) comment changer seulement la couleur du fond du titre et du fond de la fenêtre sans utiliser d'image. J'ai répondu :
Et bien pour le fond du titre en marron j'ai refait une image comme celle de base (Qui est bleu) et j'ai changé sa couleur avec photoshop donc tu dois obligatoirement passer par le changement d'image.
Pour le fond beige/jaune pâle j'ai mis ceci :
.window_content{background-color: #f6e6c0;}
Pour changer la couleur tu change #f6e6c0.Comment tu fait pour que les infos du membre quand on clique sur l'avatar, elles aient une couleur différent ? *w*
@ Mokoru :
Je te copie colle ce que je t'avais deja donné pour le texte en haut à droite :
Alors ! Tu crées un module simple et tu insère ceci dans son HTML :
<div id="credits"><span style="text-decoration: underline;">DOUJINSHI . Fansite</span>, <em>b</em>log sur le<em> d</em>oujinshi et la <em>c</em>réation.
<p><strong>Blog créer le </strong> : 22/08/2010</p>
<p><strong>Blog gérer par </strong>: Mokoru, Saku Hime.</p>
<p>Site optimisé sur le moteur de rechercher, <em>Google Chrome.</em></p>
<p><strong><span style="color: #000080;">Ekla<span style="color: #008000;">blog</span></span></strong></p>
</div>
Ensuite, dans ton CSS tu inséres ceci :
#credits{position: absolute; top: 0px; right: 0px;}
Et ça devrait être bon ! :)
@ Flandre :
1. Changer le fond des sous-menu
Il y a deux images de bases pour les sous menus sur Ekla.
Celle-ci : submenu_item.png
Et celle-là qui concerne le dernier sous-menu : submenu_item_last.png
La partie supérieure de chaque image correspond à celle que l'on voit sans passage de la souris.
La partie inférieure correspond donc au moment où l'on passe la souris sur le sous-menu.
Tu ne dois en aucun cas découper ces images si tu souhaites les modifer, elle doivent se trouver sur la même image et garder le meme format que celles de base.
Quand tu les a modifiées comme tu le souhaite, tu inséres ces codes dans ton CSS.
.menubar_section li {
background: url("urldel'image:submenu_item.png") no-repeat scroll 0 0 transparent;
}
.menubar_section li:last-child {
background: url("urldel'image:submenu_item_last.png") no-repeat scroll 0 0 transparent;
}
Bien sûr, tu remplaces les url par celles qui sont concernée.
2. Transition lors du passage de la souris sur les menus de l'en-tête
Attention, ce code ne marche pas sur tout les ordi.
Dans ton CSS tu insères :
#menu a {
-webkit-transition: color .5s ease-in;
-moz-transition: color .5s ease-in;
-o-transition: color .5s ease-in;
transition: color .5s ease-in;
}
J'ai optimisé le code pour qu'il fonctionne sur un maximum de naviguateur.
5s représente le nombre de temps que mettra la transition, soit 5 secondes dans ce cas précis.
Tu peux changer le 5 en 7, en 8, 9, 2, etc. Tant que tu n'enlèves pas le s qui suit, ca marchera.
En espèrant avoir répondu à toute vos questions. :)Bonjour Mikuru! \0 *se prend la porte*
1/ Je voudrais avoir un peu plus de detail sur la barre de menu. Des fois, sur quelque blogs, dés que je survole une des options du haut (comme "Mon Compte") une liste défile, et parfois cette liste a elle aussi un fond.
Je serai curieuse de savoir comment cela se fait :)
2/ Sur d'autre blogs, dés que je survole un des "Menus de l'en tête", ça prend un peu de temps à changer la couleur... Ca fait un effet sympa, là aussi je serai curieuse de savoir comment on le fait...
Merci d'avance Mikuru! :D
Re-coucou désolé ! Je pourrais re-avoir le CSS du code sur le texte en haut à droite s'il te plaît ?
Je les perdu ^^"
Je n'ai donné ce code nulpart car c'est l'un des rares codes que je garde pour moi mais je t'ai expliqué comment faire. Dans ton CSS, tu crée une class en lui donnant un nom, par exemple, .code, j'ai appelé ma class code, dans cette class j'ai mis des propriétés qui permettent de changer la couleur du fond et de rajouter une bordure à gauche. Ensuite, dans mon HTML, je rajoute les balises <div class="code"> au début du code que je veux encadrer et </div> à la fin du code. Au final, les propriétés que j'aurais écrites dans le CSS seront appliquées à mon HTML.
C'est ce qui fait cet "encadrement" comme tu l'appelle.Je ne comprends pas pourquoi tu me dis que tu ne vois pas le tuto, il n'y en a pas à ce sujet. :O
J'ai crée une class dans mon CSS que j'ai appelée "code". Je l'ai stylisée en mettant une couleur de fond, une bordure sur la gauche. Et donc, j'applique cette class à toutes les parties qui concernent un code dans mes tutos.
L'image de base des fleches d'Ekla est celle ci : menubar_hide
Tu dois modifier le fond avec ton logiciel sans couper l'image (Pour faire en sorte d'avoir le même fond que sur la barre de naviguation) et une fois fait, tu insères dans ton CSS :
#menubar_hide {
background: url("urldel'image") no-repeat;
}
En remplacant urldel'image par la nouvelle images des flèches que tu as faite.Est-il possible dans la barre de menus, le bouton de la fléche (qui cache la barre de menus) sois aussi avec l'image qu'on à mise ?
Image du centre : window_handle_bg.png
Image de gauche : window_handle_left.png
Image de droite : window_handle_right.png
Donc voila pour les images.
En ce qui concerne le code, tout est expliqué chez Aimielisa. :)Ah oui c'est vrai qu'il ne fait pas la transparence.
J'ai du temps donc si tu veux vraiment vraiment changer de couleur le fond du titre en gardant un dégradé je peux bien te le faire. ^^ Par contre tu dois me donner les couleurs du dégradé et le sens (le plus clair en haut, le plus foncé en bas ou l'inverse.). Voila, voila.Ah oui d'accord.
Et bien pour le fond du titre en marron j'ai refait une image comme celle de base (Qui est bleu) et j'ai changé sa couleur avec photoshop donc tu dois obligatoirement passer par le changement d'image.
Pour le fond beige/jaune pâle j'ai mis ceci :
.window_content{background-color: #f6e6c0;}
Pour changer la couleur tu change #f6e6c0.
En fait c'est juste une variante au niveau du CSS, au lieu d'un image je met une couleur.
Bon alors je vais expliquer avec mais mot xDD
Alors, je parle de t'es fenêtre à toi qui n'on pas changer d'apparence mais de couleur, regarde sur le truck utilisateur c'est marron et ton fond et d'une sorte de jaune.
Tu vois ce que je veux dire ?
Je crois que c'est moi qui ne comprend pas en fait.
C'est la couleur de quoi que tu veux changer ?
Si tu pouvais faire une p'tite image pour je comprenne ce n'est pas de refus. :OJ'ai bien vue le tutoriel mais je voulait dire je ne vois pas ou il y à écrit changer la couleur ^^"
Excuse moi je m'explique mal ! ><"
Ben, tu m'as pas deja posée cette question ? Ou bien je deviens folle... Oo"
Mais il me semble que j'ai répondu en disant
@ Mokoru :
Je suis allée voir sur le blog d'Aimielisa et j'ai compris ce que tu voulais dire en parlant de la personnalisation des fenêtres. Et j'ai également vu qu'elle avait fait un tutoriel sur son blog pour expliquer comment faire (Il a été posté aujourd'hui même) donc je te revois vers son blog à cette adresse. :)Oki, merci beaucoup Mikuru ^^
A mince ! Et comment tu fait pour changer la couleur du truck des fenêtre et de l'ombre derrière ^^
Par rapport aux réponses que j'ai deja donnée je ne vois pas trop ce qu'on peut arrondir d'autre pour le moment. :O
Si jamais je fais de nouvelles découvertes je vous met au courant de toute façon ! :D127Yui ChanDimanche 2 Octobre 2011 à 17:55@ Mokoru :
Je suis allée voir sur le blog d'Aimielisa et j'ai compris ce que tu voulais dire en parlant de la personnalisation des fenêtres. Et j'ai également vu qu'elle avait fait un tutoriel sur son blog pour expliquer comment faire (Il a été posté aujourd'hui même) donc je te revois vers son blog à cette adresse. :)
@ Hakira :
Pour l'ombre portée je ne sais pas si tu parlais d'un ombre sur le texte ou sous la barre donc je te met les deux possibilités ci-dessou.
1. Ombre sous le texte
#menubar {
text-shadow: 1px 1px 2px #000000;
}
Remplace #000000 par la couleur que tu veux appliquer à l'ombre.
2. Ombre sous la barre
#menubar {
box-shadow: 1px 1px 2px #000000;
}
Idem, tu remplace #000000 par la couleur de ton choix.
@ Celiakila :
Je ne pense pas qu'une telle chose est possible en CSS, ou bien pas à ma connaissance.
Désolé. ><Salut !!
Je voulais te demander comment on faisais pour que les avatars dans les derniers visiteurs soit en miniature ??
Merci d'avance :3
J'ai trouvé pour la police et la fleche donc sa ne sera pas nécessaire mais je veut toujours l'ombre portée ^^
Merci on croirait que tu sais tout x3
Une petite derniere x.X ou pas ..
Euhm comment changer la couleur de police mon compte et aussi mettre en ombre de porté ou ajouté des lueur .O. Et aussi pouvoir changer la couleur de la fleche a cote de mon compte ..
Mikuuuruuu !!! J'ai une question et depuis le temp je me demande comment le faire !!
Comment on fait quand on clique sur le profil des visiteurs d'Aimielisa, le profil et complétement personaliser !
Regarde clique ici !
@ Misu Sato :
1. Pour réduire la taille d'une vidéo
Tu insère normalement ta vidéo dans ton article en cliquant sur "Vidéo" et en collant le code puis une fois fait tu clique sur ce bouton qui est visible à partir du mode Normal d'édition.
2. Afficher une partie d'article et le faire suivre à l'aide d'un "Lire la suite..."
Pour ça il faut en fait se mettre dans l'onglet "Chapô" de ta fenêtre d'édition.
Ici tu tapes le début de ton article (Celui que tu veux faire lire en premier et qui sera suivit d'un "Lire la suite..." automatiquement) et la suite de l'article tu devras la taper dans l'onglet "Article" comme à ton habitude.
@ Hakira :
1. Pour mettre un fond à une scrollbar
En fait c'est une variante de ce tutoriel
Il faut rajouter un background-image: url('urldelimage') dans le code HTML en remplacant urldelimage (SANS RETIRER LES GUILLEMETS) par l'url de ton image.
Le code devrait se changer en ça au final :
<div style="background-image: url('urldelimage'); height: *px; width: **px;
overflow-x: auto; overflow-y: auto;">VOTRE TEXTE</div>
Attention, cette image se repetera automatiquement.
@ Mistya :
1. Changer la couleur du texte mon compte sur la barre de menu
Il faut rajouter ce code dans ton CSS
#menubar {
color: #FFFFFF;
}
En remplacant #FFFFFF par la code de la couleur de ton choix.
(Piouuuuh, j'ai beaucoup écrit moi ! Désolé du retard des réponses, avec les cours et tout ça je n'ai pas enormement de temps en semaine.)Merci infiniment Mokoru <3 Arigato une question comment on change la couleur de l'écriture ba comme merry de Mon compte je voudrai savoir pour changer la couleur de la Police Merci D'avance :)
J'ai encore une question ..
Dans son blog il y a un fond dans les scrolbars pourrait tu me dire si tu savait comment faire .O.
Merci pour ta réponse rapide ^^
Je viendrais souvent t'embêter car je ne veut que rien n'est du mystere pour moi ;P
Sa le fait :) !
Sinon j'ai 2 questions :
- j'aimerais savoir comment on fait une video " miniature " c'est a dire que , au mieux d'avoir la vidéo qui prend tout l'article , savoir la raptessir !
- j'aimerais aussi savoir :
Sur le blog de nagalia , il y a ces articles qui ne sont pas en entiers et il y a un lien "suite de l'article" se sraient trop trop cool si tu m'expliquer comment on fais 0.0
Arigato M.Sato
Pour changer le fond de la barre de menu il faut ajouter ceci dans ton CSS :
#menubar {background-image: url("urldel'image");}
Et remplacer urldel'image par l'url de l'image que tu souhaites mettre en fond.
Tu verras des traits blancs de séparation entre les menus après, si tu souhaites les enlever
tu dois insérer ceci à la suite :
#menubar_section_content{
background-image: none;
}
#menubar_section_appearance{
background-image: none;
}
#menubar_section_interactions{
background-image: none;
}
#menubar_section_manage{
background-image: none;
}
#menubar_section_account{
background-image: none;
}
#menubar_notifications{
background-image: none;
}
#menubar_signin {
background-image: none;
}
.menubar_button {
background-image: none;
}
J'espère que ça marche et j'espere avoir répondu à ta question. :)Bonjour !
Merci pour tes codes htlm j'ai trouver celui que je cherrchais depuis longtemps j'été vraiment heureuse !
Bon voici une demande pour un code ;)
sur le blog de merry0712 Comme tous les blog il y a une barre ou il y a mon compte et bien dans cette barre il y a un fond . ou il y a meme ecrit the graph world !
voici son adresse tu comprendra mieux je ne suis pas très claire ..
http://merry0712.eklablog.com/
mais , tu as appris sa ou ?
Enfin moi je commence a savoir créer mes propres code grace a toi mais toi tu t'y est pris comment ?
Oui je viens d'essayer et c'est effectivement possible, pour ça il faut insérer dans ton CSS :
#header {
box-shadow: 0 0 10px #FFFFFF;
}
Et comme d'habitude, 10px et #FFFFFF sont remplacables.
PS : D'ailleurs, il est aussi possible d'arrondir les coins de la bannière, je m'était trompée.
Pour cela il faut insérer ce code :
#header {
border-radius: 30px;
}
30px, valeur remplacable au choix.C'est à dire ?
Pour une bannière je pense que le mieux est de l'arrondir à même un logiciel de graph.
Je ne pense pas qu'on puisse arrondir une image en CSS.a si , sa marche :3 !!!!!
j'ai recopier le code et c'est bon !!!
Merci beaucoup c'est magnifique , et y a t'il une possibilitée pour faire sa sur une banniere ?
Arg, je ne peux vraiment pas t'aider vu que chez moi ca marche parfaitement et qu'il n'y a pas d'erreur. :/
C'est bizarre parce que chez moi il accepte très bien.
Tu n'aurais pas enlever un élèment du code ? Comme des guillemets, ou des crochets ?a ok , mais quand je l'insere dans la partie css il me dise " votre code css comporte une erreur "
Il faut essyer en retirant tous les -moz- je pense, mets celui-là.
#form_cavom {
border-radius: 30px;
}
#background input[type="text"], #background select, #background textarea {
border-radius: 30px;
}
#menubar_signin input {
border-radius: 30px;;
}
#menubar_signin_username {
border-radius: 30px;;
}
#menubar_signin_username, #menubar_signin_password {
border-radius: 30px;
}@ Mokoru : Alors j'ai reussi à faire le code mais j'aurais beaucoup de mal à l'expliquer donc à toi de voir ce qui va avec quoi et ce qui ne va pas. Ce code n'arrondit pas TOUTES les cases de ce genre mais une bonne partie.
#form_cavom {
-moz-border-radius: 30px;
}
#background input[type="text"], #background select, #background textarea {
-moz-border-radius: 30px;
}
#menubar_signin input {
-moz-border-radius: 30px;;
}
#menubar_signin_username {
-moz-border-radius: 30px;;
}
#menubar_signin_username, #menubar_signin_password {
-moz-border-radius: 30px;
}
@ Misu Sato : Il faut que tu rajoutes ces codes dans ton CSS :
a. Pour les titres d'articles
.module_titre {
-moz-border-radius: 30px;
}
b. Pour les titres du menu
#menu1
.module_menu_titre {
-moz-border-radius: 30px;
}merci , sa marche et sa le fait !
Aussi , desolée d'encore te deranger mais commant fais ton pour arrondire la barre de titre d'article et de menu ?
Ah mais non, ca je peux te le donner hein, ne t'en fais pas.
Je suis en train de t'ecrire comment on arrondis ces cases de formulaire (En quelques sortes).
J'ai lu ta phrase apres avoir envoyé mon message en fait, c'est plutot à moi de m'excuser.
Donc je t'ecris ça dans deux minutes, patiente un peu. :)Oui mais on revient toujours aumême point ! xD
J'adore aider, je refuse très rarement ce qu'on me demande mais encore faut-il le demander !
Là tu ne m'as rien préciser, tu m'as donné un lien et tu m'as dit "Comment faire pour avoir un blog comme ça?", pour moi ca revient à donner la façon dont est fait le blog ce qui veut dire le plagier, il est interdit de plagier de maniere partiel ou totale un blog ou un site et je considere ça comme ça.
Il faut toujours préciser les choses, c'est dans votre interêt. ^^C'est pas que je ne veux pas tout pareille, mais quelque petits détails sur les articles ect ^^"
Enfin bref c'est pas grave merci quand même ! C'est juste que je voulais que mon blog sois différent des autres, voilà ! ^^
Comment on fait pour arondir les cases ou tu tappe un texte dedans ? par exemple, le truck des commentaires (je m'explique encore mal ! xD)
Alors on va faire les choses dans l'ordre, d'abord, les menus et ensuite les articles.
Il faut ouvrir sa feuille de CSS et insérer :
a. Pour arrondir les coins des menus et ajouter une lueur
#menu1 {
border-radius: 30px ;
box-shadow: 0 0 10px #FFFFFF;
}
Si vous voulez changer la force de l'arrondi (border-radius) (Circulaire, ou lègerement) vous remplacez 30px par la valeur voulue. 10px est à remplacé si vous souhaitez changer l'étendue de votre ombre (box-shadow) mais en principe ce n'est pas la peine. Enfin, #FFFFFF, c'est tout simplement la couleur de l'ombre.
Pour appliquer tout ça au menu de droite vous remplacez le 1 de #menu1 par 2, donc #menu2.
b. Pour arrondir les coins des articles
.module_contenu {
border-radius: 30px ;
}hello , mokuru ta donner un lien de blog et sur ce blog il y a quelque chose que j'aimerais savoir faire !
Voila mes demande :
1 . Encadrer les articles et le menus avec cet effet brillant !
2 . Arrondire les menus
Voila merci d'avance ^^
Ta question est trop imprécise et je ne peux pas te dire comment il a été fait tout en détails car ce serait considéré comme du plagiat, ce qui est strictemet interdit. Je suis désolée Mokoru.
En revanche, si tu as des questions très précises sur un chose particulière je veux bien y répondre. :)Coucou (re coucou vu qu'on se parle xD)
je voulais savoir si tu savais faire les bords d'articles arrondis? merciii
Mmh, tu as deux solutions, soit tu élargis ton cadre avec scrollbar (En remplacant par 505px, par exemple) soit tu joue avec la taille de la marge de gauche. C'est à dire que tu trouves cette ligne :
<div style="height: 300px; width: 300px; overflow-x: auto; overflow-y: auto;">
Et que tu rajoutes margin-left: 50px; après overflow-y: auto; par exemple. Si 50px ne suffit pas tu agrandis le nombre jusqu'à ce que tu soit satisfaite. Normalement ça devrait te donner une ligne comme ça au final :
<div style="height: 300px; width: 300px; overflow-x: auto; overflow-y: auto; margin-left: 50px;">@ Mahô : Oui ce n'est que du HTML sur AO.
@ Mokoru : Oui sur celui-là il y en a. ^^
Pour le texte en haut à droite il faut se baser sur le principe de ce tutoriel en remplacant le # de début dans le CSS par un .c'est que du HTLM nan ?
Oui mais généralement ils expliquement mal (ou c'est moi qui ne comprends rien) mais je vais essayer!
Et sur ceu blog, y'a du CSS na ? xD
Question : Comment tu fait pour avoir du texte en haut de ton blog à droite ? :O
Et bien à vrai dire il n'y a aucun CSS sur AO.
C'est peut-être dur à croire mais je vous assure qu'il n'y a rien de rajouté dans la feuille de style CSS.
Après, il n'y a pas tel ou tel code pour donner tel ou tel aspect, c'est juste un peu d'imagination et du bidouillage.
@ Mahô : Je ne peux pas faire de "cours" pour vous apprendre à créer vos propres codes parce que je ne pense pas être assez expérimentée pour ça. A la place je donne beaucoup d'explications dans chaque tutoriel que j'écris ce qui devrait vous permettre de connaître quelques bases. Encore faut-il avoir le courage de s'y essayer et de comprendre.
Toutefois il y a beaucoup de sites sur internet qui permettent d'apprendre le codage, il faut juste cherche un peu. ^^Je croit que Mahô ta donner la réponse xD
Comme par exemple pour le blog Animée-Online, y'a pas du CSS dedans ?
Merci!
Oui, ce serais sympa comme tutoriel Mokoru, par exemple, un design qui fait site sur eklablog c'est sympa :D
Ah ben, c'est vaste comme question ça ! @_@
Etant donné qu'on a pas tous la même signification du mot beauté, je ne peux pas trop t'aider là. ><
Différent oui, mais en quoi ?
@ Mahô : Oui aucun problème, je te préviendrais. :)Merci !
Je m'explique mal désolé ><" je voulais savoir comment rendre sont blog plus beau et différent avec le CSS
Rahhh !!! *vas se tuer*
Ah oui je vois, c'est l'endroit ou j'ai mis les présentations sur la page d'accueil en fait ?
C'est assez long comme procédure donc je vais essayer de te faire un tutoriel facile et complet. :)Les boites, c'est les endroits on l'on change de couleur, avec un cadre, comme sur anime online, ou l'on peut mettre une image ou une couleur :)
@ Mahô : Les boîtes ? Mmh, plus précisement ? Peut-être parles-tu de ceci ?
Sinon, aurais-tu un exemple ?
@ Mokoru : Pour encadrer les avatars dans les commentaires il faut coller le code CSS ci-dessous :
.commentavatar {
background-color: #FFFFFF;
border: 2px solid #FFFFFF;
padding: 0;
}
Sans oublier de remplacer les #FFFFFF par le code héxadécimal de la couleur souhaité et la mesure
2px (Qui représente la largeur du contour) par celle de ton choix. Par contre,
"[...] Et aussi, connais tu un CSS pour rendre jolie sont blog et le positionner autrement ? c'état dire, les concours du blog, les rubriques, les articles ect un peux comme dans ton blog A-O !"
Je n'ai pas compris ce passage, désolé. ><"Coucou ! Es-ce que tu c'est comment on encadre l'avatar dans les commentaires ?
Et aussi, connais tu un CSS pour rendre jolie sont blog et le positionner autrement ? c'état dire, les concours du blog, les rubriques, les articles ect un peux comme dans ton blog A-O !
Voilà, merci j'espère que tu à comprit ma question ^^"
59Nari-chanSamedi 10 Septembre 2011 à 20:29Pour ça il faut avoir le Javascript activé sur son compte, si ce n'est pas fait il faut envoyer une demande au Staff d'Eklablog. Une fois que le Javascript est activé sur son compte, pour desactiver le clique droit il faut coller le code ci-dessou en cliquant sur le bouton HTML dans l'interface d'édition d'un module simple du blog.
<script type="text/javascript">// <![CDATA[
document.body.oncontextmenu = function(){ alert("Clic droit désactivé !"); return false };
// ]]></script>
57Nari-chanSamedi 10 Septembre 2011 à 20:19Bonjours j'aimerai savoir comment en fait pour desactiver les clique droits sur eklablog ?
Nari's questions
Voilà le tutoriel pour ton exemple sur Animées Online à cette adresse.
J'ai utilisé ce qu'on appelle des ancres et je pense avoir fait le tour des explications dans le tuto.
Pour le texte en haut à droite de mon blog (Pas à gauche, je ne crois pas.) c'est exactement le même principe que sur ce tuto, la seule différence c'est que dans le CSS, au lieu de mettre un # au début, on met un .aussi , comment tu fais pour mettre un texte et un lien en haut a gauche de la bannere stp ?
hello !
J'ai besoin d'aide !!
Tu peux faire un tuto pour expliquer sa :
Sur animée online , vous avez fait une rubrique d'anime et de scan , ou quand on clique sur une lettre , l'artcile defilent et montre l'endoit desirer ...
Tu pourras faire un tuto stp !
50HodySamedi 3 Septembre 2011 à 14:57@ Mokoru : Oui je te fais un tuto, j'y travaille. ^-^
@ Ween : Tu veux plutot dire du texte dans un cadre et pas l'inverse, non ? :O
Tu parles du fond beige derriere le texte de l'article ?47HodySamedi 3 Septembre 2011 à 14:27comment fait-tu le cadre dans un texte comme dans un article dans l'acceuil ?
J'explique mal excuse moi.Coucou ! J'ai une question, comment tu fait les trucks sur tes icônes ? avec le chiffre là, s'il te plaît ! Merci d'avance :3
Oui c'est possible de souligner en double, en tiret, en continu et en pointillés.
Je te fais un ptit tuto rapidement sur les differentes formes de soulignements. ^-^
EDIT : Le tutoriel est disponible à cette adresse. ^-^Bonjour, enfaite je me demander comment tu faisais pour souligner tes textes avec des petits pointillés comme tu as fait la >
http://portfolio.ek.la/codage-c923090
Et si c'est possible en plus si on pouvait remplacer, les pointillés par par exemple des tirets ou des double trait enfin voilà ^^
Merci .
Ben ça je l'avais fait avec photoshop, j'en ai moi-meme fait des miniatures.
Cependant j'ai appris il y a peu de temps que c'etait possible avec le HTML, pour cela il te faut ce code :
<a href="urldetonimage"><img src="urldetonimage" height="*" width="**"/></a>
urldetonimage sera remplacé par l'url de l'image à redimensionner en question.
Tu dois remplacer l'* après height par un chiffre qui correspondra à la hauteur de ta miniature en pixels.
Par exemple, si tu veux que ta miniature fasse 100 pixels de haut, tu mettra 100. Pour l'** après width, tu devra également mettre un chiffre qui correspondra à la largeur de ta miniature.
Il est possible aussi de ne mettre que la largeur ou la hauteur, dans ces cas, si tu ne met que la largeur, la hauteur se fera automatiquement par rapport a la taille de l'image de base. Et inversement.
Pour ne définir que la hauteur ce sera ce code (On enleve juste le width)
<a href="urldetonimage"><img src="urldetonimage" height="*"/></a>
Et pour ne définir que la largeur ce sera celui-ci (On enleve height)
<a href="urldetonimage"><img src="urldetonimage" width="**"/></a>
Voila, voila. ^-^salut! besoin de savoir comment tu faisais lorsque tu affichais tes dessins tu avais un petit cadre de l'image et lorsque tu cliquais dessus l'image entière s'affichait. sa doit etre une question idiote encore une fois alors désolé ^^"
D'accord, mais par contre, certaines parties différents selon l'image utilisée alors si tu compte faire ça sur ton blog tu devras improviser. ^^
Enfin, je veux dire, le gros travail sur la page d'accueil c'est l'image avec les Mises à jour, pour l'article c'est juste du texte sur fond coloré alors si tu veux quelque chose de précis (?) ça serait plus simple pour moi. ^^
Sur mon accueil ? Je veux bien mais il y a plusieurs choses différentes dessus :O
@ Kita- : Le tuto sur les défilements est terminé. ^-^Un tutos sur ton accueil, je me demande trop comment ta fait !
Tu n'est pas obliger de le mettre ^^
@ Kita- : Oui je vois de quel code tu parles, c'est un code en rapport avec le HTML, je te fais vite le tuto car c'est très rapide à faire. ^^
@ mayumi : Tu n'as pas besoin de CSS pour faire ça car c'est Eklablog qui te le propose, il suffit d'aller dans Configuration > Configuration générale > Avancé, tu coches la case Ouvrir les images dans une boîte de surimpression, tu enregistre et le tour est joué ! :)besoin d'un petit tuto pour faire cela--->http://mangaka-passion-draw.eklablog.com/mes-dessins-a-la-tablette-c962220
tu n'as plus qu'a cliquer sur une image (n'importe laquelle) et l'image s'ouvre sur la même page avec un fond noir derrière. et comme je suis un peu nulle (mais très) pour créer des CSS (je comprend rien tout simplement...) je m'en remet à toi~
voila j'aimerais beaucoup savoir merci ^^
Moi y'a quelque chose que j'comprends pas comment on fait ! (vachement français je sais !)
C'est quand y'a des image elle défilent.
Tu sais les partenaires. Généralement les gens utilisent ca pour leur partenaires.
Y'a les boutons qui défilent les uns à la suite des autres !
Enfin je sais pas si je me fait bien comprendre.
Mais j'espère que tu pourra l'expliquer ! Merci ! =D
http://candy_floss.lo.gs/what-is-a-miku-a4001493
voici l'exemple , en faite c'est juste le principe de la barre coulissante ..^^
n effet shoutbox, c'est a dire ? J'ai plusieurs idees mais je ne vois pas ce que tu veux exactement. Tu aurais un exemple ? ^ ^
Bonjour , se serait pour un code html ...
Donc j'aimerais avoir le code html pour faire l'effet "shoutbox"
Donc j'ai hate d'avoir ta reponse et ej te remercie d'avance : )
Misu Sato ^^
Vous devez être connecté pour commenter
bonjour... une fois n est pas coutume.. je viens te voir sans rien te demander... simplement je voulais encore une fois te remercier pour tes bons conseils et tuyaux et surtout te souhaiter une bonne et heureuse année...